From 501dbfad8f8f35820e4809abcd4801570bcd2c78 Mon Sep 17 00:00:00 2001 From: xvj Date: Thu, 29 Jan 2026 17:04:46 +0300 Subject: [PATCH 1/3] ru-UI --- .../src/components/ConnectionStateToast.tsx | 6 ++-- .../src/components/controls/StartAudio.tsx | 4 +-- .../components/controls/StartMediaButton.tsx | 2 +- packages/react/src/i18n.ts | 30 +++++++++++++++++++ packages/react/src/prefabs/Chat.tsx | 6 ++-- packages/react/src/prefabs/ControlBar.tsx | 12 ++++---- .../react/src/prefabs/MediaDeviceMenu.tsx | 4 +-- packages/react/src/prefabs/PreJoin.tsx | 20 ++++++------- .../src/prefabs/VoiceAssistantControlBar.tsx | 2 +- 9 files changed, 58 insertions(+), 28 deletions(-) create mode 100644 packages/react/src/i18n.ts diff --git a/packages/react/src/components/ConnectionStateToast.tsx b/packages/react/src/components/ConnectionStateToast.tsx index 2def82d41..397111b08 100644 --- a/packages/react/src/components/ConnectionStateToast.tsx +++ b/packages/react/src/components/ConnectionStateToast.tsx @@ -24,19 +24,19 @@ export function ConnectionStateToast(props: ConnectionStateToastProps) { case ConnectionState.Reconnecting: setNotification( <> - Reconnecting + Повторное подключение , ); break; case ConnectionState.Connecting: setNotification( <> - Connecting + Подключение , ); break; case ConnectionState.Disconnected: - setNotification(<>Disconnected); + setNotification(<>Отключено); break; default: setNotification(undefined); diff --git a/packages/react/src/components/controls/StartAudio.tsx b/packages/react/src/components/controls/StartAudio.tsx index f4818bd25..eb901989a 100644 --- a/packages/react/src/components/controls/StartAudio.tsx +++ b/packages/react/src/components/controls/StartAudio.tsx @@ -6,7 +6,7 @@ import { Room } from 'livekit-client'; /** @public */ export interface AllowAudioPlaybackProps extends React.ButtonHTMLAttributes { room?: Room; - label: string; + label?: string; } /** @@ -27,7 +27,7 @@ export interface AllowAudioPlaybackProps extends React.ButtonHTMLAttributes, ) => React.ReactNode = /* @__PURE__ */ React.forwardRef( - function StartAudio({ label = 'Allow Audio', ...props }: AllowAudioPlaybackProps, ref) { + function StartAudio({ label = 'Разрешить звук', ...props }: AllowAudioPlaybackProps, ref) { const room = useEnsureRoom(props.room); const { mergedProps } = useStartAudio({ room, props }); diff --git a/packages/react/src/components/controls/StartMediaButton.tsx b/packages/react/src/components/controls/StartMediaButton.tsx index 107f4d7b4..6f5556118 100644 --- a/packages/react/src/components/controls/StartMediaButton.tsx +++ b/packages/react/src/components/controls/StartMediaButton.tsx @@ -34,7 +34,7 @@ export const StartMediaButton: ( return ( ); }, diff --git a/packages/react/src/i18n.ts b/packages/react/src/i18n.ts new file mode 100644 index 000000000..61fd5f483 --- /dev/null +++ b/packages/react/src/i18n.ts @@ -0,0 +1,30 @@ +export type Lang = "en" | "ru"; + +let currentLang: Lang = "en"; + +export const texts = { + connecting: { + en: "Connecting...", + ru: "Подключение..." + }, + disconnected: { + en: "Disconnected", + ru: "Отключено" + }, + mute: { + en: "Mute", + ru: "Выключить микрофон" + }, + camera: { + en: "Camera", + ru: "Камера" + } +}; + +export function setLang(lang: Lang) { + currentLang = lang; +} + +export function t(key: keyof typeof texts) { + return texts[key][currentLang]; +} diff --git a/packages/react/src/prefabs/Chat.tsx b/packages/react/src/prefabs/Chat.tsx index bfa3d132b..ae1f46a5d 100644 --- a/packages/react/src/prefabs/Chat.tsx +++ b/packages/react/src/prefabs/Chat.tsx @@ -100,7 +100,7 @@ export function Chat({ return (
- Messages + Сообщения {layoutContext && ( @@ -139,13 +139,13 @@ export function Chat({ disabled={isSending} ref={inputRef} type="text" - placeholder="Enter a message..." + placeholder="Введите сообщение" onInput={(ev) => ev.stopPropagation()} onKeyDown={(ev) => ev.stopPropagation()} onKeyUp={(ev) => ev.stopPropagation()} />
diff --git a/packages/react/src/prefabs/ControlBar.tsx b/packages/react/src/prefabs/ControlBar.tsx index 2b004834e..f1c692ded 100644 --- a/packages/react/src/prefabs/ControlBar.tsx +++ b/packages/react/src/prefabs/ControlBar.tsx @@ -160,7 +160,7 @@ export function ControlBar({ onChange={microphoneOnChange} onDeviceError={(error) => onDeviceError?.({ source: Track.Source.Microphone, error })} > - {showText && 'Microphone'} + {showText && 'Микрофон'}
onDeviceError?.({ source: Track.Source.Camera, error })} > - {showText && 'Camera'} + {showText && 'Камера'}
onDeviceError?.({ source: Track.Source.ScreenShare, error })} > - {showText && (isScreenShareEnabled ? 'Stop screen share' : 'Share screen')} + {showText && (isScreenShareEnabled ? 'Остановить показ экрана' : 'Поделиться экраном')} )} {visibleControls.chat && ( {showIcon && } - {showText && 'Chat'} + {showText && 'Чат'} )} {visibleControls.settings && ( {showIcon && } - {showText && 'Settings'} + {showText && 'Настройки'} )} {visibleControls.leave && ( {showIcon && } - {showText && 'Leave'} + {showText && 'Выйти'} )} diff --git a/packages/react/src/prefabs/MediaDeviceMenu.tsx b/packages/react/src/prefabs/MediaDeviceMenu.tsx index 208e47af3..c7a7d3ece 100644 --- a/packages/react/src/prefabs/MediaDeviceMenu.tsx +++ b/packages/react/src/prefabs/MediaDeviceMenu.tsx @@ -130,7 +130,7 @@ export function MediaDeviceMenu({ /> ) : ( <> -
Audio inputs
+
Аудио-устройства
@@ -140,7 +140,7 @@ export function MediaDeviceMenu({ track={tracks?.audioinput} requestPermissions={needPermissions} /> -
Video inputs
+
Видео-устройства
diff --git a/packages/react/src/prefabs/PreJoin.tsx b/packages/react/src/prefabs/PreJoin.tsx index f3ec12b7f..806792ab4 100644 --- a/packages/react/src/prefabs/PreJoin.tsx +++ b/packages/react/src/prefabs/PreJoin.tsx @@ -223,10 +223,10 @@ export function PreJoin({ onSubmit, onError, debug, - joinLabel = 'Join Room', - micLabel = 'Microphone', - camLabel = 'Camera', - userLabel = 'Username', + joinLabel = 'Войти в комнату', + micLabel = 'Микрофон', + camLabel = 'Камера', + userLabel = 'Имя пользователя', persistUserChoices = true, videoProcessor, ...htmlProps @@ -424,13 +424,13 @@ export function PreJoin({ {debug && ( <> - User Choices: + Выбор пользователя:
    -
  • Username: {`${userChoices.username}`}
    • -
  • Video Enabled: {`${userChoices.videoEnabled}`}
    • -
  • Audio Enabled: {`${userChoices.audioEnabled}`}
    • -
  • Video Device: {`${userChoices.videoDeviceId}`}
    • -
  • Audio Device: {`${userChoices.audioDeviceId}`}
    • +
  • Имя пользователя: {`${userChoices.username}`}
    • +
  • Видео включено: {`${userChoices.videoEnabled}`}
    • +
  • Аудио включено: {`${userChoices.audioEnabled}`}
    • +
  • Видео-устройство: {`${userChoices.videoDeviceId}`}
    • +
  • Аудио-устройство: {`${userChoices.audioDeviceId}`}
)} diff --git a/packages/react/src/prefabs/VoiceAssistantControlBar.tsx b/packages/react/src/prefabs/VoiceAssistantControlBar.tsx index 970aa87e6..a669a4c58 100644 --- a/packages/react/src/prefabs/VoiceAssistantControlBar.tsx +++ b/packages/react/src/prefabs/VoiceAssistantControlBar.tsx @@ -102,7 +102,7 @@ export function VoiceAssistantControlBar({
)} - {visibleControls.leave && {'Disconnect'}} + {visibleControls.leave && {'Отключиться'}}
); From 7c05eb60a7fe1ef1fe3f82427124be206342ca49 Mon Sep 17 00:00:00 2001 From: xvj Date: Sat, 31 Jan 2026 10:44:51 +0300 Subject: [PATCH 2/3] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?= =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20dist?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../dist/assets/icons/CameraDisabledIcon.d.ts | 11 + .../assets/icons/CameraDisabledIcon.d.ts.map | 1 + .../react/dist/assets/icons/CameraIcon.d.ts | 11 + .../dist/assets/icons/CameraIcon.d.ts.map | 1 + .../dist/assets/icons/ChatCloseIcon.d.ts | 11 + .../dist/assets/icons/ChatCloseIcon.d.ts.map | 1 + .../react/dist/assets/icons/ChatIcon.d.ts | 11 + .../react/dist/assets/icons/ChatIcon.d.ts.map | 1 + packages/react/dist/assets/icons/Chevron.d.ts | 11 + .../react/dist/assets/icons/Chevron.d.ts.map | 1 + .../dist/assets/icons/FocusToggleIcon.d.ts | 11 + .../assets/icons/FocusToggleIcon.d.ts.map | 1 + .../react/dist/assets/icons/GearIcon.d.ts | 11 + .../react/dist/assets/icons/GearIcon.d.ts.map | 1 + .../react/dist/assets/icons/LeaveIcon.d.ts | 11 + .../dist/assets/icons/LeaveIcon.d.ts.map | 1 + .../dist/assets/icons/LockLockedIcon.d.ts | 11 + .../dist/assets/icons/LockLockedIcon.d.ts.map | 1 + .../dist/assets/icons/MicDisabledIcon.d.ts | 11 + .../assets/icons/MicDisabledIcon.d.ts.map | 1 + packages/react/dist/assets/icons/MicIcon.d.ts | 11 + .../react/dist/assets/icons/MicIcon.d.ts.map | 1 + .../assets/icons/QualityExcellentIcon.d.ts | 11 + .../icons/QualityExcellentIcon.d.ts.map | 1 + .../dist/assets/icons/QualityGoodIcon.d.ts | 11 + .../assets/icons/QualityGoodIcon.d.ts.map | 1 + .../dist/assets/icons/QualityPoorIcon.d.ts | 11 + .../assets/icons/QualityPoorIcon.d.ts.map | 1 + .../dist/assets/icons/QualityUnknownIcon.d.ts | 11 + .../assets/icons/QualityUnknownIcon.d.ts.map | 1 + .../dist/assets/icons/ScreenShareIcon.d.ts | 11 + .../assets/icons/ScreenShareIcon.d.ts.map | 1 + .../assets/icons/ScreenShareStopIcon.d.ts | 11 + .../assets/icons/ScreenShareStopIcon.d.ts.map | 1 + .../react/dist/assets/icons/SpinnerIcon.d.ts | 11 + .../dist/assets/icons/SpinnerIcon.d.ts.map | 1 + .../dist/assets/icons/UnfocusToggleIcon.d.ts | 11 + .../assets/icons/UnfocusToggleIcon.d.ts.map | 1 + packages/react/dist/assets/icons/index.d.ts | 20 + .../react/dist/assets/icons/index.d.ts.map | 1 + packages/react/dist/assets/icons/util.d.ts | 11 + .../react/dist/assets/icons/util.d.ts.map | 1 + .../assets/images/ParticipantPlaceholder.d.ts | 11 + .../images/ParticipantPlaceholder.d.ts.map | 1 + packages/react/dist/assets/images/index.d.ts | 2 + .../react/dist/assets/images/index.d.ts.map | 1 + packages/react/dist/components-Dl8_KfwP.mjs | 1054 +++++ .../react/dist/components-Dl8_KfwP.mjs.map | 1 + packages/react/dist/components/ChatEntry.d.ts | 35 + .../react/dist/components/ChatEntry.d.ts.map | 1 + .../dist/components/ConnectionState.d.ts | 23 + .../dist/components/ConnectionState.d.ts.map | 1 + .../dist/components/ConnectionStateToast.d.ts | 13 + .../components/ConnectionStateToast.d.ts.map | 1 + .../react/dist/components/LiveKitRoom.d.ts | 92 + .../dist/components/LiveKitRoom.d.ts.map | 1 + .../dist/components/ParticipantLoop.d.ts | 28 + .../dist/components/ParticipantLoop.d.ts.map | 1 + .../dist/components/RoomAudioRenderer.d.ts | 29 + .../components/RoomAudioRenderer.d.ts.map | 1 + packages/react/dist/components/RoomName.d.ts | 20 + .../react/dist/components/RoomName.d.ts.map | 1 + .../dist/components/SessionProvider.d.ts | 13 + .../dist/components/SessionProvider.d.ts.map | 1 + packages/react/dist/components/Toast.d.ts | 14 + packages/react/dist/components/Toast.d.ts.map | 1 + packages/react/dist/components/TrackLoop.d.ts | 26 + .../react/dist/components/TrackLoop.d.ts.map | 1 + .../dist/components/controls/ChatToggle.d.ts | 19 + .../components/controls/ChatToggle.d.ts.map | 1 + .../components/controls/ClearPinButton.d.ts | 20 + .../controls/ClearPinButton.d.ts.map | 1 + .../components/controls/DisconnectButton.d.ts | 19 + .../controls/DisconnectButton.d.ts.map | 1 + .../dist/components/controls/FocusToggle.d.ts | 21 + .../components/controls/FocusToggle.d.ts.map | 1 + .../controls/MediaDeviceSelect.d.ts | 40 + .../controls/MediaDeviceSelect.d.ts.map | 1 + .../controls/PaginationControl.d.ts | 9 + .../controls/PaginationControl.d.ts.map | 1 + .../controls/PaginationIndicator.d.ts | 7 + .../controls/PaginationIndicator.d.ts.map | 1 + .../controls/SettingsMenuToggle.d.ts | 13 + .../controls/SettingsMenuToggle.d.ts.map | 1 + .../dist/components/controls/StartAudio.d.ts | 24 + .../components/controls/StartAudio.d.ts.map | 1 + .../components/controls/StartMediaButton.d.ts | 22 + .../controls/StartMediaButton.d.ts.map | 1 + .../dist/components/controls/TrackToggle.d.ts | 32 + .../components/controls/TrackToggle.d.ts.map | 1 + packages/react/dist/components/index.d.ts | 30 + packages/react/dist/components/index.d.ts.map | 1 + .../components/layout/CarouselLayout.d.ts | 27 + .../components/layout/CarouselLayout.d.ts.map | 1 + .../dist/components/layout/FocusLayout.d.ts | 25 + .../components/layout/FocusLayout.d.ts.map | 1 + .../dist/components/layout/GridLayout.d.ts | 26 + .../components/layout/GridLayout.d.ts.map | 1 + .../layout/LayoutContextProvider.d.ts | 12 + .../layout/LayoutContextProvider.d.ts.map | 1 + .../react/dist/components/layout/index.d.ts | 4 + .../dist/components/layout/index.d.ts.map | 1 + .../components/participant/AudioTrack.d.ts | 33 + .../participant/AudioTrack.d.ts.map | 1 + .../participant/AudioVisualizer.d.ts | 22 + .../participant/AudioVisualizer.d.ts.map | 1 + .../components/participant/BarVisualizer.d.ts | 77 + .../participant/BarVisualizer.d.ts.map | 1 + .../ConnectionQualityIndicator.d.ts | 16 + .../ConnectionQualityIndicator.d.ts.map | 1 + .../participant/ParticipantAudioTile.d.ts | 14 + .../participant/ParticipantAudioTile.d.ts.map | 1 + .../participant/ParticipantName.d.ts | 17 + .../participant/ParticipantName.d.ts.map | 1 + .../participant/ParticipantTile.d.ts | 49 + .../participant/ParticipantTile.d.ts.map | 1 + .../participant/TrackMutedIndicator.d.ts | 19 + .../participant/TrackMutedIndicator.d.ts.map | 1 + .../components/participant/VideoTrack.d.ts | 23 + .../participant/VideoTrack.d.ts.map | 1 + .../connectingSequence.d.ts | 2 + .../connectingSequence.d.ts.map | 1 + .../animationSequences/listeningSequence.d.ts | 2 + .../listeningSequence.d.ts.map | 1 + .../animationSequences/thinkingSequence.d.ts | 2 + .../thinkingSequence.d.ts.map | 1 + .../participant/animators/useBarAnimator.d.ts | 3 + .../animators/useBarAnimator.d.ts.map | 1 + packages/react/dist/context/chat-context.d.ts | 23 + .../react/dist/context/chat-context.d.ts.map | 1 + .../react/dist/context/feature-context.d.ts | 14 + .../dist/context/feature-context.d.ts.map | 1 + packages/react/dist/context/index.d.ts | 10 + packages/react/dist/context/index.d.ts.map | 1 + .../react/dist/context/layout-context.d.ts | 32 + .../dist/context/layout-context.d.ts.map | 1 + .../dist/context/participant-context.d.ts | 22 + .../dist/context/participant-context.d.ts.map | 1 + packages/react/dist/context/pin-context.d.ts | 17 + .../react/dist/context/pin-context.d.ts.map | 1 + packages/react/dist/context/room-context.d.ts | 22 + .../react/dist/context/room-context.d.ts.map | 1 + .../react/dist/context/session-context.d.ts | 22 + .../dist/context/session-context.d.ts.map | 1 + .../dist/context/track-reference-context.d.ts | 25 + .../context/track-reference-context.d.ts.map | 1 + packages/react/dist/contexts-BABOeQ4Z.mjs | 3961 +++++++++++++++++ packages/react/dist/contexts-BABOeQ4Z.mjs.map | 1 + packages/react/dist/hooks-l0sNRNKZ.mjs | 2 + packages/react/dist/hooks-l0sNRNKZ.mjs.map | 1 + packages/react/dist/hooks.d.ts | 2 + packages/react/dist/hooks.js | 2 + packages/react/dist/hooks.js.map | 1 + packages/react/dist/hooks.mjs | 63 + packages/react/dist/hooks.mjs.map | 1 + .../cloud/krisp/useKrispNoiseFilter.d.ts | 42 + .../cloud/krisp/useKrispNoiseFilter.d.ts.map | 1 + packages/react/dist/hooks/index.d.ts | 54 + packages/react/dist/hooks/index.d.ts.map | 1 + packages/react/dist/hooks/internal/index.d.ts | 10 + .../react/dist/hooks/internal/index.d.ts.map | 1 + .../dist/hooks/internal/useMediaQuery.d.ts | 7 + .../hooks/internal/useMediaQuery.d.ts.map | 1 + .../hooks/internal/useObservableState.d.ts | 6 + .../internal/useObservableState.d.ts.map | 1 + .../hooks/internal/useResizeObserver.d.ts | 14 + .../hooks/internal/useResizeObserver.d.ts.map | 1 + packages/react/dist/hooks/useAgent.d.ts | 219 + packages/react/dist/hooks/useAgent.d.ts.map | 1 + .../react/dist/hooks/useAudioPlayback.d.ts | 15 + .../dist/hooks/useAudioPlayback.d.ts.map | 1 + packages/react/dist/hooks/useChat.d.ts | 43 + packages/react/dist/hooks/useChat.d.ts.map | 1 + packages/react/dist/hooks/useChatToggle.d.ts | 21 + .../react/dist/hooks/useChatToggle.d.ts.map | 1 + .../react/dist/hooks/useClearPinButton.d.ts | 15 + .../dist/hooks/useClearPinButton.d.ts.map | 1 + .../hooks/useConnectionQualityIndicator.d.ts | 20 + .../useConnectionQualityIndicator.d.ts.map | 1 + .../react/dist/hooks/useConnectionStatus.d.ts | 12 + .../dist/hooks/useConnectionStatus.d.ts.map | 1 + packages/react/dist/hooks/useDataChannel.d.ts | 38 + .../react/dist/hooks/useDataChannel.d.ts.map | 1 + .../react/dist/hooks/useDisconnectButton.d.ts | 21 + .../dist/hooks/useDisconnectButton.d.ts.map | 1 + packages/react/dist/hooks/useEvents.d.ts | 9 + packages/react/dist/hooks/useEvents.d.ts.map | 1 + packages/react/dist/hooks/useFacingMode.d.ts | 10 + .../react/dist/hooks/useFacingMode.d.ts.map | 1 + packages/react/dist/hooks/useFocusToggle.d.ts | 26 + .../react/dist/hooks/useFocusToggle.d.ts.map | 1 + packages/react/dist/hooks/useGridLayout.d.ts | 27 + .../react/dist/hooks/useGridLayout.d.ts.map | 1 + packages/react/dist/hooks/useIsEncrypted.d.ts | 12 + .../react/dist/hooks/useIsEncrypted.d.ts.map | 1 + packages/react/dist/hooks/useIsMuted.d.ts | 28 + packages/react/dist/hooks/useIsMuted.d.ts.map | 1 + packages/react/dist/hooks/useIsRecording.d.ts | 11 + .../react/dist/hooks/useIsRecording.d.ts.map | 1 + packages/react/dist/hooks/useIsSpeaking.d.ts | 11 + .../react/dist/hooks/useIsSpeaking.d.ts.map | 1 + packages/react/dist/hooks/useLiveKitRoom.d.ts | 19 + .../react/dist/hooks/useLiveKitRoom.d.ts.map | 1 + .../react/dist/hooks/useLocalParticipant.d.ts | 29 + .../dist/hooks/useLocalParticipant.d.ts.map | 1 + .../hooks/useLocalParticipantPermissions.d.ts | 12 + .../useLocalParticipantPermissions.d.ts.map | 1 + .../dist/hooks/useMediaDeviceSelect.d.ts | 41 + .../dist/hooks/useMediaDeviceSelect.d.ts.map | 1 + .../react/dist/hooks/useMediaDevices.d.ts | 15 + .../react/dist/hooks/useMediaDevices.d.ts.map | 1 + .../hooks/useMediaTrackBySourceOrName.d.ts | 18 + .../useMediaTrackBySourceOrName.d.ts.map | 1 + packages/react/dist/hooks/usePagination.d.ts | 24 + .../react/dist/hooks/usePagination.d.ts.map | 1 + .../dist/hooks/useParticipantAttributes.d.ts | 30 + .../hooks/useParticipantAttributes.d.ts.map | 1 + .../react/dist/hooks/useParticipantInfo.d.ts | 21 + .../dist/hooks/useParticipantInfo.d.ts.map | 1 + .../dist/hooks/useParticipantPermissions.d.ts | 17 + .../hooks/useParticipantPermissions.d.ts.map | 1 + .../react/dist/hooks/useParticipantTile.d.ts | 22 + .../dist/hooks/useParticipantTile.d.ts.map | 1 + .../dist/hooks/useParticipantTracks.d.ts | 14 + .../dist/hooks/useParticipantTracks.d.ts.map | 1 + .../react/dist/hooks/useParticipants.d.ts | 30 + .../react/dist/hooks/useParticipants.d.ts.map | 1 + .../dist/hooks/usePersistentUserChoices.d.ts | 35 + .../hooks/usePersistentUserChoices.d.ts.map | 1 + .../react/dist/hooks/usePinnedTracks.d.ts | 14 + .../react/dist/hooks/usePinnedTracks.d.ts.map | 1 + .../dist/hooks/useRemoteParticipant.d.ts | 35 + .../dist/hooks/useRemoteParticipant.d.ts.map | 1 + .../dist/hooks/useRemoteParticipants.d.ts | 30 + .../dist/hooks/useRemoteParticipants.d.ts.map | 1 + packages/react/dist/hooks/useRoomInfo.d.ts | 21 + .../react/dist/hooks/useRoomInfo.d.ts.map | 1 + .../useSequentialRoomConnectDisconnect.d.ts | 27 + ...seSequentialRoomConnectDisconnect.d.ts.map | 1 + packages/react/dist/hooks/useSession.d.ts | 130 + packages/react/dist/hooks/useSession.d.ts.map | 1 + .../react/dist/hooks/useSessionMessages.d.ts | 29 + .../dist/hooks/useSessionMessages.d.ts.map | 1 + .../react/dist/hooks/useSettingsToggle.d.ts | 20 + .../dist/hooks/useSettingsToggle.d.ts.map | 1 + .../dist/hooks/useSortedParticipants.d.ts | 7 + .../dist/hooks/useSortedParticipants.d.ts.map | 1 + .../dist/hooks/useSpeakingParticipants.d.ts | 16 + .../hooks/useSpeakingParticipants.d.ts.map | 1 + packages/react/dist/hooks/useStartAudio.d.ts | 27 + .../react/dist/hooks/useStartAudio.d.ts.map | 1 + packages/react/dist/hooks/useStartVideo.d.ts | 26 + .../react/dist/hooks/useStartVideo.d.ts.map | 1 + packages/react/dist/hooks/useSwipe.d.ts | 24 + packages/react/dist/hooks/useSwipe.d.ts.map | 1 + packages/react/dist/hooks/useTextStream.d.ts | 20 + .../react/dist/hooks/useTextStream.d.ts.map | 1 + packages/react/dist/hooks/useToken.d.ts | 20 + packages/react/dist/hooks/useToken.d.ts.map | 1 + packages/react/dist/hooks/useTrack.d.ts | 4 + packages/react/dist/hooks/useTrack.d.ts.map | 1 + packages/react/dist/hooks/useTrackByName.d.ts | 10 + .../react/dist/hooks/useTrackByName.d.ts.map | 1 + .../dist/hooks/useTrackMutedIndicator.d.ts | 18 + .../hooks/useTrackMutedIndicator.d.ts.map | 1 + .../dist/hooks/useTrackRefBySourceOrName.d.ts | 7 + .../hooks/useTrackRefBySourceOrName.d.ts.map | 1 + .../react/dist/hooks/useTrackSyncTime.d.ts | 10 + .../dist/hooks/useTrackSyncTime.d.ts.map | 1 + packages/react/dist/hooks/useTrackToggle.d.ts | 27 + .../react/dist/hooks/useTrackToggle.d.ts.map | 1 + .../dist/hooks/useTrackTranscription.d.ts | 26 + .../dist/hooks/useTrackTranscription.d.ts.map | 1 + packages/react/dist/hooks/useTrackVolume.d.ts | 49 + .../react/dist/hooks/useTrackVolume.d.ts.map | 1 + packages/react/dist/hooks/useTracks.d.ts | 29 + packages/react/dist/hooks/useTracks.d.ts.map | 1 + .../react/dist/hooks/useTranscriptions.d.ts | 21 + .../dist/hooks/useTranscriptions.d.ts.map | 1 + .../dist/hooks/useVisualStableUpdate.d.ts | 27 + .../dist/hooks/useVisualStableUpdate.d.ts.map | 1 + .../react/dist/hooks/useVoiceAssistant.d.ts | 43 + .../dist/hooks/useVoiceAssistant.d.ts.map | 1 + .../dist/hooks/useWarnAboutMissingStyles.d.ts | 5 + .../hooks/useWarnAboutMissingStyles.d.ts.map | 1 + packages/react/dist/i18n.d.ts | 22 + packages/react/dist/i18n.d.ts.map | 1 + packages/react/dist/index.d.ts | 9 + packages/react/dist/index.d.ts.map | 1 + packages/react/dist/index.docs.d.ts | 6 + packages/react/dist/index.docs.d.ts.map | 1 + packages/react/dist/index.js | 2 + packages/react/dist/index.js.map | 1 + packages/react/dist/index.mjs | 156 + packages/react/dist/index.mjs.map | 1 + packages/react/dist/krisp.d.ts | 2 + packages/react/dist/krisp.js | 2 + packages/react/dist/krisp.js.map | 1 + packages/react/dist/krisp.mjs | 45 + packages/react/dist/krisp.mjs.map | 1 + packages/react/dist/mergeProps.d.ts | 25 + packages/react/dist/mergeProps.d.ts.map | 1 + packages/react/dist/prefabs-C0OZ4byT.mjs | 572 +++ packages/react/dist/prefabs-C0OZ4byT.mjs.map | 1 + packages/react/dist/prefabs.d.ts | 2 + packages/react/dist/prefabs.js | 2 + packages/react/dist/prefabs.js.map | 1 + packages/react/dist/prefabs.mjs | 16 + packages/react/dist/prefabs.mjs.map | 1 + .../react/dist/prefabs/AudioConference.d.ts | 22 + .../dist/prefabs/AudioConference.d.ts.map | 1 + packages/react/dist/prefabs/Chat.d.ts | 35 + packages/react/dist/prefabs/Chat.d.ts.map | 1 + packages/react/dist/prefabs/ControlBar.d.ts | 45 + .../react/dist/prefabs/ControlBar.d.ts.map | 1 + .../react/dist/prefabs/MediaDeviceMenu.d.ts | 36 + .../dist/prefabs/MediaDeviceMenu.d.ts.map | 1 + packages/react/dist/prefabs/PreJoin.d.ts | 59 + packages/react/dist/prefabs/PreJoin.d.ts.map | 1 + .../react/dist/prefabs/VideoConference.d.ts | 33 + .../dist/prefabs/VideoConference.d.ts.map | 1 + .../prefabs/VoiceAssistantControlBar.d.ts | 32 + .../prefabs/VoiceAssistantControlBar.d.ts.map | 1 + packages/react/dist/prefabs/index.d.ts | 8 + packages/react/dist/prefabs/index.d.ts.map | 1 + packages/react/dist/room-BXkFS6wM.mjs | 2171 +++++++++ packages/react/dist/room-BXkFS6wM.mjs.map | 1 + packages/react/dist/shared-BGiZtWPs.js | 2 + packages/react/dist/shared-BGiZtWPs.js.map | 1 + packages/react/dist/shared-CVy2Ouqp.js | 4 + packages/react/dist/shared-CVy2Ouqp.js.map | 1 + packages/react/dist/shared-DPwWR9E3.js | 2 + packages/react/dist/shared-DPwWR9E3.js.map | 1 + packages/react/dist/shared-I8hFcrmp.js | 2 + packages/react/dist/shared-I8hFcrmp.js.map | 1 + packages/react/dist/utils.d.ts | 19 + packages/react/dist/utils.d.ts.map | 1 + 337 files changed, 11664 insertions(+) create mode 100644 packages/react/dist/assets/icons/CameraDisabledIcon.d.ts create mode 100644 packages/react/dist/assets/icons/CameraDisabledIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/CameraIcon.d.ts create mode 100644 packages/react/dist/assets/icons/CameraIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/ChatCloseIcon.d.ts create mode 100644 packages/react/dist/assets/icons/ChatCloseIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/ChatIcon.d.ts create mode 100644 packages/react/dist/assets/icons/ChatIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/Chevron.d.ts create mode 100644 packages/react/dist/assets/icons/Chevron.d.ts.map create mode 100644 packages/react/dist/assets/icons/FocusToggleIcon.d.ts create mode 100644 packages/react/dist/assets/icons/FocusToggleIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/GearIcon.d.ts create mode 100644 packages/react/dist/assets/icons/GearIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/LeaveIcon.d.ts create mode 100644 packages/react/dist/assets/icons/LeaveIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/LockLockedIcon.d.ts create mode 100644 packages/react/dist/assets/icons/LockLockedIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/MicDisabledIcon.d.ts create mode 100644 packages/react/dist/assets/icons/MicDisabledIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/MicIcon.d.ts create mode 100644 packages/react/dist/assets/icons/MicIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/QualityExcellentIcon.d.ts create mode 100644 packages/react/dist/assets/icons/QualityExcellentIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/QualityGoodIcon.d.ts create mode 100644 packages/react/dist/assets/icons/QualityGoodIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/QualityPoorIcon.d.ts create mode 100644 packages/react/dist/assets/icons/QualityPoorIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/QualityUnknownIcon.d.ts create mode 100644 packages/react/dist/assets/icons/QualityUnknownIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/ScreenShareIcon.d.ts create mode 100644 packages/react/dist/assets/icons/ScreenShareIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/ScreenShareStopIcon.d.ts create mode 100644 packages/react/dist/assets/icons/ScreenShareStopIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/SpinnerIcon.d.ts create mode 100644 packages/react/dist/assets/icons/SpinnerIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/UnfocusToggleIcon.d.ts create mode 100644 packages/react/dist/assets/icons/UnfocusToggleIcon.d.ts.map create mode 100644 packages/react/dist/assets/icons/index.d.ts create mode 100644 packages/react/dist/assets/icons/index.d.ts.map create mode 100644 packages/react/dist/assets/icons/util.d.ts create mode 100644 packages/react/dist/assets/icons/util.d.ts.map create mode 100644 packages/react/dist/assets/images/ParticipantPlaceholder.d.ts create mode 100644 packages/react/dist/assets/images/ParticipantPlaceholder.d.ts.map create mode 100644 packages/react/dist/assets/images/index.d.ts create mode 100644 packages/react/dist/assets/images/index.d.ts.map create mode 100644 packages/react/dist/components-Dl8_KfwP.mjs create mode 100644 packages/react/dist/components-Dl8_KfwP.mjs.map create mode 100644 packages/react/dist/components/ChatEntry.d.ts create mode 100644 packages/react/dist/components/ChatEntry.d.ts.map create mode 100644 packages/react/dist/components/ConnectionState.d.ts create mode 100644 packages/react/dist/components/ConnectionState.d.ts.map create mode 100644 packages/react/dist/components/ConnectionStateToast.d.ts create mode 100644 packages/react/dist/components/ConnectionStateToast.d.ts.map create mode 100644 packages/react/dist/components/LiveKitRoom.d.ts create mode 100644 packages/react/dist/components/LiveKitRoom.d.ts.map create mode 100644 packages/react/dist/components/ParticipantLoop.d.ts create mode 100644 packages/react/dist/components/ParticipantLoop.d.ts.map create mode 100644 packages/react/dist/components/RoomAudioRenderer.d.ts create mode 100644 packages/react/dist/components/RoomAudioRenderer.d.ts.map create mode 100644 packages/react/dist/components/RoomName.d.ts create mode 100644 packages/react/dist/components/RoomName.d.ts.map create mode 100644 packages/react/dist/components/SessionProvider.d.ts create mode 100644 packages/react/dist/components/SessionProvider.d.ts.map create mode 100644 packages/react/dist/components/Toast.d.ts create mode 100644 packages/react/dist/components/Toast.d.ts.map create mode 100644 packages/react/dist/components/TrackLoop.d.ts create mode 100644 packages/react/dist/components/TrackLoop.d.ts.map create mode 100644 packages/react/dist/components/controls/ChatToggle.d.ts create mode 100644 packages/react/dist/components/controls/ChatToggle.d.ts.map create mode 100644 packages/react/dist/components/controls/ClearPinButton.d.ts create mode 100644 packages/react/dist/components/controls/ClearPinButton.d.ts.map create mode 100644 packages/react/dist/components/controls/DisconnectButton.d.ts create mode 100644 packages/react/dist/components/controls/DisconnectButton.d.ts.map create mode 100644 packages/react/dist/components/controls/FocusToggle.d.ts create mode 100644 packages/react/dist/components/controls/FocusToggle.d.ts.map create mode 100644 packages/react/dist/components/controls/MediaDeviceSelect.d.ts create mode 100644 packages/react/dist/components/controls/MediaDeviceSelect.d.ts.map create mode 100644 packages/react/dist/components/controls/PaginationControl.d.ts create mode 100644 packages/react/dist/components/controls/PaginationControl.d.ts.map create mode 100644 packages/react/dist/components/controls/PaginationIndicator.d.ts create mode 100644 packages/react/dist/components/controls/PaginationIndicator.d.ts.map create mode 100644 packages/react/dist/components/controls/SettingsMenuToggle.d.ts create mode 100644 packages/react/dist/components/controls/SettingsMenuToggle.d.ts.map create mode 100644 packages/react/dist/components/controls/StartAudio.d.ts create mode 100644 packages/react/dist/components/controls/StartAudio.d.ts.map create mode 100644 packages/react/dist/components/controls/StartMediaButton.d.ts create mode 100644 packages/react/dist/components/controls/StartMediaButton.d.ts.map create mode 100644 packages/react/dist/components/controls/TrackToggle.d.ts create mode 100644 packages/react/dist/components/controls/TrackToggle.d.ts.map create mode 100644 packages/react/dist/components/index.d.ts create mode 100644 packages/react/dist/components/index.d.ts.map create mode 100644 packages/react/dist/components/layout/CarouselLayout.d.ts create mode 100644 packages/react/dist/components/layout/CarouselLayout.d.ts.map create mode 100644 packages/react/dist/components/layout/FocusLayout.d.ts create mode 100644 packages/react/dist/components/layout/FocusLayout.d.ts.map create mode 100644 packages/react/dist/components/layout/GridLayout.d.ts create mode 100644 packages/react/dist/components/layout/GridLayout.d.ts.map create mode 100644 packages/react/dist/components/layout/LayoutContextProvider.d.ts create mode 100644 packages/react/dist/components/layout/LayoutContextProvider.d.ts.map create mode 100644 packages/react/dist/components/layout/index.d.ts create mode 100644 packages/react/dist/components/layout/index.d.ts.map create mode 100644 packages/react/dist/components/participant/AudioTrack.d.ts create mode 100644 packages/react/dist/components/participant/AudioTrack.d.ts.map create mode 100644 packages/react/dist/components/participant/AudioVisualizer.d.ts create mode 100644 packages/react/dist/components/participant/AudioVisualizer.d.ts.map create mode 100644 packages/react/dist/components/participant/BarVisualizer.d.ts create mode 100644 packages/react/dist/components/participant/BarVisualizer.d.ts.map create mode 100644 packages/react/dist/components/participant/ConnectionQualityIndicator.d.ts create mode 100644 packages/react/dist/components/participant/ConnectionQualityIndicator.d.ts.map create mode 100644 packages/react/dist/components/participant/ParticipantAudioTile.d.ts create mode 100644 packages/react/dist/components/participant/ParticipantAudioTile.d.ts.map create mode 100644 packages/react/dist/components/participant/ParticipantName.d.ts create mode 100644 packages/react/dist/components/participant/ParticipantName.d.ts.map create mode 100644 packages/react/dist/components/participant/ParticipantTile.d.ts create mode 100644 packages/react/dist/components/participant/ParticipantTile.d.ts.map create mode 100644 packages/react/dist/components/participant/TrackMutedIndicator.d.ts create mode 100644 packages/react/dist/components/participant/TrackMutedIndicator.d.ts.map create mode 100644 packages/react/dist/components/participant/VideoTrack.d.ts create mode 100644 packages/react/dist/components/participant/VideoTrack.d.ts.map create mode 100644 packages/react/dist/components/participant/animationSequences/connectingSequence.d.ts create mode 100644 packages/react/dist/components/participant/animationSequences/connectingSequence.d.ts.map create mode 100644 packages/react/dist/components/participant/animationSequences/listeningSequence.d.ts create mode 100644 packages/react/dist/components/participant/animationSequences/listeningSequence.d.ts.map create mode 100644 packages/react/dist/components/participant/animationSequences/thinkingSequence.d.ts create mode 100644 packages/react/dist/components/participant/animationSequences/thinkingSequence.d.ts.map create mode 100644 packages/react/dist/components/participant/animators/useBarAnimator.d.ts create mode 100644 packages/react/dist/components/participant/animators/useBarAnimator.d.ts.map create mode 100644 packages/react/dist/context/chat-context.d.ts create mode 100644 packages/react/dist/context/chat-context.d.ts.map create mode 100644 packages/react/dist/context/feature-context.d.ts create mode 100644 packages/react/dist/context/feature-context.d.ts.map create mode 100644 packages/react/dist/context/index.d.ts create mode 100644 packages/react/dist/context/index.d.ts.map create mode 100644 packages/react/dist/context/layout-context.d.ts create mode 100644 packages/react/dist/context/layout-context.d.ts.map create mode 100644 packages/react/dist/context/participant-context.d.ts create mode 100644 packages/react/dist/context/participant-context.d.ts.map create mode 100644 packages/react/dist/context/pin-context.d.ts create mode 100644 packages/react/dist/context/pin-context.d.ts.map create mode 100644 packages/react/dist/context/room-context.d.ts create mode 100644 packages/react/dist/context/room-context.d.ts.map create mode 100644 packages/react/dist/context/session-context.d.ts create mode 100644 packages/react/dist/context/session-context.d.ts.map create mode 100644 packages/react/dist/context/track-reference-context.d.ts create mode 100644 packages/react/dist/context/track-reference-context.d.ts.map create mode 100644 packages/react/dist/contexts-BABOeQ4Z.mjs create mode 100644 packages/react/dist/contexts-BABOeQ4Z.mjs.map create mode 100644 packages/react/dist/hooks-l0sNRNKZ.mjs create mode 100644 packages/react/dist/hooks-l0sNRNKZ.mjs.map create mode 100644 packages/react/dist/hooks.d.ts create mode 100644 packages/react/dist/hooks.js create mode 100644 packages/react/dist/hooks.js.map create mode 100644 packages/react/dist/hooks.mjs create mode 100644 packages/react/dist/hooks.mjs.map create mode 100644 packages/react/dist/hooks/cloud/krisp/useKrispNoiseFilter.d.ts create mode 100644 packages/react/dist/hooks/cloud/krisp/useKrispNoiseFilter.d.ts.map create mode 100644 packages/react/dist/hooks/index.d.ts create mode 100644 packages/react/dist/hooks/index.d.ts.map create mode 100644 packages/react/dist/hooks/internal/index.d.ts create mode 100644 packages/react/dist/hooks/internal/index.d.ts.map create mode 100644 packages/react/dist/hooks/internal/useMediaQuery.d.ts create mode 100644 packages/react/dist/hooks/internal/useMediaQuery.d.ts.map create mode 100644 packages/react/dist/hooks/internal/useObservableState.d.ts create mode 100644 packages/react/dist/hooks/internal/useObservableState.d.ts.map create mode 100644 packages/react/dist/hooks/internal/useResizeObserver.d.ts create mode 100644 packages/react/dist/hooks/internal/useResizeObserver.d.ts.map create mode 100644 packages/react/dist/hooks/useAgent.d.ts create mode 100644 packages/react/dist/hooks/useAgent.d.ts.map create mode 100644 packages/react/dist/hooks/useAudioPlayback.d.ts create mode 100644 packages/react/dist/hooks/useAudioPlayback.d.ts.map create mode 100644 packages/react/dist/hooks/useChat.d.ts create mode 100644 packages/react/dist/hooks/useChat.d.ts.map create mode 100644 packages/react/dist/hooks/useChatToggle.d.ts create mode 100644 packages/react/dist/hooks/useChatToggle.d.ts.map create mode 100644 packages/react/dist/hooks/useClearPinButton.d.ts create mode 100644 packages/react/dist/hooks/useClearPinButton.d.ts.map create mode 100644 packages/react/dist/hooks/useConnectionQualityIndicator.d.ts create mode 100644 packages/react/dist/hooks/useConnectionQualityIndicator.d.ts.map create mode 100644 packages/react/dist/hooks/useConnectionStatus.d.ts create mode 100644 packages/react/dist/hooks/useConnectionStatus.d.ts.map create mode 100644 packages/react/dist/hooks/useDataChannel.d.ts create mode 100644 packages/react/dist/hooks/useDataChannel.d.ts.map create mode 100644 packages/react/dist/hooks/useDisconnectButton.d.ts create mode 100644 packages/react/dist/hooks/useDisconnectButton.d.ts.map create mode 100644 packages/react/dist/hooks/useEvents.d.ts create mode 100644 packages/react/dist/hooks/useEvents.d.ts.map create mode 100644 packages/react/dist/hooks/useFacingMode.d.ts create mode 100644 packages/react/dist/hooks/useFacingMode.d.ts.map create mode 100644 packages/react/dist/hooks/useFocusToggle.d.ts create mode 100644 packages/react/dist/hooks/useFocusToggle.d.ts.map create mode 100644 packages/react/dist/hooks/useGridLayout.d.ts create mode 100644 packages/react/dist/hooks/useGridLayout.d.ts.map create mode 100644 packages/react/dist/hooks/useIsEncrypted.d.ts create mode 100644 packages/react/dist/hooks/useIsEncrypted.d.ts.map create mode 100644 packages/react/dist/hooks/useIsMuted.d.ts create mode 100644 packages/react/dist/hooks/useIsMuted.d.ts.map create mode 100644 packages/react/dist/hooks/useIsRecording.d.ts create mode 100644 packages/react/dist/hooks/useIsRecording.d.ts.map create mode 100644 packages/react/dist/hooks/useIsSpeaking.d.ts create mode 100644 packages/react/dist/hooks/useIsSpeaking.d.ts.map create mode 100644 packages/react/dist/hooks/useLiveKitRoom.d.ts create mode 100644 packages/react/dist/hooks/useLiveKitRoom.d.ts.map create mode 100644 packages/react/dist/hooks/useLocalParticipant.d.ts create mode 100644 packages/react/dist/hooks/useLocalParticipant.d.ts.map create mode 100644 packages/react/dist/hooks/useLocalParticipantPermissions.d.ts create mode 100644 packages/react/dist/hooks/useLocalParticipantPermissions.d.ts.map create mode 100644 packages/react/dist/hooks/useMediaDeviceSelect.d.ts create mode 100644 packages/react/dist/hooks/useMediaDeviceSelect.d.ts.map create mode 100644 packages/react/dist/hooks/useMediaDevices.d.ts create mode 100644 packages/react/dist/hooks/useMediaDevices.d.ts.map create mode 100644 packages/react/dist/hooks/useMediaTrackBySourceOrName.d.ts create mode 100644 packages/react/dist/hooks/useMediaTrackBySourceOrName.d.ts.map create mode 100644 packages/react/dist/hooks/usePagination.d.ts create mode 100644 packages/react/dist/hooks/usePagination.d.ts.map create mode 100644 packages/react/dist/hooks/useParticipantAttributes.d.ts create mode 100644 packages/react/dist/hooks/useParticipantAttributes.d.ts.map create mode 100644 packages/react/dist/hooks/useParticipantInfo.d.ts create mode 100644 packages/react/dist/hooks/useParticipantInfo.d.ts.map create mode 100644 packages/react/dist/hooks/useParticipantPermissions.d.ts create mode 100644 packages/react/dist/hooks/useParticipantPermissions.d.ts.map create mode 100644 packages/react/dist/hooks/useParticipantTile.d.ts create mode 100644 packages/react/dist/hooks/useParticipantTile.d.ts.map create mode 100644 packages/react/dist/hooks/useParticipantTracks.d.ts create mode 100644 packages/react/dist/hooks/useParticipantTracks.d.ts.map create mode 100644 packages/react/dist/hooks/useParticipants.d.ts create mode 100644 packages/react/dist/hooks/useParticipants.d.ts.map create mode 100644 packages/react/dist/hooks/usePersistentUserChoices.d.ts create mode 100644 packages/react/dist/hooks/usePersistentUserChoices.d.ts.map create mode 100644 packages/react/dist/hooks/usePinnedTracks.d.ts create mode 100644 packages/react/dist/hooks/usePinnedTracks.d.ts.map create mode 100644 packages/react/dist/hooks/useRemoteParticipant.d.ts create mode 100644 packages/react/dist/hooks/useRemoteParticipant.d.ts.map create mode 100644 packages/react/dist/hooks/useRemoteParticipants.d.ts create mode 100644 packages/react/dist/hooks/useRemoteParticipants.d.ts.map create mode 100644 packages/react/dist/hooks/useRoomInfo.d.ts create mode 100644 packages/react/dist/hooks/useRoomInfo.d.ts.map create mode 100644 packages/react/dist/hooks/useSequentialRoomConnectDisconnect.d.ts create mode 100644 packages/react/dist/hooks/useSequentialRoomConnectDisconnect.d.ts.map create mode 100644 packages/react/dist/hooks/useSession.d.ts create mode 100644 packages/react/dist/hooks/useSession.d.ts.map create mode 100644 packages/react/dist/hooks/useSessionMessages.d.ts create mode 100644 packages/react/dist/hooks/useSessionMessages.d.ts.map create mode 100644 packages/react/dist/hooks/useSettingsToggle.d.ts create mode 100644 packages/react/dist/hooks/useSettingsToggle.d.ts.map create mode 100644 packages/react/dist/hooks/useSortedParticipants.d.ts create mode 100644 packages/react/dist/hooks/useSortedParticipants.d.ts.map create mode 100644 packages/react/dist/hooks/useSpeakingParticipants.d.ts create mode 100644 packages/react/dist/hooks/useSpeakingParticipants.d.ts.map create mode 100644 packages/react/dist/hooks/useStartAudio.d.ts create mode 100644 packages/react/dist/hooks/useStartAudio.d.ts.map create mode 100644 packages/react/dist/hooks/useStartVideo.d.ts create mode 100644 packages/react/dist/hooks/useStartVideo.d.ts.map create mode 100644 packages/react/dist/hooks/useSwipe.d.ts create mode 100644 packages/react/dist/hooks/useSwipe.d.ts.map create mode 100644 packages/react/dist/hooks/useTextStream.d.ts create mode 100644 packages/react/dist/hooks/useTextStream.d.ts.map create mode 100644 packages/react/dist/hooks/useToken.d.ts create mode 100644 packages/react/dist/hooks/useToken.d.ts.map create mode 100644 packages/react/dist/hooks/useTrack.d.ts create mode 100644 packages/react/dist/hooks/useTrack.d.ts.map create mode 100644 packages/react/dist/hooks/useTrackByName.d.ts create mode 100644 packages/react/dist/hooks/useTrackByName.d.ts.map create mode 100644 packages/react/dist/hooks/useTrackMutedIndicator.d.ts create mode 100644 packages/react/dist/hooks/useTrackMutedIndicator.d.ts.map create mode 100644 packages/react/dist/hooks/useTrackRefBySourceOrName.d.ts create mode 100644 packages/react/dist/hooks/useTrackRefBySourceOrName.d.ts.map create mode 100644 packages/react/dist/hooks/useTrackSyncTime.d.ts create mode 100644 packages/react/dist/hooks/useTrackSyncTime.d.ts.map create mode 100644 packages/react/dist/hooks/useTrackToggle.d.ts create mode 100644 packages/react/dist/hooks/useTrackToggle.d.ts.map create mode 100644 packages/react/dist/hooks/useTrackTranscription.d.ts create mode 100644 packages/react/dist/hooks/useTrackTranscription.d.ts.map create mode 100644 packages/react/dist/hooks/useTrackVolume.d.ts create mode 100644 packages/react/dist/hooks/useTrackVolume.d.ts.map create mode 100644 packages/react/dist/hooks/useTracks.d.ts create mode 100644 packages/react/dist/hooks/useTracks.d.ts.map create mode 100644 packages/react/dist/hooks/useTranscriptions.d.ts create mode 100644 packages/react/dist/hooks/useTranscriptions.d.ts.map create mode 100644 packages/react/dist/hooks/useVisualStableUpdate.d.ts create mode 100644 packages/react/dist/hooks/useVisualStableUpdate.d.ts.map create mode 100644 packages/react/dist/hooks/useVoiceAssistant.d.ts create mode 100644 packages/react/dist/hooks/useVoiceAssistant.d.ts.map create mode 100644 packages/react/dist/hooks/useWarnAboutMissingStyles.d.ts create mode 100644 packages/react/dist/hooks/useWarnAboutMissingStyles.d.ts.map create mode 100644 packages/react/dist/i18n.d.ts create mode 100644 packages/react/dist/i18n.d.ts.map create mode 100644 packages/react/dist/index.d.ts create mode 100644 packages/react/dist/index.d.ts.map create mode 100644 packages/react/dist/index.docs.d.ts create mode 100644 packages/react/dist/index.docs.d.ts.map create mode 100644 packages/react/dist/index.js create mode 100644 packages/react/dist/index.js.map create mode 100644 packages/react/dist/index.mjs create mode 100644 packages/react/dist/index.mjs.map create mode 100644 packages/react/dist/krisp.d.ts create mode 100644 packages/react/dist/krisp.js create mode 100644 packages/react/dist/krisp.js.map create mode 100644 packages/react/dist/krisp.mjs create mode 100644 packages/react/dist/krisp.mjs.map create mode 100644 packages/react/dist/mergeProps.d.ts create mode 100644 packages/react/dist/mergeProps.d.ts.map create mode 100644 packages/react/dist/prefabs-C0OZ4byT.mjs create mode 100644 packages/react/dist/prefabs-C0OZ4byT.mjs.map create mode 100644 packages/react/dist/prefabs.d.ts create mode 100644 packages/react/dist/prefabs.js create mode 100644 packages/react/dist/prefabs.js.map create mode 100644 packages/react/dist/prefabs.mjs create mode 100644 packages/react/dist/prefabs.mjs.map create mode 100644 packages/react/dist/prefabs/AudioConference.d.ts create mode 100644 packages/react/dist/prefabs/AudioConference.d.ts.map create mode 100644 packages/react/dist/prefabs/Chat.d.ts create mode 100644 packages/react/dist/prefabs/Chat.d.ts.map create mode 100644 packages/react/dist/prefabs/ControlBar.d.ts create mode 100644 packages/react/dist/prefabs/ControlBar.d.ts.map create mode 100644 packages/react/dist/prefabs/MediaDeviceMenu.d.ts create mode 100644 packages/react/dist/prefabs/MediaDeviceMenu.d.ts.map create mode 100644 packages/react/dist/prefabs/PreJoin.d.ts create mode 100644 packages/react/dist/prefabs/PreJoin.d.ts.map create mode 100644 packages/react/dist/prefabs/VideoConference.d.ts create mode 100644 packages/react/dist/prefabs/VideoConference.d.ts.map create mode 100644 packages/react/dist/prefabs/VoiceAssistantControlBar.d.ts create mode 100644 packages/react/dist/prefabs/VoiceAssistantControlBar.d.ts.map create mode 100644 packages/react/dist/prefabs/index.d.ts create mode 100644 packages/react/dist/prefabs/index.d.ts.map create mode 100644 packages/react/dist/room-BXkFS6wM.mjs create mode 100644 packages/react/dist/room-BXkFS6wM.mjs.map create mode 100644 packages/react/dist/shared-BGiZtWPs.js create mode 100644 packages/react/dist/shared-BGiZtWPs.js.map create mode 100644 packages/react/dist/shared-CVy2Ouqp.js create mode 100644 packages/react/dist/shared-CVy2Ouqp.js.map create mode 100644 packages/react/dist/shared-DPwWR9E3.js create mode 100644 packages/react/dist/shared-DPwWR9E3.js.map create mode 100644 packages/react/dist/shared-I8hFcrmp.js create mode 100644 packages/react/dist/shared-I8hFcrmp.js.map create mode 100644 packages/react/dist/utils.d.ts create mode 100644 packages/react/dist/utils.d.ts.map diff --git a/packages/react/dist/assets/icons/CameraDisabledIcon.d.ts b/packages/react/dist/assets/icons/CameraDisabledIcon.d.ts new file mode 100644 index 000000000..aa1420f79 --- /dev/null +++ b/packages/react/dist/assets/icons/CameraDisabledIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgCameraDisabledIcon: (props: SVGProps) => React.JSX.Element; +export default SvgCameraDisabledIcon; +//# sourceMappingURL=CameraDisabledIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/CameraDisabledIcon.d.ts.map b/packages/react/dist/assets/icons/CameraDisabledIcon.d.ts.map new file mode 100644 index 000000000..f8ff6123f --- /dev/null +++ b/packages/react/dist/assets/icons/CameraDisabledIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"CameraDisabledIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/CameraDisabledIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,qBAAqB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAK5D,CAAC;AACF,eAAe,qBAAqB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/CameraIcon.d.ts b/packages/react/dist/assets/icons/CameraIcon.d.ts new file mode 100644 index 000000000..a6abfd6d2 --- /dev/null +++ b/packages/react/dist/assets/icons/CameraIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgCameraIcon: (props: SVGProps) => React.JSX.Element; +export default SvgCameraIcon; +//# sourceMappingURL=CameraIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/CameraIcon.d.ts.map b/packages/react/dist/assets/icons/CameraIcon.d.ts.map new file mode 100644 index 000000000..8094600b9 --- /dev/null +++ b/packages/react/dist/assets/icons/CameraIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"CameraIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/CameraIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,aAAa,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAIpD,CAAC;AACF,eAAe,aAAa,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/ChatCloseIcon.d.ts b/packages/react/dist/assets/icons/ChatCloseIcon.d.ts new file mode 100644 index 000000000..e2f7c733e --- /dev/null +++ b/packages/react/dist/assets/icons/ChatCloseIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgChatCloseIcon: (props: SVGProps) => React.JSX.Element; +export default SvgChatCloseIcon; +//# sourceMappingURL=ChatCloseIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/ChatCloseIcon.d.ts.map b/packages/react/dist/assets/icons/ChatCloseIcon.d.ts.map new file mode 100644 index 000000000..869009cc6 --- /dev/null +++ b/packages/react/dist/assets/icons/ChatCloseIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"ChatCloseIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/ChatCloseIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,gBAAgB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAOvD,CAAC;AACF,eAAe,gBAAgB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/ChatIcon.d.ts b/packages/react/dist/assets/icons/ChatIcon.d.ts new file mode 100644 index 000000000..189d6ab38 --- /dev/null +++ b/packages/react/dist/assets/icons/ChatIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgChatIcon: (props: SVGProps) => React.JSX.Element; +export default SvgChatIcon; +//# sourceMappingURL=ChatIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/ChatIcon.d.ts.map b/packages/react/dist/assets/icons/ChatIcon.d.ts.map new file mode 100644 index 000000000..4d7cc610b --- /dev/null +++ b/packages/react/dist/assets/icons/ChatIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"ChatIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/ChatIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAelD,CAAC;AACF,eAAe,WAAW,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/Chevron.d.ts b/packages/react/dist/assets/icons/Chevron.d.ts new file mode 100644 index 000000000..68dde39bd --- /dev/null +++ b/packages/react/dist/assets/icons/Chevron.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgChevron: (props: SVGProps) => React.JSX.Element; +export default SvgChevron; +//# sourceMappingURL=Chevron.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/Chevron.d.ts.map b/packages/react/dist/assets/icons/Chevron.d.ts.map new file mode 100644 index 000000000..af57c9d1f --- /dev/null +++ b/packages/react/dist/assets/icons/Chevron.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"Chevron.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/Chevron.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,UAAU,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBASjD,CAAC;AACF,eAAe,UAAU,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/FocusToggleIcon.d.ts b/packages/react/dist/assets/icons/FocusToggleIcon.d.ts new file mode 100644 index 000000000..84a3fccd9 --- /dev/null +++ b/packages/react/dist/assets/icons/FocusToggleIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgFocusToggleIcon: (props: SVGProps) => React.JSX.Element; +export default SvgFocusToggleIcon; +//# sourceMappingURL=FocusToggleIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/FocusToggleIcon.d.ts.map b/packages/react/dist/assets/icons/FocusToggleIcon.d.ts.map new file mode 100644 index 000000000..9a87ebb68 --- /dev/null +++ b/packages/react/dist/assets/icons/FocusToggleIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"FocusToggleIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/FocusToggleIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,kBAAkB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAMzD,CAAC;AACF,eAAe,kBAAkB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/GearIcon.d.ts b/packages/react/dist/assets/icons/GearIcon.d.ts new file mode 100644 index 000000000..d98e558d6 --- /dev/null +++ b/packages/react/dist/assets/icons/GearIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgGearIcon: (props: SVGProps) => React.JSX.Element; +export default SvgGearIcon; +//# sourceMappingURL=GearIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/GearIcon.d.ts.map b/packages/react/dist/assets/icons/GearIcon.d.ts.map new file mode 100644 index 000000000..bf7d58ce9 --- /dev/null +++ b/packages/react/dist/assets/icons/GearIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"GearIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/GearIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBASlD,CAAC;AACF,eAAe,WAAW,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/LeaveIcon.d.ts b/packages/react/dist/assets/icons/LeaveIcon.d.ts new file mode 100644 index 000000000..645d6f1fa --- /dev/null +++ b/packages/react/dist/assets/icons/LeaveIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgLeaveIcon: (props: SVGProps) => React.JSX.Element; +export default SvgLeaveIcon; +//# sourceMappingURL=LeaveIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/LeaveIcon.d.ts.map b/packages/react/dist/assets/icons/LeaveIcon.d.ts.map new file mode 100644 index 000000000..9cfcba6fe --- /dev/null +++ b/packages/react/dist/assets/icons/LeaveIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"LeaveIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/LeaveIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAenD,CAAC;AACF,eAAe,YAAY,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/LockLockedIcon.d.ts b/packages/react/dist/assets/icons/LockLockedIcon.d.ts new file mode 100644 index 000000000..72fcb72a4 --- /dev/null +++ b/packages/react/dist/assets/icons/LockLockedIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgLockLockedIcon: (props: SVGProps) => React.JSX.Element; +export default SvgLockLockedIcon; +//# sourceMappingURL=LockLockedIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/LockLockedIcon.d.ts.map b/packages/react/dist/assets/icons/LockLockedIcon.d.ts.map new file mode 100644 index 000000000..9ee2402a6 --- /dev/null +++ b/packages/react/dist/assets/icons/LockLockedIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"LockLockedIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/LockLockedIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,iBAAiB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBASxD,CAAC;AACF,eAAe,iBAAiB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/MicDisabledIcon.d.ts b/packages/react/dist/assets/icons/MicDisabledIcon.d.ts new file mode 100644 index 000000000..83a8f7e59 --- /dev/null +++ b/packages/react/dist/assets/icons/MicDisabledIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgMicDisabledIcon: (props: SVGProps) => React.JSX.Element; +export default SvgMicDisabledIcon; +//# sourceMappingURL=MicDisabledIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/MicDisabledIcon.d.ts.map b/packages/react/dist/assets/icons/MicDisabledIcon.d.ts.map new file mode 100644 index 000000000..ccf30e968 --- /dev/null +++ b/packages/react/dist/assets/icons/MicDisabledIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"MicDisabledIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/MicDisabledIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,kBAAkB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAKzD,CAAC;AACF,eAAe,kBAAkB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/MicIcon.d.ts b/packages/react/dist/assets/icons/MicIcon.d.ts new file mode 100644 index 000000000..2e9030bf9 --- /dev/null +++ b/packages/react/dist/assets/icons/MicIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgMicIcon: (props: SVGProps) => React.JSX.Element; +export default SvgMicIcon; +//# sourceMappingURL=MicIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/MicIcon.d.ts.map b/packages/react/dist/assets/icons/MicIcon.d.ts.map new file mode 100644 index 000000000..ba9662727 --- /dev/null +++ b/packages/react/dist/assets/icons/MicIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"MicIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/MicIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,UAAU,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBASjD,CAAC;AACF,eAAe,UAAU,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/QualityExcellentIcon.d.ts b/packages/react/dist/assets/icons/QualityExcellentIcon.d.ts new file mode 100644 index 000000000..655c5dfee --- /dev/null +++ b/packages/react/dist/assets/icons/QualityExcellentIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgQualityExcellentIcon: (props: SVGProps) => React.JSX.Element; +export default SvgQualityExcellentIcon; +//# sourceMappingURL=QualityExcellentIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/QualityExcellentIcon.d.ts.map b/packages/react/dist/assets/icons/QualityExcellentIcon.d.ts.map new file mode 100644 index 000000000..92014bed4 --- /dev/null +++ b/packages/react/dist/assets/icons/QualityExcellentIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"QualityExcellentIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/QualityExcellentIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,uBAAuB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAK9D,CAAC;AACF,eAAe,uBAAuB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/QualityGoodIcon.d.ts b/packages/react/dist/assets/icons/QualityGoodIcon.d.ts new file mode 100644 index 000000000..dd2a71434 --- /dev/null +++ b/packages/react/dist/assets/icons/QualityGoodIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgQualityGoodIcon: (props: SVGProps) => React.JSX.Element; +export default SvgQualityGoodIcon; +//# sourceMappingURL=QualityGoodIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/QualityGoodIcon.d.ts.map b/packages/react/dist/assets/icons/QualityGoodIcon.d.ts.map new file mode 100644 index 000000000..39a8870d5 --- /dev/null +++ b/packages/react/dist/assets/icons/QualityGoodIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"QualityGoodIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/QualityGoodIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,kBAAkB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBASzD,CAAC;AACF,eAAe,kBAAkB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/QualityPoorIcon.d.ts b/packages/react/dist/assets/icons/QualityPoorIcon.d.ts new file mode 100644 index 000000000..e6dc00f2d --- /dev/null +++ b/packages/react/dist/assets/icons/QualityPoorIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgQualityPoorIcon: (props: SVGProps) => React.JSX.Element; +export default SvgQualityPoorIcon; +//# sourceMappingURL=QualityPoorIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/QualityPoorIcon.d.ts.map b/packages/react/dist/assets/icons/QualityPoorIcon.d.ts.map new file mode 100644 index 000000000..46b3a024c --- /dev/null +++ b/packages/react/dist/assets/icons/QualityPoorIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"QualityPoorIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/QualityPoorIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,kBAAkB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAUzD,CAAC;AACF,eAAe,kBAAkB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/QualityUnknownIcon.d.ts b/packages/react/dist/assets/icons/QualityUnknownIcon.d.ts new file mode 100644 index 000000000..592841cc3 --- /dev/null +++ b/packages/react/dist/assets/icons/QualityUnknownIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgQualityUnknownIcon: (props: SVGProps) => React.JSX.Element; +export default SvgQualityUnknownIcon; +//# sourceMappingURL=QualityUnknownIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/QualityUnknownIcon.d.ts.map b/packages/react/dist/assets/icons/QualityUnknownIcon.d.ts.map new file mode 100644 index 000000000..96680ba73 --- /dev/null +++ b/packages/react/dist/assets/icons/QualityUnknownIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"QualityUnknownIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/QualityUnknownIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,qBAAqB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAO5D,CAAC;AACF,eAAe,qBAAqB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/ScreenShareIcon.d.ts b/packages/react/dist/assets/icons/ScreenShareIcon.d.ts new file mode 100644 index 000000000..d84637829 --- /dev/null +++ b/packages/react/dist/assets/icons/ScreenShareIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgScreenShareIcon: (props: SVGProps) => React.JSX.Element; +export default SvgScreenShareIcon; +//# sourceMappingURL=ScreenShareIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/ScreenShareIcon.d.ts.map b/packages/react/dist/assets/icons/ScreenShareIcon.d.ts.map new file mode 100644 index 000000000..b35e0bc3d --- /dev/null +++ b/packages/react/dist/assets/icons/ScreenShareIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"ScreenShareIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/ScreenShareIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,kBAAkB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAezD,CAAC;AACF,eAAe,kBAAkB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/ScreenShareStopIcon.d.ts b/packages/react/dist/assets/icons/ScreenShareStopIcon.d.ts new file mode 100644 index 000000000..9af569d86 --- /dev/null +++ b/packages/react/dist/assets/icons/ScreenShareStopIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgScreenShareStopIcon: (props: SVGProps) => React.JSX.Element; +export default SvgScreenShareStopIcon; +//# sourceMappingURL=ScreenShareStopIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/ScreenShareStopIcon.d.ts.map b/packages/react/dist/assets/icons/ScreenShareStopIcon.d.ts.map new file mode 100644 index 000000000..378f79386 --- /dev/null +++ b/packages/react/dist/assets/icons/ScreenShareStopIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"ScreenShareStopIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/ScreenShareStopIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAW7D,CAAC;AACF,eAAe,sBAAsB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/SpinnerIcon.d.ts b/packages/react/dist/assets/icons/SpinnerIcon.d.ts new file mode 100644 index 000000000..808c1b72c --- /dev/null +++ b/packages/react/dist/assets/icons/SpinnerIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgSpinnerIcon: (props: SVGProps) => React.JSX.Element; +export default SvgSpinnerIcon; +//# sourceMappingURL=SpinnerIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/SpinnerIcon.d.ts.map b/packages/react/dist/assets/icons/SpinnerIcon.d.ts.map new file mode 100644 index 000000000..4545fee6c --- /dev/null +++ b/packages/react/dist/assets/icons/SpinnerIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"SpinnerIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/SpinnerIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAmFrD,CAAC;AACF,eAAe,cAAc,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/UnfocusToggleIcon.d.ts b/packages/react/dist/assets/icons/UnfocusToggleIcon.d.ts new file mode 100644 index 000000000..b1a241233 --- /dev/null +++ b/packages/react/dist/assets/icons/UnfocusToggleIcon.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgUnfocusToggleIcon: (props: SVGProps) => React.JSX.Element; +export default SvgUnfocusToggleIcon; +//# sourceMappingURL=UnfocusToggleIcon.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/UnfocusToggleIcon.d.ts.map b/packages/react/dist/assets/icons/UnfocusToggleIcon.d.ts.map new file mode 100644 index 000000000..b173ea1ef --- /dev/null +++ b/packages/react/dist/assets/icons/UnfocusToggleIcon.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"UnfocusToggleIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/UnfocusToggleIcon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,oBAAoB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAM3D,CAAC;AACF,eAAe,oBAAoB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/index.d.ts b/packages/react/dist/assets/icons/index.d.ts new file mode 100644 index 000000000..6925dca5e --- /dev/null +++ b/packages/react/dist/assets/icons/index.d.ts @@ -0,0 +1,20 @@ +export { default as CameraDisabledIcon } from './CameraDisabledIcon'; +export { default as CameraIcon } from './CameraIcon'; +export { default as ChatCloseIcon } from './ChatCloseIcon'; +export { default as ChatIcon } from './ChatIcon'; +export { default as Chevron } from './Chevron'; +export { default as FocusToggleIcon } from './FocusToggleIcon'; +export { default as GearIcon } from './GearIcon'; +export { default as LeaveIcon } from './LeaveIcon'; +export { default as LockLockedIcon } from './LockLockedIcon'; +export { default as MicDisabledIcon } from './MicDisabledIcon'; +export { default as MicIcon } from './MicIcon'; +export { default as QualityExcellentIcon } from './QualityExcellentIcon'; +export { default as QualityGoodIcon } from './QualityGoodIcon'; +export { default as QualityPoorIcon } from './QualityPoorIcon'; +export { default as QualityUnknownIcon } from './QualityUnknownIcon'; +export { default as ScreenShareIcon } from './ScreenShareIcon'; +export { default as ScreenShareStopIcon } from './ScreenShareStopIcon'; +export { default as SpinnerIcon } from './SpinnerIcon'; +export { default as UnfocusToggleIcon } from './UnfocusToggleIcon'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/index.d.ts.map b/packages/react/dist/assets/icons/index.d.ts.map new file mode 100644 index 000000000..76758d5ce --- /dev/null +++ b/packages/react/dist/assets/icons/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/icons/util.d.ts b/packages/react/dist/assets/icons/util.d.ts new file mode 100644 index 000000000..f8098e8b0 --- /dev/null +++ b/packages/react/dist/assets/icons/util.d.ts @@ -0,0 +1,11 @@ +import { ConnectionQuality, Track } from 'livekit-client'; +import * as React from 'react'; +/** + * @internal + */ +export declare function getSourceIcon(source: Track.Source, enabled: boolean): React.JSX.Element | undefined; +/** + * @internal + */ +export declare function getConnectionQualityIcon(quality: ConnectionQuality): React.JSX.Element; +//# sourceMappingURL=util.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/icons/util.d.ts.map b/packages/react/dist/assets/icons/util.d.ts.map new file mode 100644 index 000000000..8f877af20 --- /dev/null +++ b/packages/react/dist/assets/icons/util.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/assets/icons/util.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAe1D;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,iCAWnE;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,iBAAiB,qBAWlE"} \ No newline at end of file diff --git a/packages/react/dist/assets/images/ParticipantPlaceholder.d.ts b/packages/react/dist/assets/images/ParticipantPlaceholder.d.ts new file mode 100644 index 000000000..bfe2a5b00 --- /dev/null +++ b/packages/react/dist/assets/images/ParticipantPlaceholder.d.ts @@ -0,0 +1,11 @@ +import { SVGProps } from 'react'; +/** + * WARNING: This file was auto-generated by svgr. Do not edit. + */ +import * as React from 'react'; +/** + * @internal + */ +declare const SvgParticipantPlaceholder: (props: SVGProps) => React.JSX.Element; +export default SvgParticipantPlaceholder; +//# sourceMappingURL=ParticipantPlaceholder.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/images/ParticipantPlaceholder.d.ts.map b/packages/react/dist/assets/images/ParticipantPlaceholder.d.ts.map new file mode 100644 index 000000000..b9f7cdbbb --- /dev/null +++ b/packages/react/dist/assets/images/ParticipantPlaceholder.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"ParticipantPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/assets/images/ParticipantPlaceholder.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC;;GAEG;AACH,QAAA,MAAM,yBAAyB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAqBhE,CAAC;AACF,eAAe,yBAAyB,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/assets/images/index.d.ts b/packages/react/dist/assets/images/index.d.ts new file mode 100644 index 000000000..e73d23fc6 --- /dev/null +++ b/packages/react/dist/assets/images/index.d.ts @@ -0,0 +1,2 @@ +export { default as ParticipantPlaceholder } from './ParticipantPlaceholder'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/packages/react/dist/assets/images/index.d.ts.map b/packages/react/dist/assets/images/index.d.ts.map new file mode 100644 index 000000000..d1b4b92ac --- /dev/null +++ b/packages/react/dist/assets/images/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/images/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"} \ No newline at end of file diff --git a/packages/react/dist/components-Dl8_KfwP.mjs b/packages/react/dist/components-Dl8_KfwP.mjs new file mode 100644 index 000000000..8eb14e040 --- /dev/null +++ b/packages/react/dist/components-Dl8_KfwP.mjs @@ -0,0 +1,1054 @@ +import * as e from "react"; +import { useState as B, useRef as z, useEffect as F, useMemo as Ne } from "react"; +import { u as ze, a as he, b as Fe, c as Ve, d as Ze, e as He, m as I, f as ge, g as Be, h as je, i as _e, j as Oe, k as We, l as ve, n as qe, o as ee, p as $e, q as De, r as Ue, s as Ge, t as Qe, v as Ke, w as Ee, x as Je, y as Xe } from "./room-BXkFS6wM.mjs"; +import { RoomEvent as Ye, Track as S, ConnectionQuality as Q, RemoteTrackPublication as X, RemoteAudioTrack as et, ConnectionState as K } from "livekit-client"; +import { ac as te, ad as pe, w as tt, u as at, e as nt, b as rt, ae as ct, V as lt, W as st, $, p as j, af as q, ag as it, h as _, B as ot, ah as we, ai as ae, i as ut, aj as dt, k as mt, n as ke, ak as ft, al as ht, am as gt, an as Re, ao as vt, ap as Et, aq as pt, ar as wt } from "./contexts-BABOeQ4Z.mjs"; +const la = /* @__PURE__ */ e.forwardRef( + function(n, a) { + const { buttonProps: c } = ze(n); + return /* @__PURE__ */ e.createElement("button", { ref: a, ...c }, n.children); + } +), sa = /* @__PURE__ */ e.forwardRef( + function({ room: n, ...a }, c) { + const r = he(n); + return /* @__PURE__ */ e.createElement("div", { ref: c, ...a }, r); + } +), ia = /* @__PURE__ */ e.forwardRef( + function(n, a) { + const { mergedProps: c } = Fe({ props: n }); + return /* @__PURE__ */ e.createElement("button", { ref: a, ...c }, n.children); + } +), oa = /* @__PURE__ */ e.forwardRef( + function(n, a) { + const { buttonProps: c } = Ve(n); + return /* @__PURE__ */ e.createElement("button", { ref: a, ...c }, n.children); + } +), kt = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M1.354.646a.5.5 0 1 0-.708.708l14 14a.5.5 0 0 0 .708-.708L11 10.293V4.5A1.5 1.5 0 0 0 9.5 3H3.707zM0 4.5a1.5 1.5 0 0 1 .943-1.393l9.532 9.533c-.262.224-.603.36-.975.36h-8A1.5 1.5 0 0 1 0 11.5z" }), /* @__PURE__ */ e.createElement("path", { d: "m15.2 3.6-2.8 2.1a1 1 0 0 0-.4.8v3a1 1 0 0 0 .4.8l2.8 2.1a.5.5 0 0 0 .8-.4V4a.5.5 0 0 0-.8-.4z" })), Rt = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M0 4.5A1.5 1.5 0 0 1 1.5 3h8A1.5 1.5 0 0 1 11 4.5v7A1.5 1.5 0 0 1 9.5 13h-8A1.5 1.5 0 0 1 0 11.5zM15.2 3.6l-2.8 2.1a1 1 0 0 0-.4.8v3a1 1 0 0 0 .4.8l2.8 2.1a.5.5 0 0 0 .8-.4V4a.5.5 0 0 0-.8-.4z" })), ua = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement( + "path", + { + fill: "#FFF", + d: "M4.99 3.99a1 1 0 0 0-.697 1.717L10.586 12l-6.293 6.293a1 1 0 1 0 1.414 1.414L12 13.414l6.293 6.293a1 1 0 1 0 1.414-1.414L13.414 12l6.293-6.293a1 1 0 0 0-.727-1.717 1 1 0 0 0-.687.303L12 10.586 5.707 4.293a1 1 0 0 0-.717-.303z" + } +)), da = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 18, fill: "none", ...t }, /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M0 2.75A2.75 2.75 0 0 1 2.75 0h10.5A2.75 2.75 0 0 1 16 2.75v13.594a.75.75 0 0 1-1.234.572l-3.691-3.12a1.25 1.25 0 0 0-.807-.296H2.75A2.75 2.75 0 0 1 0 10.75v-8ZM2.75 1.5c-.69 0-1.25.56-1.25 1.25v8c0 .69.56 1.25 1.25 1.25h7.518c.65 0 1.279.23 1.775.65l2.457 2.077V2.75c0-.69-.56-1.25-1.25-1.25H2.75Z", + clipRule: "evenodd" + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M3 4.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Z", + clipRule: "evenodd" + } +)), ie = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...t }, /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentcolor", + fillRule: "evenodd", + d: "M5.293 2.293a1 1 0 0 1 1.414 0l4.823 4.823a1.25 1.25 0 0 1 0 1.768l-4.823 4.823a1 1 0 0 1-1.414-1.414L9.586 8 5.293 3.707a1 1 0 0 1 0-1.414z", + clipRule: "evenodd" + } +)), Mt = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...t }, /* @__PURE__ */ e.createElement("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5 }, /* @__PURE__ */ e.createElement("path", { d: "M10 1.75h4.25m0 0V6m0-4.25L9 7M6 14.25H1.75m0 0V10m0 4.25L7 9" }))), ma = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...t }, /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentcolor", + fillRule: "evenodd", + d: "M8.961.894C8.875-.298 7.125-.298 7.04.894c-.066.912-1.246 1.228-1.76.472-.67-.99-2.186-.115-1.664.96.399.824-.465 1.688-1.288 1.289-1.076-.522-1.95.994-.961 1.665.756.513.44 1.693-.472 1.759-1.192.086-1.192 1.836 0 1.922.912.066 1.228 1.246.472 1.76-.99.67-.115 2.186.96 1.664.824-.399 1.688.465 1.289 1.288-.522 1.076.994 1.95 1.665.961.513-.756 1.693-.44 1.759.472.086 1.192 1.836 1.192 1.922 0 .066-.912 1.246-1.228 1.76-.472.67.99 2.186.115 1.664-.96-.399-.824.465-1.688 1.288-1.289 1.076.522 1.95-.994.961-1.665-.756-.513-.44-1.693.472-1.759 1.192-.086 1.192-1.836 0-1.922-.912-.066-1.228-1.246-.472-1.76.99-.67.115-2.186-.96-1.664-.824.399-1.688-.465-1.289-1.288.522-1.076-.994-1.95-1.665-.961-.513.756-1.693.44-1.759-.472ZM8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10Z", + clipRule: "evenodd" + } +)), fa = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...t }, /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M2 2.75A2.75 2.75 0 0 1 4.75 0h6.5A2.75 2.75 0 0 1 14 2.75v10.5A2.75 2.75 0 0 1 11.25 16h-6.5A2.75 2.75 0 0 1 2 13.25v-.5a.75.75 0 0 1 1.5 0v.5c0 .69.56 1.25 1.25 1.25h6.5c.69 0 1.25-.56 1.25-1.25V2.75c0-.69-.56-1.25-1.25-1.25h-6.5c-.69 0-1.25.56-1.25 1.25v.5a.75.75 0 0 1-1.5 0v-.5Z", + clipRule: "evenodd" + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M8.78 7.47a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 1 1-1.06-1.06l.97-.97H1.75a.75.75 0 0 1 0-1.5h4.69l-.97-.97a.75.75 0 0 1 1.06-1.06l2.25 2.25Z", + clipRule: "evenodd" + } +)), yt = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...t }, /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentcolor", + fillRule: "evenodd", + d: "M4 6.104V4a4 4 0 1 1 8 0v2.104c1.154.326 2 1.387 2 2.646v4.5A2.75 2.75 0 0 1 11.25 16h-6.5A2.75 2.75 0 0 1 2 13.25v-4.5c0-1.259.846-2.32 2-2.646ZM5.5 4a2.5 2.5 0 0 1 5 0v2h-5V4Z", + clipRule: "evenodd" + } +)), bt = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12.227 11.52a5.477 5.477 0 0 0 1.246-2.97.5.5 0 0 0-.995-.1 4.478 4.478 0 0 1-.962 2.359l-1.07-1.07C10.794 9.247 11 8.647 11 8V3a3 3 0 0 0-6 0v1.293L1.354.646a.5.5 0 1 0-.708.708l14 14a.5.5 0 0 0 .708-.708zM8 12.5c.683 0 1.33-.152 1.911-.425l.743.743c-.649.359-1.378.59-2.154.66V15h2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h2v-1.522a5.502 5.502 0 0 1-4.973-4.929.5.5 0 0 1 .995-.098A4.5 4.5 0 0 0 8 12.5z" }), /* @__PURE__ */ e.createElement("path", { d: "M8.743 10.907 5 7.164V8a3 3 0 0 0 3.743 2.907z" })), St = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", ...t }, /* @__PURE__ */ e.createElement( + "path", + { + fillRule: "evenodd", + d: "M2.975 8.002a.5.5 0 0 1 .547.449 4.5 4.5 0 0 0 8.956 0 .5.5 0 1 1 .995.098A5.502 5.502 0 0 1 8.5 13.478V15h2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h2v-1.522a5.502 5.502 0 0 1-4.973-4.929.5.5 0 0 1 .448-.547z", + clipRule: "evenodd" + } +), /* @__PURE__ */ e.createElement("path", { d: "M5 3a3 3 0 1 1 6 0v5a3 3 0 0 1-6 0z" })), Ct = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentcolor", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M0 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5zm6-5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5zm6-6a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5z" }), /* @__PURE__ */ e.createElement("path", { d: "M0 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5zm6-5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5zm6-6a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5z" })), It = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentcolor", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M0 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5zm6-5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5z" }), /* @__PURE__ */ e.createElement("path", { d: "M0 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5zm6-5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5z" }), /* @__PURE__ */ e.createElement("g", { opacity: 0.25 }, /* @__PURE__ */ e.createElement("path", { d: "M12 .5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5z" }), /* @__PURE__ */ e.createElement("path", { d: "M12 .5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5z" }))), xt = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentcolor", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M0 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5z" }), /* @__PURE__ */ e.createElement("path", { d: "M0 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5z" }), /* @__PURE__ */ e.createElement("g", { opacity: 0.25 }, /* @__PURE__ */ e.createElement("path", { d: "M6 6.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5z" }), /* @__PURE__ */ e.createElement("path", { d: "M6 6.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5zm6-6a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5z" }), /* @__PURE__ */ e.createElement("path", { d: "M12 .5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5z" }))), Pt = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", ...t }, /* @__PURE__ */ e.createElement("g", { opacity: 0.25 }, /* @__PURE__ */ e.createElement("path", { d: "M0 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4Zm6-5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-9Zm6-6a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V.5Z" }), /* @__PURE__ */ e.createElement("path", { d: "M0 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4Zm6-5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-9Zm6-6a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V.5Z" }))), Me = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 16, fill: "none", ...t }, /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M0 2.75A2.75 2.75 0 0 1 2.75 0h14.5A2.75 2.75 0 0 1 20 2.75v10.5A2.75 2.75 0 0 1 17.25 16H2.75A2.75 2.75 0 0 1 0 13.25V2.75ZM2.75 1.5c-.69 0-1.25.56-1.25 1.25v10.5c0 .69.56 1.25 1.25 1.25h14.5c.69 0 1.25-.56 1.25-1.25V2.75c0-.69-.56-1.25-1.25-1.25H2.75Z", + clipRule: "evenodd" + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M9.47 4.22a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 0 1-1.06 1.06l-.97-.97v4.69a.75.75 0 0 1-1.5 0V6.56l-.97.97a.75.75 0 0 1-1.06-1.06l2.25-2.25Z", + clipRule: "evenodd" + } +)), Tt = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 16, fill: "none", ...t }, /* @__PURE__ */ e.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ e.createElement("path", { d: "M7.28 4.22a.75.75 0 0 0-1.06 1.06L8.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L10 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L11.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L10 6.94z" }), /* @__PURE__ */ e.createElement( + "path", + { + fillRule: "evenodd", + d: "M2.75 0A2.75 2.75 0 0 0 0 2.75v10.5A2.75 2.75 0 0 0 2.75 16h14.5A2.75 2.75 0 0 0 20 13.25V2.75A2.75 2.75 0 0 0 17.25 0zM1.5 2.75c0-.69.56-1.25 1.25-1.25h14.5c.69 0 1.25.56 1.25 1.25v10.5c0 .69-.56 1.25-1.25 1.25H2.75c-.69 0-1.25-.56-1.25-1.25z", + clipRule: "evenodd" + } +))), oe = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...t }, /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M8 0a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0V.75A.75.75 0 0 1 8 0Z", + clipRule: "evenodd" + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M8 12a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0v-2.5A.75.75 0 0 1 8 12Z", + clipRule: "evenodd", + opacity: 0.7 + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M12 1.072a.75.75 0 0 1 .274 1.024l-1.25 2.165a.75.75 0 0 1-1.299-.75l1.25-2.165A.75.75 0 0 1 12 1.072Z", + clipRule: "evenodd" + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M6 11.464a.75.75 0 0 1 .274 1.025l-1.25 2.165a.75.75 0 0 1-1.299-.75l1.25-2.165A.75.75 0 0 1 6 11.464Z", + clipRule: "evenodd", + opacity: 0.6 + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M14.928 4a.75.75 0 0 1-.274 1.025l-2.165 1.25a.75.75 0 1 1-.75-1.3l2.165-1.25A.75.75 0 0 1 14.928 4Z", + clipRule: "evenodd" + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M4.536 10a.75.75 0 0 1-.275 1.024l-2.165 1.25a.75.75 0 0 1-.75-1.298l2.165-1.25A.75.75 0 0 1 4.536 10Z", + clipRule: "evenodd", + opacity: 0.5 + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M16 8a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h2.5A.75.75 0 0 1 16 8Z", + clipRule: "evenodd" + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M4 8a.75.75 0 0 1-.75.75H.75a.75.75 0 0 1 0-1.5h2.5A.75.75 0 0 1 4 8Z", + clipRule: "evenodd", + opacity: 0.4 + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M14.928 12a.75.75 0 0 1-1.024.274l-2.165-1.25a.75.75 0 0 1 .75-1.299l2.165 1.25A.75.75 0 0 1 14.928 12Z", + clipRule: "evenodd", + opacity: 0.9 + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M4.536 6a.75.75 0 0 1-1.025.275l-2.165-1.25a.75.75 0 1 1 .75-1.3l2.165 1.25A.75.75 0 0 1 4.536 6Z", + clipRule: "evenodd", + opacity: 0.3 + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M12 14.928a.75.75 0 0 1-1.024-.274l-1.25-2.165a.75.75 0 0 1 1.298-.75l1.25 2.165A.75.75 0 0 1 12 14.928Z", + clipRule: "evenodd", + opacity: 0.8 + } +), /* @__PURE__ */ e.createElement( + "path", + { + fill: "currentColor", + fillRule: "evenodd", + d: "M6 4.536a.75.75 0 0 1-1.024-.275l-1.25-2.165a.75.75 0 1 1 1.299-.75l1.25 2.165A.75.75 0 0 1 6 4.536Z", + clipRule: "evenodd", + opacity: 0.2 + } +)), At = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...t }, /* @__PURE__ */ e.createElement("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5 }, /* @__PURE__ */ e.createElement("path", { d: "M13.25 7H9m0 0V2.75M9 7l5.25-5.25M2.75 9H7m0 0v4.25M7 9l-5.25 5.25" }))), Lt = /* @__PURE__ */ e.forwardRef( + function({ trackRef: n, ...a }, c) { + const r = te(), { mergedProps: s, inFocus: o } = Ze({ + trackRef: n ?? r, + props: a + }); + return /* @__PURE__ */ e.createElement(pe.Consumer, null, (l) => l !== void 0 && /* @__PURE__ */ e.createElement("button", { ref: c, ...s }, a.children ? a.children : o ? /* @__PURE__ */ e.createElement(At, null) : /* @__PURE__ */ e.createElement(Mt, null))); + } +), ha = /* @__PURE__ */ e.forwardRef( + function({ + kind: n, + initialSelection: a, + onActiveDeviceChange: c, + onDeviceListChange: r, + onDeviceSelectError: s, + exactMatch: o, + track: l, + requestPermissions: i, + onError: d, + ...u + }, v) { + const f = tt(), p = e.useRef("default"), E = e.useCallback( + (w) => { + f && f.emit(Ye.MediaDevicesError, w), d == null || d(w); + }, + [f, d] + ), { devices: h, activeDeviceId: m, setActiveMediaDevice: y, className: C } = He({ + kind: n, + room: f, + track: l, + requestPermissions: i, + onError: E + }); + e.useEffect(() => { + a !== void 0 && y(a); + }, [y]), e.useEffect(() => { + typeof r == "function" && r(h); + }, [r, h]), e.useEffect(() => { + m !== p.current && (c == null || c(m)), p.current = m; + }, [m]); + const A = async (w) => { + try { + await y(w, { exact: o ?? !0 }); + } catch (M) { + if (M instanceof Error) + s == null || s(M); + else + throw M; + } + }, L = e.useMemo( + () => I(u, { className: C }, { className: "lk-list" }), + [C, u] + ), g = !!h.find((w) => w.label.toLowerCase().startsWith("default")); + function R(w, M, P) { + return w === M || !g && P === 0 && M === "default"; + } + return /* @__PURE__ */ e.createElement("ul", { ref: v, ...L }, h.map((w, M) => /* @__PURE__ */ e.createElement( + "li", + { + key: w.deviceId, + id: w.deviceId, + "data-lk-active": R(w.deviceId, m, M), + "aria-selected": R(w.deviceId, m, M), + role: "option" + }, + /* @__PURE__ */ e.createElement("button", { className: "lk-button", onClick: () => A(w.deviceId) }, w.label) + ))); + } +), ga = /* @__PURE__ */ e.forwardRef( + function({ label: n = "Разрешить звук", ...a }, c) { + const r = at(a.room), { mergedProps: s } = ge({ room: r, props: a }); + return /* @__PURE__ */ e.createElement("button", { ref: c, ...s }, n); + } +), va = /* @__PURE__ */ e.forwardRef( + function({ label: n, ...a }, c) { + const r = nt(), { mergedProps: s, canPlayAudio: o } = ge({ room: r, props: a }), { mergedProps: l, canPlayVideo: i } = Be({ room: r, props: s }), { style: d, ...u } = l; + return d.display = o && i ? "none" : "block", /* @__PURE__ */ e.createElement("button", { ref: c, style: d, ...u }, n ?? `Включить ${o ? "Видео" : "Звук"}`); + } +); +function ye(t, n) { + switch (t) { + case S.Source.Microphone: + return n ? /* @__PURE__ */ e.createElement(St, null) : /* @__PURE__ */ e.createElement(bt, null); + case S.Source.Camera: + return n ? /* @__PURE__ */ e.createElement(Rt, null) : /* @__PURE__ */ e.createElement(kt, null); + case S.Source.ScreenShare: + return n ? /* @__PURE__ */ e.createElement(Tt, null) : /* @__PURE__ */ e.createElement(Me, null); + default: + return; + } +} +function Nt(t) { + switch (t) { + case Q.Excellent: + return /* @__PURE__ */ e.createElement(Ct, null); + case Q.Good: + return /* @__PURE__ */ e.createElement(It, null); + case Q.Poor: + return /* @__PURE__ */ e.createElement(xt, null); + default: + return /* @__PURE__ */ e.createElement(Pt, null); + } +} +const Ea = /* @__PURE__ */ e.forwardRef(function({ showIcon: n, ...a }, c) { + const { buttonProps: r, enabled: s } = je(a), [o, l] = e.useState(!1); + return e.useEffect(() => { + l(!0); + }, []), o && /* @__PURE__ */ e.createElement("button", { ref: c, ...r }, (n ?? !0) && ye(a.source, s), a.children); +}), be = /* @__PURE__ */ e.forwardRef(function(n, a) { + const { className: c, quality: r } = _e(n), s = e.useMemo(() => ({ ...I(n, { className: c }), "data-lk-quality": r }), [r, n, c]); + return /* @__PURE__ */ e.createElement("div", { ref: a, ...s }, n.children ?? Nt(r)); +}), Y = /* @__PURE__ */ e.forwardRef( + function({ participant: n, ...a }, c) { + const r = rt(n), { className: s, infoObserver: o } = e.useMemo(() => ct(r), [r]), { identity: l, name: i } = Oe(o, { + name: r.name, + identity: r.identity, + metadata: r.metadata + }), d = e.useMemo(() => I(a, { className: s, "data-lk-participant-name": i }), [a, s, i]); + return /* @__PURE__ */ e.createElement("span", { ref: c, ...d }, i !== "" ? i : l, a.children); + } +), Se = /* @__PURE__ */ e.forwardRef( + function({ trackRef: n, show: a = "always", ...c }, r) { + const { className: s, isMuted: o } = We(n), l = a === "always" || a === "muted" && o || a === "unmuted" && !o, i = e.useMemo( + () => I(c, { + className: s + }), + [s, c] + ); + return l ? /* @__PURE__ */ e.createElement("div", { ref: r, ...i, "data-lk-muted": o }, c.children ?? ye(n.source, !o)) : null; + } +), zt = (t) => /* @__PURE__ */ e.createElement( + "svg", + { + width: 320, + height: 320, + viewBox: "0 0 320 320", + preserveAspectRatio: "xMidYMid meet", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ...t + }, + /* @__PURE__ */ e.createElement( + "path", + { + d: "M160 180C204.182 180 240 144.183 240 100C240 55.8172 204.182 20 160 20C115.817 20 79.9997 55.8172 79.9997 100C79.9997 144.183 115.817 180 160 180Z", + fill: "white", + fillOpacity: 0.25 + } + ), + /* @__PURE__ */ e.createElement( + "path", + { + d: "M97.6542 194.614C103.267 191.818 109.841 192.481 115.519 195.141C129.025 201.466 144.1 205 159.999 205C175.899 205 190.973 201.466 204.48 195.141C210.158 192.481 216.732 191.818 222.345 194.614C262.703 214.719 291.985 253.736 298.591 300.062C300.15 310.997 291.045 320 280 320H39.9997C28.954 320 19.8495 310.997 21.4087 300.062C28.014 253.736 57.2966 214.72 97.6542 194.614Z", + fill: "white", + fillOpacity: 0.25 + } + ) +); +function Ce(t, n = {}) { + const [a, c] = e.useState(lt(t)), [r, s] = e.useState(a == null ? void 0 : a.isMuted), [o, l] = e.useState(a == null ? void 0 : a.isSubscribed), [i, d] = e.useState(a == null ? void 0 : a.track), [u, v] = e.useState("landscape"), f = e.useRef(), { className: p, trackObserver: E } = e.useMemo(() => st(t), [ + t.participant.sid ?? t.participant.identity, + t.source, + $(t) && t.publication.trackSid + ]); + return e.useEffect(() => { + const h = E.subscribe((m) => { + j.debug("update track", m), c(m), s(m == null ? void 0 : m.isMuted), l(m == null ? void 0 : m.isSubscribed), d(m == null ? void 0 : m.track); + }); + return () => h == null ? void 0 : h.unsubscribe(); + }, [E]), e.useEffect(() => { + var h, m; + return i && (f.current && i.detach(f.current), (h = n.element) != null && h.current && !(t.participant.isLocal && (i == null ? void 0 : i.kind) === "audio") && i.attach(n.element.current)), f.current = (m = n.element) == null ? void 0 : m.current, () => { + f.current && (i == null || i.detach(f.current)); + }; + }, [i, n.element]), e.useEffect(() => { + var h, m; + if (typeof ((h = a == null ? void 0 : a.dimensions) == null ? void 0 : h.width) == "number" && typeof ((m = a == null ? void 0 : a.dimensions) == null ? void 0 : m.height) == "number") { + const y = a.dimensions.width > a.dimensions.height ? "landscape" : "portrait"; + v(y); + } + }, [a]), { + publication: a, + isMuted: r, + isSubscribed: o, + track: i, + elementProps: I(n.props, { + className: p, + "data-lk-local-participant": t.participant.isLocal, + "data-lk-source": a == null ? void 0 : a.source, + ...(a == null ? void 0 : a.kind) === "video" && { "data-lk-orientation": u } + }) + }; +} +var J, ue; +function Ft() { + if (ue) return J; + ue = 1; + var t = "Expected a function", n = NaN, a = "[object Symbol]", c = /^\s+|\s+$/g, r = /^[-+]0x[0-9a-f]+$/i, s = /^0b[01]+$/i, o = /^0o[0-7]+$/i, l = parseInt, i = typeof q == "object" && q && q.Object === Object && q, d = typeof self == "object" && self && self.Object === Object && self, u = i || d || Function("return this")(), v = Object.prototype, f = v.toString, p = Math.max, E = Math.min, h = function() { + return u.Date.now(); + }; + function m(g, R, w) { + var M, P, O, N, b, T, V = 0, re = !1, Z = !1, D = !0; + if (typeof g != "function") + throw new TypeError(t); + R = L(R) || 0, y(w) && (re = !!w.leading, Z = "maxWait" in w, O = Z ? p(L(w.maxWait) || 0, R) : O, D = "trailing" in w ? !!w.trailing : D); + function U(k) { + var x = M, H = P; + return M = P = void 0, V = k, N = g.apply(H, x), N; + } + function Pe(k) { + return V = k, b = setTimeout(W, R), re ? U(k) : N; + } + function Te(k) { + var x = k - T, H = k - V, se = R - x; + return Z ? E(se, O - H) : se; + } + function ce(k) { + var x = k - T, H = k - V; + return T === void 0 || x >= R || x < 0 || Z && H >= O; + } + function W() { + var k = h(); + if (ce(k)) + return le(k); + b = setTimeout(W, Te(k)); + } + function le(k) { + return b = void 0, D && M ? U(k) : (M = P = void 0, N); + } + function Ae() { + b !== void 0 && clearTimeout(b), V = 0, M = T = P = b = void 0; + } + function Le() { + return b === void 0 ? N : le(h()); + } + function G() { + var k = h(), x = ce(k); + if (M = arguments, P = this, T = k, x) { + if (b === void 0) + return Pe(T); + if (Z) + return b = setTimeout(W, R), U(T); + } + return b === void 0 && (b = setTimeout(W, R)), N; + } + return G.cancel = Ae, G.flush = Le, G; + } + function y(g) { + var R = typeof g; + return !!g && (R == "object" || R == "function"); + } + function C(g) { + return !!g && typeof g == "object"; + } + function A(g) { + return typeof g == "symbol" || C(g) && f.call(g) == a; + } + function L(g) { + if (typeof g == "number") + return g; + if (A(g)) + return n; + if (y(g)) { + var R = typeof g.valueOf == "function" ? g.valueOf() : g; + g = y(R) ? R + "" : R; + } + if (typeof g != "string") + return g === 0 ? g : +g; + g = g.replace(c, ""); + var w = s.test(g); + return w || o.test(g) ? l(g.slice(2), w ? 2 : 8) : r.test(g) ? n : +g; + } + return J = m, J; +} +var Vt = Ft(); +const de = /* @__PURE__ */ it(Vt); +function Zt(t) { + const n = z(t); + n.current = t, F( + () => () => { + n.current(); + }, + [] + ); +} +function Ht(t, n = 500, a) { + const c = z(); + Zt(() => { + c.current && c.current.cancel(); + }); + const r = Ne(() => { + const s = de(t, n, a), o = (...l) => s(...l); + return o.cancel = () => { + s.cancel(); + }, o.isPending = () => !!c.current, o.flush = () => s.flush(), o; + }, [t, n, a]); + return F(() => { + c.current = de(t, n, a); + }, [t, n, a]), r; +} +function Bt(t, n, a) { + const c = ((d, u) => d === u), r = t instanceof Function ? t() : t, [s, o] = B(r), l = z(r), i = Ht( + o, + n, + a + ); + return c(l.current, r) || (i(r), l.current = r), [s, i]; +} +function jt({ + threshold: t = 0, + root: n = null, + rootMargin: a = "0%", + freezeOnceVisible: c = !1, + initialIsIntersecting: r = !1, + onChange: s +} = {}) { + var o; + const [l, i] = B(null), [d, u] = B(() => ({ + isIntersecting: r, + entry: void 0 + })), v = z(); + v.current = s; + const f = ((o = d.entry) == null ? void 0 : o.isIntersecting) && c; + F(() => { + if (!l || !("IntersectionObserver" in window) || f) + return; + const h = new IntersectionObserver( + (m) => { + const y = Array.isArray(h.thresholds) ? h.thresholds : [h.thresholds]; + m.forEach((C) => { + const A = C.isIntersecting && y.some((L) => C.intersectionRatio >= L); + u({ isIntersecting: A, entry: C }), v.current && v.current(A, C); + }); + }, + { threshold: t, root: n, rootMargin: a } + ); + return h.observe(l), () => { + h.disconnect(); + }; + }, [ + l, + // eslint-disable-next-line react-hooks/exhaustive-deps + JSON.stringify(t), + n, + a, + f, + c + ]); + const p = z(null); + F(() => { + var h; + !l && ((h = d.entry) != null && h.target) && !c && !f && p.current !== d.entry.target && (p.current = d.entry.target, u({ isIntersecting: r, entry: void 0 })); + }, [l, d.entry, c, f, r]); + const E = [ + i, + !!d.isIntersecting, + d.entry + ]; + return E.ref = E[0], E.isIntersecting = E[1], E.entry = E[2], E; +} +const _t = /* @__PURE__ */ e.forwardRef( + function({ + onTrackClick: n, + onClick: a, + onSubscriptionStatusChanged: c, + trackRef: r, + manageSubscription: s, + ...o + }, l) { + const i = _(r), d = e.useRef(null); + e.useImperativeHandle(l, () => d.current); + const u = jt({ root: d.current }), [v] = Bt(u, 3e3); + e.useEffect(() => { + s && i.publication instanceof X && (v == null ? void 0 : v.isIntersecting) === !1 && (u == null ? void 0 : u.isIntersecting) === !1 && i.publication.setSubscribed(!1); + }, [v, i, s]), e.useEffect(() => { + s && i.publication instanceof X && (u == null ? void 0 : u.isIntersecting) === !0 && i.publication.setSubscribed(!0); + }, [u, i, s]); + const { + elementProps: f, + publication: p, + isSubscribed: E + } = Ce(i, { + element: d, + props: o + }); + e.useEffect(() => { + c == null || c(!!E); + }, [E, c]); + const h = (m) => { + a == null || a(m), n == null || n({ participant: i == null ? void 0 : i.participant, track: p }); + }; + return /* @__PURE__ */ e.createElement("video", { ref: d, ...f, muted: !0, onClick: h }); + } +), ne = /* @__PURE__ */ e.forwardRef( + function({ trackRef: n, onSubscriptionStatusChanged: a, volume: c, ...r }, s) { + const o = _(n), l = e.useRef(null); + e.useImperativeHandle(s, () => l.current); + const { + elementProps: i, + isSubscribed: d, + track: u, + publication: v + } = Ce(o, { + element: l, + props: r + }); + return e.useEffect(() => { + a == null || a(!!d); + }, [d, a]), e.useEffect(() => { + u === void 0 || c === void 0 || (u instanceof et ? u.setVolume(c) : j.warn("Volume can only be set on remote audio tracks.")); + }, [c, u]), e.useEffect(() => { + v === void 0 || r.muted === void 0 || (v instanceof X ? v.setEnabled(!r.muted) : j.warn("Can only call setEnabled on remote track publications.")); + }, [r.muted, v, u]), /* @__PURE__ */ e.createElement("audio", { ref: l, ...i }); + } +); +function Ot(t) { + const n = !!ot(); + return t.participant && !n ? /* @__PURE__ */ e.createElement(we.Provider, { value: t.participant }, t.children) : /* @__PURE__ */ e.createElement(e.Fragment, null, t.children); +} +function Wt(t) { + const n = !!te(); + return t.trackRef && !n ? /* @__PURE__ */ e.createElement(ae.Provider, { value: t.trackRef }, t.children) : /* @__PURE__ */ e.createElement(e.Fragment, null, t.children); +} +const qt = /* @__PURE__ */ e.forwardRef( + function({ + trackRef: n, + children: a, + onParticipantClick: c, + disableSpeakingIndicator: r, + ...s + }, o) { + var p, E; + const l = _(n), { elementProps: i } = ve({ + htmlProps: s, + disableSpeakingIndicator: r, + onParticipantClick: c, + trackRef: l + }), d = qe(l.participant), u = ut(), v = (p = dt()) == null ? void 0 : p.autoSubscription, f = e.useCallback( + (h) => { + l.source && !h && u && u.pin.dispatch && mt(l, u.pin.state) && u.pin.dispatch({ msg: "clear_pin" }); + }, + [l, u] + ); + return /* @__PURE__ */ e.createElement("div", { ref: o, style: { position: "relative" }, ...i }, /* @__PURE__ */ e.createElement(Wt, { trackRef: l }, /* @__PURE__ */ e.createElement(Ot, { participant: l.participant }, a ?? /* @__PURE__ */ e.createElement(e.Fragment, null, $(l) && (((E = l.publication) == null ? void 0 : E.kind) === "video" || l.source === S.Source.Camera || l.source === S.Source.ScreenShare) ? /* @__PURE__ */ e.createElement( + _t, + { + trackRef: l, + onSubscriptionStatusChanged: f, + manageSubscription: v + } + ) : $(l) && /* @__PURE__ */ e.createElement( + ne, + { + trackRef: l, + onSubscriptionStatusChanged: f + } + ), /* @__PURE__ */ e.createElement("div", { className: "lk-participant-placeholder" }, /* @__PURE__ */ e.createElement(zt, null)), /* @__PURE__ */ e.createElement("div", { className: "lk-participant-metadata" }, /* @__PURE__ */ e.createElement("div", { className: "lk-participant-metadata-item" }, l.source === S.Source.Camera ? /* @__PURE__ */ e.createElement(e.Fragment, null, d && /* @__PURE__ */ e.createElement(yt, { style: { marginRight: "0.25rem" } }), /* @__PURE__ */ e.createElement( + Se, + { + trackRef: { + participant: l.participant, + source: S.Source.Microphone + }, + show: "muted" + } + ), /* @__PURE__ */ e.createElement(Y, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Me, { style: { marginRight: "0.25rem" } }), /* @__PURE__ */ e.createElement(Y, null, "'s screen"))), /* @__PURE__ */ e.createElement(be, { className: "lk-participant-metadata-item" }))), /* @__PURE__ */ e.createElement(Lt, { trackRef: l })))); + } +); +function pa(t) { + const n = I(t, { className: "lk-focus-layout" }); + return /* @__PURE__ */ e.createElement("div", { ...n }, t.children); +} +function wa({ trackRef: t, ...n }) { + return /* @__PURE__ */ e.createElement(qt, { trackRef: t, ...n }); +} +function Ie({ tracks: t, ...n }) { + return /* @__PURE__ */ e.createElement(e.Fragment, null, t.map((a) => /* @__PURE__ */ e.createElement( + ae.Provider, + { + value: a, + key: ke(a) + }, + ee(n.children) + ))); +} +function $t({ + totalPageCount: t, + nextPage: n, + prevPage: a, + currentPage: c, + pagesContainer: r +}) { + const [s, o] = e.useState(!1); + return e.useEffect(() => { + let l; + return r && (l = ft(r.current, 2e3).subscribe( + o + )), () => { + l && l.unsubscribe(); + }; + }, [r]), /* @__PURE__ */ e.createElement("div", { className: "lk-pagination-control", "data-lk-user-interaction": s }, /* @__PURE__ */ e.createElement("button", { className: "lk-button", onClick: a }, /* @__PURE__ */ e.createElement(ie, null)), /* @__PURE__ */ e.createElement("span", { className: "lk-pagination-count" }, `${c} of ${t}`), /* @__PURE__ */ e.createElement("button", { className: "lk-button", onClick: n }, /* @__PURE__ */ e.createElement(ie, null))); +} +const Dt = /* @__PURE__ */ e.forwardRef( + function({ totalPageCount: n, currentPage: a }, c) { + const r = new Array(n).fill("").map((s, o) => o + 1 === a ? /* @__PURE__ */ e.createElement("span", { "data-lk-active": !0, key: o }) : /* @__PURE__ */ e.createElement("span", { key: o })); + return /* @__PURE__ */ e.createElement("div", { ref: c, className: "lk-pagination-indicator" }, r); + } +); +function ka({ tracks: t, ...n }) { + const a = e.createRef(), c = e.useMemo( + () => I(n, { className: "lk-grid-layout" }), + [n] + ), { layout: r } = $e(a, t.length), s = De(r.maxTiles, t); + return Ue(a, { + onLeftSwipe: s.nextPage, + onRightSwipe: s.prevPage + }), /* @__PURE__ */ e.createElement("div", { ref: a, "data-lk-pagination": s.totalPageCount > 1, ...c }, /* @__PURE__ */ e.createElement(Ie, { tracks: s.tracks }, n.children), t.length > r.maxTiles && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement( + Dt, + { + totalPageCount: s.totalPageCount, + currentPage: s.currentPage + } + ), /* @__PURE__ */ e.createElement($t, { pagesContainer: a, ...s }))); +} +const Ut = 130, Gt = 140, me = 1, xe = 16 / 10, Qt = (1 - xe) * -1; +function Ra({ tracks: t, orientation: n, ...a }) { + const c = e.useRef(null), [r, s] = e.useState(0), { width: o, height: l } = Ge(c), i = n || (l >= o ? "vertical" : "horizontal"), d = i === "vertical" ? Math.max(o * Qt, Ut) : Math.max(l * xe, Gt), u = ht(), v = Math.max(i === "vertical" ? (l - u) / d : (o - u) / d, me); + let f = Math.round(v); + Math.abs(v - r) < 0.5 ? f = Math.round(r) : r !== v && s(v); + const p = Qe(t, f); + return e.useLayoutEffect(() => { + c.current && (c.current.dataset.lkOrientation = i, c.current.style.setProperty("--lk-max-visible-tiles", f.toString())); + }, [f, i]), /* @__PURE__ */ e.createElement("aside", { key: i, className: "lk-carousel", ref: c, ...a }, /* @__PURE__ */ e.createElement(Ie, { tracks: p }, a.children)); +} +function Ma({ + value: t, + onPinChange: n, + onWidgetChange: a, + children: c +}) { + const r = gt(t); + return e.useEffect(() => { + j.debug("PinState Updated", { state: r.pin.state }), n && r.pin.state && n(r.pin.state); + }, [r.pin.state, n]), e.useEffect(() => { + j.debug("Widget Updated", { widgetState: r.widget.state }), a && r.widget.state && a(r.widget.state); + }, [a, r.widget.state]), /* @__PURE__ */ e.createElement(pe.Provider, { value: r }, c); +} +const ya = /* @__PURE__ */ e.forwardRef(function(n, a) { + const { room: c, htmlProps: r } = Ke(n); + return /* @__PURE__ */ e.createElement("div", { ref: a, ...r }, c && /* @__PURE__ */ e.createElement(Re.Provider, { value: c }, /* @__PURE__ */ e.createElement(vt.Provider, { value: n.featureFlags }, n.children))); +}), ba = /* @__PURE__ */ e.forwardRef( + function({ trackRef: n, ...a }, c) { + const u = _(n), v = Ee(u, { bands: 7, loPass: 300 }); + return /* @__PURE__ */ e.createElement( + "svg", + { + ref: c, + width: "100%", + height: "100%", + viewBox: "0 0 200 90", + ...a, + className: "lk-audio-visualizer" + }, + /* @__PURE__ */ e.createElement("rect", { x: "0", y: "0", width: "100%", height: "100%" }), + /* @__PURE__ */ e.createElement( + "g", + { + style: { + transform: `translate(${130 / 2}px, 0)` + } + }, + v.map((f, p) => /* @__PURE__ */ e.createElement( + "rect", + { + key: p, + x: p * 10, + y: 90 / 2 - f * 50 / 2, + width: 6, + height: f * 50 + } + )) + ) + ); + } +); +function Sa({ participants: t, ...n }) { + return /* @__PURE__ */ e.createElement(e.Fragment, null, t.map((a) => /* @__PURE__ */ e.createElement(we.Provider, { value: a, key: a.identity }, ee(n.children)))); +} +function Ca({ room: t, volume: n, muted: a }) { + const c = Je( + [S.Source.Microphone, S.Source.ScreenShareAudio, S.Source.Unknown], + { + updateOnlyOn: [], + onlySubscribed: !0, + room: t + } + ).filter((r) => !r.participant.isLocal && r.publication.kind === S.Kind.Audio); + return /* @__PURE__ */ e.createElement("div", { style: { display: "none" } }, c.map((r) => /* @__PURE__ */ e.createElement( + ne, + { + key: ke(r), + trackRef: r, + volume: n, + muted: a + } + ))); +} +const Ia = /* @__PURE__ */ e.forwardRef(function({ childrenPosition: n = "before", children: a, ...c }, r) { + const { name: s } = Xe(); + return /* @__PURE__ */ e.createElement("span", { ref: r, ...c }, n === "before" && a, s, n === "after" && a); +}); +function Kt(t) { + const n = e.useMemo(() => I(t, { className: "lk-toast" }), [t]); + return /* @__PURE__ */ e.createElement("div", { ...n }, t.children); +} +const Jt = (t) => { + const n = []; + for (let a = 0; a < t; a++) + n.push([a, t - 1 - a]); + return n; +}, fe = (t) => [[Math.floor(t / 2)], [-1]], Xt = (t, n, a) => { + const [c, r] = B(0), [s, o] = B([[]]); + F(() => { + if (t === "thinking") + o(fe(n)); + else if (t === "connecting" || t === "initializing") { + const i = [...Jt(n)]; + o(i); + } else o(t === "listening" ? fe(n) : t === void 0 || t === "speaking" ? [new Array(n).fill(0).map((i, d) => d)] : [[]]); + r(0); + }, [t, n]); + const l = z(null); + return F(() => { + let i = performance.now(); + const d = (u) => { + u - i >= a && (r((f) => f + 1), i = u), l.current = requestAnimationFrame(d); + }; + return l.current = requestAnimationFrame(d), () => { + l.current !== null && cancelAnimationFrame(l.current); + }; + }, [a, n, t, s.length]), s[c % s.length]; +}, Yt = /* @__PURE__ */ new Map([ + ["connecting", 2e3], + ["initializing", 2e3], + ["listening", 500], + ["thinking", 150] +]), ea = (t, n) => { + if (t === void 0) + return 1e3; + let a = Yt.get(t); + if (a) + switch (t) { + case "connecting": + a /= n; + break; + } + return a; +}, ta = /* @__PURE__ */ e.forwardRef( + function({ state: n, options: a, barCount: c = 15, trackRef: r, track: s, children: o, ...l }, i) { + const d = I(l, { className: "lk-audio-bar-visualizer" }); + let u = te(); + (r || s) && (u = r || s); + const v = Ee(u, { + bands: c, + loPass: 100, + hiPass: 200 + }), f = (a == null ? void 0 : a.minHeight) ?? 20, p = (a == null ? void 0 : a.maxHeight) ?? 100, E = Xt( + n, + c, + ea(n, c) ?? 100 + ); + return /* @__PURE__ */ e.createElement("div", { ref: i, ...d, "data-lk-va-state": n }, v.map( + (h, m) => o ? ee(o, { + "data-lk-highlighted": E.includes(m), + "data-lk-bar-index": m, + className: "lk-audio-bar", + style: { height: `${Math.min(p, Math.max(f, h * 100 + 5))}%` } + }) : /* @__PURE__ */ e.createElement( + "span", + { + key: m, + "data-lk-highlighted": E.includes(m), + "data-lk-bar-index": m, + className: `lk-audio-bar ${E.includes(m) && "lk-highlighted"}`, + style: { + // TODO transform animations would be more performant, however the border-radius gets distorted when using scale transforms. a 9-slice approach (or 3 in this case) could work + // transform: `scale(1, ${Math.min(maxHeight, Math.max(minHeight, volume))}`, + height: `${Math.min(p, Math.max(f, h * 100 + 5))}%` + } + } + ) + )); + } +), xa = /* @__PURE__ */ e.forwardRef( + function({ + children: n, + disableSpeakingIndicator: a, + onParticipantClick: c, + trackRef: r, + ...s + }, o) { + const l = _(r), { elementProps: i } = ve({ + trackRef: l, + htmlProps: s, + disableSpeakingIndicator: a, + onParticipantClick: c + }); + return /* @__PURE__ */ e.createElement("div", { ref: o, style: { position: "relative", minHeight: "160px" }, ...i }, /* @__PURE__ */ e.createElement(ae.Provider, { value: l }, n ?? /* @__PURE__ */ e.createElement(e.Fragment, null, $(l) && /* @__PURE__ */ e.createElement(ne, { trackRef: l }), /* @__PURE__ */ e.createElement(ta, { barCount: 7, options: { minHeight: 8 } }), /* @__PURE__ */ e.createElement("div", { className: "lk-participant-metadata" }, /* @__PURE__ */ e.createElement("div", { className: "lk-participant-metadata-item" }, /* @__PURE__ */ e.createElement(Se, { trackRef: l }), /* @__PURE__ */ e.createElement(Y, null)), /* @__PURE__ */ e.createElement(be, { className: "lk-participant-metadata-item" }))))); + } +); +function Pa(t) { + const [n, a] = e.useState(void 0), c = he(t.room); + return e.useEffect(() => { + switch (c) { + case K.Reconnecting: + a( + /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(oe, { className: "lk-spinner" }), " Повторное подключение") + ); + break; + case K.Connecting: + a( + /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(oe, { className: "lk-spinner" }), " Подключение") + ); + break; + case K.Disconnected: + a(/* @__PURE__ */ e.createElement(e.Fragment, null, "Отключено")); + break; + default: + a(void 0); + break; + } + }, [c]), n ? /* @__PURE__ */ e.createElement(Kt, { className: "lk-toast-connection-state" }, n) : /* @__PURE__ */ e.createElement(e.Fragment, null); +} +const Ta = /* @__PURE__ */ e.forwardRef( + function({ entry: n, hideName: a = !1, hideTimestamp: c = !1, messageFormatter: r, ...s }, o) { + var f, p, E, h; + const l = e.useMemo(() => r ? r(n.message) : n.message, [n.message, r]), i = !!n.editTimestamp, d = new Date(n.timestamp), u = typeof navigator < "u" ? navigator.language : "en-US", v = ((f = n.from) == null ? void 0 : f.name) ?? ((p = n.from) == null ? void 0 : p.identity); + return /* @__PURE__ */ e.createElement( + "li", + { + ref: o, + className: "lk-chat-entry", + title: d.toLocaleTimeString(u, { timeStyle: "full" }), + "data-lk-message-origin": (E = n.from) != null && E.isLocal ? "local" : "remote", + ...s + }, + (!c || !a || i) && /* @__PURE__ */ e.createElement("span", { className: "lk-meta-data" }, !a && /* @__PURE__ */ e.createElement("strong", { className: "lk-participant-name" }, v), (!c || i) && /* @__PURE__ */ e.createElement("span", { className: "lk-timestamp" }, i && "edited ", d.toLocaleTimeString(u, { timeStyle: "short" }))), + /* @__PURE__ */ e.createElement("span", { className: "lk-message-body" }, l), + /* @__PURE__ */ e.createElement("span", { className: "lk-message-attachements" }, (h = n.attachedFiles) == null ? void 0 : h.map( + (m) => m.type.startsWith("image/") && /* @__PURE__ */ e.createElement( + "img", + { + style: { maxWidth: "300px", maxHeight: "300px" }, + key: m.name, + src: URL.createObjectURL(m), + alt: m.name + } + ) + )) + ); + } +); +function Aa(t) { + return Et(t, pt()).map((n, a) => { + if (typeof n == "string") + return n; + { + const c = n.content.toString(), r = n.type === "url" ? /^http(s?):\/\//.test(c) ? c : `https://${c}` : `mailto:${c}`; + return /* @__PURE__ */ e.createElement("a", { className: "lk-chat-link", key: a, href: r, target: "_blank", rel: "noreferrer" }, c); + } + }); +} +function La(t) { + return /* @__PURE__ */ e.createElement(wt.Provider, { value: t.session }, /* @__PURE__ */ e.createElement(Re.Provider, { value: t.session.room }, t.children)); +} +export { + oe as $, + ba as A, + ta as B, + ia as C, + oa as D, + La as E, + pa as F, + ka as G, + kt as H, + Rt as I, + ie as J, + Mt as K, + Ma as L, + ha as M, + yt as N, + bt as O, + qt as P, + St as Q, + Ca as R, + ua as S, + Ea as T, + Ct as U, + _t as V, + It as W, + xt as X, + Pt as Y, + Me as Z, + Tt as _, + Ta as a, + At as a0, + zt as b, + da as c, + ma as d, + fa as e, + va as f, + Ra as g, + wa as h, + Pa as i, + Ie as j, + xa as k, + Kt as l, + Aa as m, + la as n, + sa as o, + Lt as p, + ga as q, + ya as r, + be as s, + ne as t, + Y as u, + Se as v, + Sa as w, + Ia as x, + Ot as y, + Wt as z +}; +//# sourceMappingURL=components-Dl8_KfwP.mjs.map diff --git a/packages/react/dist/components-Dl8_KfwP.mjs.map b/packages/react/dist/components-Dl8_KfwP.mjs.map new file mode 100644 index 000000000..b6dadf3d5 --- /dev/null +++ b/packages/react/dist/components-Dl8_KfwP.mjs.map @@ -0,0 +1 @@ +{"version":3,"file":"components-Dl8_KfwP.mjs","sources":["../src/components/controls/ClearPinButton.tsx","../src/components/ConnectionState.tsx","../src/components/controls/ChatToggle.tsx","../src/components/controls/DisconnectButton.tsx","../src/assets/icons/CameraDisabledIcon.tsx","../src/assets/icons/CameraIcon.tsx","../src/assets/icons/ChatCloseIcon.tsx","../src/assets/icons/ChatIcon.tsx","../src/assets/icons/Chevron.tsx","../src/assets/icons/FocusToggleIcon.tsx","../src/assets/icons/GearIcon.tsx","../src/assets/icons/LeaveIcon.tsx","../src/assets/icons/LockLockedIcon.tsx","../src/assets/icons/MicDisabledIcon.tsx","../src/assets/icons/MicIcon.tsx","../src/assets/icons/QualityExcellentIcon.tsx","../src/assets/icons/QualityGoodIcon.tsx","../src/assets/icons/QualityPoorIcon.tsx","../src/assets/icons/QualityUnknownIcon.tsx","../src/assets/icons/ScreenShareIcon.tsx","../src/assets/icons/ScreenShareStopIcon.tsx","../src/assets/icons/SpinnerIcon.tsx","../src/assets/icons/UnfocusToggleIcon.tsx","../src/components/controls/FocusToggle.tsx","../src/components/controls/MediaDeviceSelect.tsx","../src/components/controls/StartAudio.tsx","../src/components/controls/StartMediaButton.tsx","../src/assets/icons/util.tsx","../src/components/controls/TrackToggle.tsx","../src/components/participant/ConnectionQualityIndicator.tsx","../src/components/participant/ParticipantName.tsx","../src/components/participant/TrackMutedIndicator.tsx","../src/assets/images/ParticipantPlaceholder.tsx","../src/hooks/useMediaTrackBySourceOrName.ts","../../../node_modules/.pnpm/lodash.debounce@4.0.8/node_modules/lodash.debounce/index.js","../../../node_modules/.pnpm/usehooks-ts@3.1.1_react@18.3.1/node_modules/usehooks-ts/dist/index.js","../src/components/participant/VideoTrack.tsx","../src/components/participant/AudioTrack.tsx","../src/components/participant/ParticipantTile.tsx","../src/components/layout/FocusLayout.tsx","../src/components/TrackLoop.tsx","../src/components/controls/PaginationControl.tsx","../src/components/controls/PaginationIndicator.tsx","../src/components/layout/GridLayout.tsx","../src/components/layout/CarouselLayout.tsx","../src/components/layout/LayoutContextProvider.tsx","../src/components/LiveKitRoom.tsx","../src/components/participant/AudioVisualizer.tsx","../src/components/ParticipantLoop.tsx","../src/components/RoomAudioRenderer.tsx","../src/components/RoomName.tsx","../src/components/Toast.tsx","../src/components/participant/animationSequences/connectingSequence.ts","../src/components/participant/animationSequences/listeningSequence.ts","../src/components/participant/animators/useBarAnimator.ts","../src/components/participant/BarVisualizer.tsx","../src/components/participant/ParticipantAudioTile.tsx","../src/components/ConnectionStateToast.tsx","../src/components/ChatEntry.tsx","../src/components/SessionProvider.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { useClearPinButton } from '../../hooks';\r\n\r\n/** @public */\r\nexport interface ClearPinButtonProps extends React.ButtonHTMLAttributes {}\r\n\r\n/**\r\n * The `ClearPinButton` is a basic html button with the added ability to signal\r\n * the `LayoutContext` that it should display the grid view again.\r\n * @remarks\r\n * This component works only inside a `LayoutContext`.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * Back to grid view\r\n * \r\n * ```\r\n * @public\r\n */\r\nexport const ClearPinButton: (\r\n props: ClearPinButtonProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function ClearPinButton(props: ClearPinButtonProps, ref) {\r\n const { buttonProps } = useClearPinButton(props);\r\n return (\r\n \r\n );\r\n },\r\n);\r\n","import type { Room } from 'livekit-client';\r\nimport * as React from 'react';\r\nimport { useConnectionState } from '../hooks';\r\n\r\n/** @public */\r\nexport interface ConnectionStatusProps extends React.HTMLAttributes {\r\n /**\r\n * The room from which the connection status should be displayed.\r\n */\r\n room?: Room;\r\n}\r\n\r\n/**\r\n * The `ConnectionState` component displays the connection status of the room as strings\r\n * (`\"connected\" | \"connecting\" | \"disconnected\" | \"reconnecting\"`).\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * \r\n * \r\n * ```\r\n * @public\r\n */\r\nexport const ConnectionState: (\r\n props: ConnectionStatusProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function ConnectionState({ room, ...props }: ConnectionStatusProps, ref) {\r\n const connectionState = useConnectionState(room);\r\n return (\r\n
\r\n {connectionState}\r\n
\r\n );\r\n },\r\n);\r\n","import * as React from 'react';\r\nimport { useChatToggle } from '../../hooks';\r\n\r\n/** @public */\r\nexport interface ChatToggleProps extends React.ButtonHTMLAttributes {}\r\n\r\n/**\r\n * The `ChatToggle` component is a button that toggles the visibility of the `Chat` component.\r\n * @remarks\r\n * For the component to have any effect it has to live inside a `LayoutContext` context.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * \r\n * \r\n * ```\r\n * @public\r\n */\r\nexport const ChatToggle: (\r\n props: ChatToggleProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function ChatToggle(props: ChatToggleProps, ref) {\r\n const { mergedProps } = useChatToggle({ props });\r\n\r\n return (\r\n \r\n );\r\n },\r\n);\r\n","import * as React from 'react';\r\nimport { useDisconnectButton } from '../../hooks';\r\n\r\n/** @public */\r\nexport interface DisconnectButtonProps extends React.ButtonHTMLAttributes {\r\n stopTracks?: boolean;\r\n}\r\n\r\n/**\r\n * The `DisconnectButton` is a basic html button with the added ability to disconnect from a LiveKit room.\r\n * Normally this is the big red button that allows end users to leave the video or audio call.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * Leave room\r\n * \r\n * ```\r\n * @public\r\n */\r\nexport const DisconnectButton: (\r\n props: DisconnectButtonProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function DisconnectButton(props: DisconnectButtonProps, ref) {\r\n const { buttonProps } = useDisconnectButton(props);\r\n return (\r\n \r\n );\r\n },\r\n);\r\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgCameraDisabledIcon = (props: SVGProps) => (\n \n \n \n \n);\nexport default SvgCameraDisabledIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgCameraIcon = (props: SVGProps) => (\n \n \n \n);\nexport default SvgCameraIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgChatCloseIcon = (props: SVGProps) => (\n \n \n \n);\nexport default SvgChatCloseIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgChatIcon = (props: SVGProps) => (\n \n \n \n \n);\nexport default SvgChatIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgChevron = (props: SVGProps) => (\n \n \n \n);\nexport default SvgChevron;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgFocusToggleIcon = (props: SVGProps) => (\n \n \n \n \n \n);\nexport default SvgFocusToggleIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgGearIcon = (props: SVGProps) => (\n \n \n \n);\nexport default SvgGearIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgLeaveIcon = (props: SVGProps) => (\n \n \n \n \n);\nexport default SvgLeaveIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgLockLockedIcon = (props: SVGProps) => (\n \n \n \n);\nexport default SvgLockLockedIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgMicDisabledIcon = (props: SVGProps) => (\n \n \n \n \n);\nexport default SvgMicDisabledIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgMicIcon = (props: SVGProps) => (\n \n \n \n \n);\nexport default SvgMicIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgQualityExcellentIcon = (props: SVGProps) => (\n \n \n \n \n);\nexport default SvgQualityExcellentIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgQualityGoodIcon = (props: SVGProps) => (\n \n \n \n \n \n \n \n \n);\nexport default SvgQualityGoodIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgQualityPoorIcon = (props: SVGProps) => (\n \n \n \n \n \n \n \n \n \n);\nexport default SvgQualityPoorIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgQualityUnknownIcon = (props: SVGProps) => (\n \n \n \n \n \n \n);\nexport default SvgQualityUnknownIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgScreenShareIcon = (props: SVGProps) => (\n \n \n \n \n);\nexport default SvgScreenShareIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgScreenShareStopIcon = (props: SVGProps) => (\n \n \n \n \n \n \n);\nexport default SvgScreenShareStopIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgSpinnerIcon = (props: SVGProps) => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\nexport default SvgSpinnerIcon;\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgUnfocusToggleIcon = (props: SVGProps) => (\n \n \n \n \n \n);\nexport default SvgUnfocusToggleIcon;\n","import * as React from 'react';\r\nimport { LayoutContext, useMaybeTrackRefContext } from '../../context';\r\nimport { FocusToggleIcon, UnfocusToggleIcon } from '../../assets/icons';\r\nimport { useFocusToggle } from '../../hooks';\r\nimport type { TrackReferenceOrPlaceholder } from '@livekit/components-core';\r\n\r\n/** @public */\r\nexport interface FocusToggleProps extends React.ButtonHTMLAttributes {\r\n trackRef?: TrackReferenceOrPlaceholder;\r\n}\r\n\r\n/**\r\n * The `FocusToggle` puts the `ParticipantTile` in focus or removes it from focus.\r\n * @remarks\r\n * This component needs to live inside `LayoutContext` to work properly.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * \r\n * \r\n * ```\r\n * @public\r\n */\r\nexport const FocusToggle: (\r\n props: FocusToggleProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function FocusToggle({ trackRef, ...props }: FocusToggleProps, ref) {\r\n const trackRefFromContext = useMaybeTrackRefContext();\r\n\r\n const { mergedProps, inFocus } = useFocusToggle({\r\n trackRef: trackRef ?? trackRefFromContext,\r\n props,\r\n });\r\n\r\n return (\r\n \r\n {(layoutContext) =>\r\n layoutContext !== undefined && (\r\n \r\n )\r\n }\r\n \r\n );\r\n },\r\n);\r\n","import * as React from 'react';\r\nimport { useMaybeRoomContext } from '../../context';\r\nimport { mergeProps } from '../../utils';\r\nimport { RoomEvent, type LocalAudioTrack, type LocalVideoTrack } from 'livekit-client';\r\nimport { useMediaDeviceSelect } from '../../hooks';\r\n\r\n/** @public */\r\nexport interface MediaDeviceSelectProps\r\n extends Omit, 'onError'> {\r\n kind: MediaDeviceKind;\r\n onActiveDeviceChange?: (deviceId: string) => void;\r\n onDeviceListChange?: (devices: MediaDeviceInfo[]) => void;\r\n onDeviceSelectError?: (e: Error) => void;\r\n initialSelection?: string;\r\n /** will force the browser to only return the specified device\r\n * will call `onDeviceSelectError` with the error in case this fails\r\n */\r\n exactMatch?: boolean;\r\n track?: LocalAudioTrack | LocalVideoTrack;\r\n /**\r\n * this will call getUserMedia if the permissions are not yet given to enumerate the devices with device labels.\r\n * in some browsers multiple calls to getUserMedia result in multiple permission prompts.\r\n * It's generally advised only flip this to true, once a (preview) track has been acquired successfully with the\r\n * appropriate permissions.\r\n *\r\n * @see {@link MediaDeviceMenu}\r\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices | MDN enumerateDevices}\r\n */\r\n requestPermissions?: boolean;\r\n onError?: (e: Error) => void;\r\n}\r\n\r\n/**\r\n * The `MediaDeviceSelect` list all media devices of one kind.\r\n * Clicking on one of the listed devices make it the active media device.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * \r\n * \r\n * ```\r\n * @public\r\n */\r\nexport const MediaDeviceSelect: (\r\n props: MediaDeviceSelectProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function MediaDeviceSelect(\r\n {\r\n kind,\r\n initialSelection,\r\n onActiveDeviceChange,\r\n onDeviceListChange,\r\n onDeviceSelectError,\r\n exactMatch,\r\n track,\r\n requestPermissions,\r\n onError,\r\n ...props\r\n }: MediaDeviceSelectProps,\r\n ref,\r\n ) {\r\n const room = useMaybeRoomContext();\r\n const previousActiveDeviceId = React.useRef('default');\r\n const handleError = React.useCallback(\r\n (e: Error) => {\r\n if (room) {\r\n // awkwardly emit the event from outside of the room, as we don't have other means to raise a MediaDeviceError\r\n room.emit(RoomEvent.MediaDevicesError, e);\r\n }\r\n onError?.(e);\r\n },\r\n [room, onError],\r\n );\r\n const { devices, activeDeviceId, setActiveMediaDevice, className } = useMediaDeviceSelect({\r\n kind,\r\n room,\r\n track,\r\n requestPermissions,\r\n onError: handleError,\r\n });\r\n React.useEffect(() => {\r\n if (initialSelection !== undefined) {\r\n setActiveMediaDevice(initialSelection);\r\n }\r\n }, [setActiveMediaDevice]);\r\n\r\n React.useEffect(() => {\r\n if (typeof onDeviceListChange === 'function') {\r\n onDeviceListChange(devices);\r\n }\r\n }, [onDeviceListChange, devices]);\r\n\r\n React.useEffect(() => {\r\n if (activeDeviceId !== previousActiveDeviceId.current) {\r\n onActiveDeviceChange?.(activeDeviceId);\r\n }\r\n previousActiveDeviceId.current = activeDeviceId;\r\n }, [activeDeviceId]);\r\n\r\n const handleActiveDeviceChange = async (deviceId: string) => {\r\n try {\r\n await setActiveMediaDevice(deviceId, { exact: exactMatch ?? true });\r\n } catch (e) {\r\n if (e instanceof Error) {\r\n onDeviceSelectError?.(e);\r\n } else {\r\n throw e;\r\n }\r\n }\r\n };\r\n // Merge Props\r\n const mergedProps = React.useMemo(\r\n () => mergeProps(props, { className }, { className: 'lk-list' }),\r\n [className, props],\r\n );\r\n\r\n const hasDefault = !!devices.find((info) => info.label.toLowerCase().startsWith('default'));\r\n\r\n function isActive(deviceId: string, activeDeviceId: string, index: number) {\r\n return (\r\n deviceId === activeDeviceId || (!hasDefault && index === 0 && activeDeviceId === 'default')\r\n );\r\n }\r\n\r\n return (\r\n
    \r\n {devices.map((device, index) => (\r\n \r\n \r\n \r\n ))}\r\n
\r\n );\r\n },\r\n);\r\n","import * as React from 'react';\r\nimport { useEnsureRoom } from '../../context';\r\nimport { useStartAudio } from '../../hooks';\r\nimport { Room } from 'livekit-client';\r\n\r\n/** @public */\r\nexport interface AllowAudioPlaybackProps extends React.ButtonHTMLAttributes {\r\n room?: Room;\r\n label?: string;\r\n}\r\n\r\n/**\r\n * The `StartAudio` component is only visible when the browser blocks audio playback. This is due to some browser implemented autoplay policies.\r\n * To start audio playback, the user must perform a user-initiated event such as clicking this button.\r\n * As soon as audio playback starts, the button hides itself again.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * \r\n * \r\n * ```\r\n *\r\n * @see Autoplay policy on MDN web docs: {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Best_practices#autoplay_policy}\r\n * @public\r\n */\r\nexport const StartAudio: (\r\n props: AllowAudioPlaybackProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function StartAudio({ label = 'Разрешить звук', ...props }: AllowAudioPlaybackProps, ref) {\r\n const room = useEnsureRoom(props.room);\r\n const { mergedProps } = useStartAudio({ room, props });\r\n\r\n return (\r\n \r\n );\r\n },\r\n);\r\n","import * as React from 'react';\r\nimport { useRoomContext } from '../../context';\r\nimport { useStartAudio, useStartVideo } from '../../hooks';\r\n\r\n/** @public */\r\nexport interface AllowMediaPlaybackProps extends React.ButtonHTMLAttributes {\r\n label?: string;\r\n}\r\n\r\n/**\r\n * The `StartMediaButton` component is only visible when the browser blocks media playback. This is due to some browser implemented autoplay policies.\r\n * To start media playback, the user must perform a user-initiated event such as clicking this button.\r\n * As soon as media playback starts, the button hides itself again.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * \r\n * \r\n * ```\r\n *\r\n * @see Autoplay policy on MDN web docs: {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Best_practices#autoplay_policy}\r\n * @public\r\n */\r\nexport const StartMediaButton: (\r\n props: AllowMediaPlaybackProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function StartMediaButton({ label, ...props }: AllowMediaPlaybackProps, ref) {\r\n const room = useRoomContext();\r\n const { mergedProps: audioProps, canPlayAudio } = useStartAudio({ room, props });\r\n const { mergedProps, canPlayVideo } = useStartVideo({ room, props: audioProps });\r\n const { style, ...restProps } = mergedProps;\r\n style.display = canPlayAudio && canPlayVideo ? 'none' : 'block';\r\n\r\n return (\r\n \r\n );\r\n },\r\n);\r\n","import * as React from 'react';\r\nimport { ConnectionQuality, Track } from 'livekit-client';\r\n\r\nimport {\r\n MicIcon,\r\n MicDisabledIcon,\r\n CameraIcon,\r\n CameraDisabledIcon,\r\n QualityUnknownIcon,\r\n QualityExcellentIcon,\r\n QualityGoodIcon,\r\n QualityPoorIcon,\r\n ScreenShareIcon,\r\n ScreenShareStopIcon,\r\n} from './index';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getSourceIcon(source: Track.Source, enabled: boolean) {\r\n switch (source) {\r\n case Track.Source.Microphone:\r\n return enabled ? : ;\r\n case Track.Source.Camera:\r\n return enabled ? : ;\r\n case Track.Source.ScreenShare:\r\n return enabled ? : ;\r\n default:\r\n return undefined;\r\n }\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getConnectionQualityIcon(quality: ConnectionQuality) {\r\n switch (quality) {\r\n case ConnectionQuality.Excellent:\r\n return ;\r\n case ConnectionQuality.Good:\r\n return ;\r\n case ConnectionQuality.Poor:\r\n return ;\r\n default:\r\n return ;\r\n }\r\n}\r\n","import type { CaptureOptionsBySource, ToggleSource } from '@livekit/components-core';\r\nimport * as React from 'react';\r\nimport { getSourceIcon } from '../../assets/icons/util';\r\nimport { useTrackToggle } from '../../hooks';\r\nimport { TrackPublishOptions } from 'livekit-client';\r\n\r\n/** @public */\r\nexport interface TrackToggleProps\r\n extends Omit, 'onChange'> {\r\n source: T;\r\n showIcon?: boolean;\r\n initialState?: boolean;\r\n /**\r\n * Function that is called when the enabled state of the toggle changes.\r\n * The second function argument `isUserInitiated` is `true` if the change was initiated by a user interaction, such as a click.\r\n */\r\n onChange?: (enabled: boolean, isUserInitiated: boolean) => void;\r\n captureOptions?: CaptureOptionsBySource;\r\n publishOptions?: TrackPublishOptions;\r\n onDeviceError?: (error: Error) => void;\r\n}\r\n\r\n/**\r\n * With the `TrackToggle` component it is possible to mute and unmute your camera and microphone.\r\n * The component uses an html button element under the hood so you can treat it like a button.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * \r\n * \r\n * \r\n * ```\r\n * @public\r\n */\r\nexport const TrackToggle: (\r\n props: TrackToggleProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(function TrackToggle<\r\n T extends ToggleSource,\r\n>({ showIcon, ...props }: TrackToggleProps, ref: React.ForwardedRef) {\r\n const { buttonProps, enabled } = useTrackToggle(props);\r\n const [isClient, setIsClient] = React.useState(false);\r\n React.useEffect(() => {\r\n setIsClient(true);\r\n }, []);\r\n return (\r\n isClient && (\r\n \r\n )\r\n );\r\n});\r\n","import * as React from 'react';\r\nimport { mergeProps } from '../../utils';\r\nimport { getConnectionQualityIcon } from '../../assets/icons/util';\r\nimport type { ConnectionQualityIndicatorOptions } from '../../hooks';\r\nimport { useConnectionQualityIndicator } from '../../hooks';\r\n\r\n/** @public */\r\nexport interface ConnectionQualityIndicatorProps\r\n extends React.HTMLAttributes,\r\n ConnectionQualityIndicatorOptions {}\r\n\r\n/**\r\n * The `ConnectionQualityIndicator` shows the individual connection quality of a participant.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * ```\r\n * @public\r\n */\r\nexport const ConnectionQualityIndicator: (\r\n props: ConnectionQualityIndicatorProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef<\r\n HTMLDivElement,\r\n ConnectionQualityIndicatorProps\r\n>(function ConnectionQualityIndicator(props: ConnectionQualityIndicatorProps, ref) {\r\n const { className, quality } = useConnectionQualityIndicator(props);\r\n const elementProps = React.useMemo(() => {\r\n return { ...mergeProps(props, { className: className as string }), 'data-lk-quality': quality };\r\n }, [quality, props, className]);\r\n return (\r\n
\r\n {props.children ?? getConnectionQualityIcon(quality)}\r\n
\r\n );\r\n});\r\n","import { setupParticipantName } from '@livekit/components-core';\r\nimport * as React from 'react';\r\nimport { useEnsureParticipant } from '../../context';\r\nimport { useObservableState } from '../../hooks/internal/useObservableState';\r\nimport { mergeProps } from '../../utils';\r\nimport type { UseParticipantInfoOptions } from '../../hooks';\r\n\r\n/** @public */\r\nexport interface ParticipantNameProps\r\n extends React.HTMLAttributes,\r\n UseParticipantInfoOptions {}\r\n\r\n/**\r\n * The `ParticipantName` component displays the name of the participant as a string within an HTML span element.\r\n * If no participant name is undefined the participant identity string is displayed.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * ```\r\n * @public\r\n */\r\nexport const ParticipantName: (\r\n props: ParticipantNameProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function ParticipantName({ participant, ...props }: ParticipantNameProps, ref) {\r\n const p = useEnsureParticipant(participant);\r\n\r\n const { className, infoObserver } = React.useMemo(() => {\r\n return setupParticipantName(p);\r\n }, [p]);\r\n\r\n const { identity, name } = useObservableState(infoObserver, {\r\n name: p.name,\r\n identity: p.identity,\r\n metadata: p.metadata,\r\n });\r\n\r\n const mergedProps = React.useMemo(() => {\r\n return mergeProps(props, { className, 'data-lk-participant-name': name });\r\n }, [props, className, name]);\r\n\r\n return (\r\n \r\n {name !== '' ? name : identity}\r\n {props.children}\r\n \r\n );\r\n },\r\n);\r\n","import * as React from 'react';\r\nimport { mergeProps } from '../../utils';\r\nimport { getSourceIcon } from '../../assets/icons/util';\r\nimport { useTrackMutedIndicator } from '../../hooks';\r\nimport type { TrackReferenceOrPlaceholder } from '@livekit/components-core';\r\n\r\n/** @public */\r\nexport interface TrackMutedIndicatorProps extends React.HTMLAttributes {\r\n trackRef: TrackReferenceOrPlaceholder;\r\n show?: 'always' | 'muted' | 'unmuted';\r\n}\r\n\r\n/**\r\n * The `TrackMutedIndicator` shows whether the participant's camera or microphone is muted or not.\r\n * By default, a muted/unmuted icon is displayed for a camera, microphone, and screen sharing track.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * ```\r\n * @public\r\n */\r\nexport const TrackMutedIndicator: (\r\n props: TrackMutedIndicatorProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function TrackMutedIndicator(\r\n { trackRef, show = 'always', ...props }: TrackMutedIndicatorProps,\r\n ref,\r\n ) {\r\n const { className, isMuted } = useTrackMutedIndicator(trackRef);\r\n\r\n const showIndicator =\r\n show === 'always' || (show === 'muted' && isMuted) || (show === 'unmuted' && !isMuted);\r\n\r\n const htmlProps = React.useMemo(\r\n () =>\r\n mergeProps(props, {\r\n className,\r\n }),\r\n [className, props],\r\n );\r\n\r\n if (!showIndicator) {\r\n return null;\r\n }\r\n\r\n return (\r\n
\r\n {props.children ?? getSourceIcon(trackRef.source, !isMuted)}\r\n
\r\n );\r\n },\r\n);\r\n","/**\n * WARNING: This file was auto-generated by svgr. Do not edit.\n */\nimport * as React from 'react';\nimport type { SVGProps } from 'react';\n/**\n * @internal\n */\nconst SvgParticipantPlaceholder = (props: SVGProps) => (\n \n \n \n \n);\nexport default SvgParticipantPlaceholder;\n","import type { TrackIdentifier } from '@livekit/components-core';\r\nimport {\r\n getTrackByIdentifier,\r\n isTrackReference,\r\n log,\r\n setupMediaTrack,\r\n} from '@livekit/components-core';\r\nimport * as React from 'react';\r\nimport { mergeProps } from '../utils';\r\n\r\n/** @public */\r\nexport interface UseMediaTrackOptions {\r\n element?: React.RefObject | null;\r\n props?: React.HTMLAttributes;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function useMediaTrackBySourceOrName(\r\n observerOptions: TrackIdentifier,\r\n options: UseMediaTrackOptions = {},\r\n) {\r\n const [publication, setPublication] = React.useState(getTrackByIdentifier(observerOptions));\r\n\r\n const [isMuted, setMuted] = React.useState(publication?.isMuted);\r\n const [isSubscribed, setSubscribed] = React.useState(publication?.isSubscribed);\r\n\r\n const [track, setTrack] = React.useState(publication?.track);\r\n const [orientation, setOrientation] = React.useState<'landscape' | 'portrait'>('landscape');\r\n const previousElement = React.useRef();\r\n\r\n const { className, trackObserver } = React.useMemo(() => {\r\n return setupMediaTrack(observerOptions);\r\n }, [\r\n observerOptions.participant.sid ?? observerOptions.participant.identity,\r\n observerOptions.source,\r\n isTrackReference(observerOptions) && observerOptions.publication.trackSid,\r\n ]);\r\n\r\n React.useEffect(() => {\r\n const subscription = trackObserver.subscribe((publication) => {\r\n log.debug('update track', publication);\r\n setPublication(publication);\r\n setMuted(publication?.isMuted);\r\n setSubscribed(publication?.isSubscribed);\r\n setTrack(publication?.track);\r\n });\r\n return () => subscription?.unsubscribe();\r\n }, [trackObserver]);\r\n\r\n React.useEffect(() => {\r\n if (track) {\r\n if (previousElement.current) {\r\n track.detach(previousElement.current);\r\n }\r\n if (\r\n options.element?.current &&\r\n !(observerOptions.participant.isLocal && track?.kind === 'audio')\r\n ) {\r\n track.attach(options.element.current);\r\n }\r\n }\r\n previousElement.current = options.element?.current;\r\n return () => {\r\n if (previousElement.current) {\r\n track?.detach(previousElement.current);\r\n }\r\n };\r\n }, [track, options.element]);\r\n\r\n React.useEffect(() => {\r\n // Set the orientation of the video track.\r\n // TODO: This does not handle changes in orientation after a track got published (e.g when rotating a phone camera from portrait to landscape).\r\n if (\r\n typeof publication?.dimensions?.width === 'number' &&\r\n typeof publication?.dimensions?.height === 'number'\r\n ) {\r\n const orientation_ =\r\n publication.dimensions.width > publication.dimensions.height ? 'landscape' : 'portrait';\r\n setOrientation(orientation_);\r\n }\r\n }, [publication]);\r\n\r\n return {\r\n publication,\r\n isMuted,\r\n isSubscribed,\r\n track,\r\n elementProps: mergeProps(options.props, {\r\n className,\r\n 'data-lk-local-participant': observerOptions.participant.isLocal,\r\n 'data-lk-source': publication?.source,\r\n ...(publication?.kind === 'video' && { 'data-lk-orientation': orientation }),\r\n }),\r\n };\r\n}\r\n","/**\n * lodash (Custom Build) \n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors \n * Released under MIT license \n * Based on Underscore.js 1.8.3 \n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n result = wait - timeSinceLastCall;\n\n return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, '');\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = debounce;\n","import { useState, useCallback, useLayoutEffect, useEffect, useRef, useMemo } from 'react';\nimport debounce from 'lodash.debounce';\n\n// src/useBoolean/useBoolean.ts\nfunction useBoolean(defaultValue = false) {\n if (typeof defaultValue !== \"boolean\") {\n throw new Error(\"defaultValue must be `true` or `false`\");\n }\n const [value, setValue] = useState(defaultValue);\n const setTrue = useCallback(() => {\n setValue(true);\n }, []);\n const setFalse = useCallback(() => {\n setValue(false);\n }, []);\n const toggle = useCallback(() => {\n setValue((x) => !x);\n }, []);\n return { value, setValue, setTrue, setFalse, toggle };\n}\nvar useIsomorphicLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// src/useEventListener/useEventListener.ts\nfunction useEventListener(eventName, handler, element, options) {\n const savedHandler = useRef(handler);\n useIsomorphicLayoutEffect(() => {\n savedHandler.current = handler;\n }, [handler]);\n useEffect(() => {\n const targetElement = (element == null ? void 0 : element.current) ?? window;\n if (!(targetElement && targetElement.addEventListener))\n return;\n const listener = (event) => {\n savedHandler.current(event);\n };\n targetElement.addEventListener(eventName, listener, options);\n return () => {\n targetElement.removeEventListener(eventName, listener, options);\n };\n }, [eventName, element, options]);\n}\n\n// src/useClickAnyWhere/useClickAnyWhere.ts\nfunction useClickAnyWhere(handler) {\n useEventListener(\"click\", (event) => {\n handler(event);\n });\n}\nfunction useCopyToClipboard() {\n const [copiedText, setCopiedText] = useState(null);\n const copy = useCallback(async (text) => {\n if (!(navigator == null ? void 0 : navigator.clipboard)) {\n console.warn(\"Clipboard not supported\");\n return false;\n }\n try {\n await navigator.clipboard.writeText(text);\n setCopiedText(text);\n return true;\n } catch (error) {\n console.warn(\"Copy failed\", error);\n setCopiedText(null);\n return false;\n }\n }, []);\n return [copiedText, copy];\n}\nfunction useCounter(initialValue) {\n const [count, setCount] = useState(initialValue ?? 0);\n const increment = useCallback(() => {\n setCount((x) => x + 1);\n }, []);\n const decrement = useCallback(() => {\n setCount((x) => x - 1);\n }, []);\n const reset = useCallback(() => {\n setCount(initialValue ?? 0);\n }, [initialValue]);\n return {\n count,\n increment,\n decrement,\n reset,\n setCount\n };\n}\nfunction useInterval(callback, delay) {\n const savedCallback = useRef(callback);\n useIsomorphicLayoutEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n useEffect(() => {\n if (delay === null) {\n return;\n }\n const id = setInterval(() => {\n savedCallback.current();\n }, delay);\n return () => {\n clearInterval(id);\n };\n }, [delay]);\n}\n\n// src/useCountdown/useCountdown.ts\nfunction useCountdown({\n countStart,\n countStop = 0,\n intervalMs = 1e3,\n isIncrement = false\n}) {\n const {\n count,\n increment,\n decrement,\n reset: resetCounter\n } = useCounter(countStart);\n const {\n value: isCountdownRunning,\n setTrue: startCountdown,\n setFalse: stopCountdown\n } = useBoolean(false);\n const resetCountdown = useCallback(() => {\n stopCountdown();\n resetCounter();\n }, [stopCountdown, resetCounter]);\n const countdownCallback = useCallback(() => {\n if (count === countStop) {\n stopCountdown();\n return;\n }\n if (isIncrement) {\n increment();\n } else {\n decrement();\n }\n }, [count, countStop, decrement, increment, isIncrement, stopCountdown]);\n useInterval(countdownCallback, isCountdownRunning ? intervalMs : null);\n return [count, { startCountdown, stopCountdown, resetCountdown }];\n}\nfunction useEventCallback(fn) {\n const ref = useRef(() => {\n throw new Error(\"Cannot call an event handler while rendering.\");\n });\n useIsomorphicLayoutEffect(() => {\n ref.current = fn;\n }, [fn]);\n return useCallback((...args) => {\n var _a;\n return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);\n }, [ref]);\n}\n\n// src/useLocalStorage/useLocalStorage.ts\nvar IS_SERVER = typeof window === \"undefined\";\nfunction useLocalStorage(key, initialValue, options = {}) {\n const { initializeWithValue = true } = options;\n const serializer = useCallback(\n (value) => {\n if (options.serializer) {\n return options.serializer(value);\n }\n return JSON.stringify(value);\n },\n [options]\n );\n const deserializer = useCallback(\n (value) => {\n if (options.deserializer) {\n return options.deserializer(value);\n }\n if (value === \"undefined\") {\n return void 0;\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n let parsed;\n try {\n parsed = JSON.parse(value);\n } catch (error) {\n console.error(\"Error parsing JSON:\", error);\n return defaultValue;\n }\n return parsed;\n },\n [options, initialValue]\n );\n const readValue = useCallback(() => {\n const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n if (IS_SERVER) {\n return initialValueToUse;\n }\n try {\n const raw = window.localStorage.getItem(key);\n return raw ? deserializer(raw) : initialValueToUse;\n } catch (error) {\n console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n return initialValueToUse;\n }\n }, [initialValue, key, deserializer]);\n const [storedValue, setStoredValue] = useState(() => {\n if (initializeWithValue) {\n return readValue();\n }\n return initialValue instanceof Function ? initialValue() : initialValue;\n });\n const setValue = useEventCallback((value) => {\n if (IS_SERVER) {\n console.warn(\n `Tried setting localStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n try {\n const newValue = value instanceof Function ? value(readValue()) : value;\n window.localStorage.setItem(key, serializer(newValue));\n setStoredValue(newValue);\n window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n } catch (error) {\n console.warn(`Error setting localStorage key \\u201C${key}\\u201D:`, error);\n }\n });\n const removeValue = useEventCallback(() => {\n if (IS_SERVER) {\n console.warn(\n `Tried removing localStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n window.localStorage.removeItem(key);\n setStoredValue(defaultValue);\n window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n });\n useEffect(() => {\n setStoredValue(readValue());\n }, [key]);\n const handleStorageChange = useCallback(\n (event) => {\n if (event.key && event.key !== key) {\n return;\n }\n setStoredValue(readValue());\n },\n [key, readValue]\n );\n useEventListener(\"storage\", handleStorageChange);\n useEventListener(\"local-storage\", handleStorageChange);\n return [storedValue, setValue, removeValue];\n}\nvar IS_SERVER2 = typeof window === \"undefined\";\nfunction useMediaQuery(query, {\n defaultValue = false,\n initializeWithValue = true\n} = {}) {\n const getMatches = (query2) => {\n if (IS_SERVER2) {\n return defaultValue;\n }\n return window.matchMedia(query2).matches;\n };\n const [matches, setMatches] = useState(() => {\n if (initializeWithValue) {\n return getMatches(query);\n }\n return defaultValue;\n });\n function handleChange() {\n setMatches(getMatches(query));\n }\n useIsomorphicLayoutEffect(() => {\n const matchMedia = window.matchMedia(query);\n handleChange();\n if (matchMedia.addListener) {\n matchMedia.addListener(handleChange);\n } else {\n matchMedia.addEventListener(\"change\", handleChange);\n }\n return () => {\n if (matchMedia.removeListener) {\n matchMedia.removeListener(handleChange);\n } else {\n matchMedia.removeEventListener(\"change\", handleChange);\n }\n };\n }, [query]);\n return matches;\n}\n\n// src/useDarkMode/useDarkMode.ts\nvar COLOR_SCHEME_QUERY = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY = \"usehooks-ts-dark-mode\";\nfunction useDarkMode(options = {}) {\n const {\n defaultValue,\n localStorageKey = LOCAL_STORAGE_KEY,\n initializeWithValue = true\n } = options;\n const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY, {\n initializeWithValue,\n defaultValue\n });\n const [isDarkMode, setDarkMode] = useLocalStorage(\n localStorageKey,\n defaultValue ?? isDarkOS ?? false,\n { initializeWithValue }\n );\n useIsomorphicLayoutEffect(() => {\n if (isDarkOS !== isDarkMode) {\n setDarkMode(isDarkOS);\n }\n }, [isDarkOS]);\n return {\n isDarkMode,\n toggle: () => {\n setDarkMode((prev) => !prev);\n },\n enable: () => {\n setDarkMode(true);\n },\n disable: () => {\n setDarkMode(false);\n },\n set: (value) => {\n setDarkMode(value);\n }\n };\n}\nfunction useUnmount(func) {\n const funcRef = useRef(func);\n funcRef.current = func;\n useEffect(\n () => () => {\n funcRef.current();\n },\n []\n );\n}\n\n// src/useDebounceCallback/useDebounceCallback.ts\nfunction useDebounceCallback(func, delay = 500, options) {\n const debouncedFunc = useRef();\n useUnmount(() => {\n if (debouncedFunc.current) {\n debouncedFunc.current.cancel();\n }\n });\n const debounced = useMemo(() => {\n const debouncedFuncInstance = debounce(func, delay, options);\n const wrappedFunc = (...args) => {\n return debouncedFuncInstance(...args);\n };\n wrappedFunc.cancel = () => {\n debouncedFuncInstance.cancel();\n };\n wrappedFunc.isPending = () => {\n return !!debouncedFunc.current;\n };\n wrappedFunc.flush = () => {\n return debouncedFuncInstance.flush();\n };\n return wrappedFunc;\n }, [func, delay, options]);\n useEffect(() => {\n debouncedFunc.current = debounce(func, delay, options);\n }, [func, delay, options]);\n return debounced;\n}\nfunction useDebounceValue(initialValue, delay, options) {\n const eq = (options == null ? void 0 : options.equalityFn) ?? ((left, right) => left === right);\n const unwrappedInitialValue = initialValue instanceof Function ? initialValue() : initialValue;\n const [debouncedValue, setDebouncedValue] = useState(unwrappedInitialValue);\n const previousValueRef = useRef(unwrappedInitialValue);\n const updateDebouncedValue = useDebounceCallback(\n setDebouncedValue,\n delay,\n options\n );\n if (!eq(previousValueRef.current, unwrappedInitialValue)) {\n updateDebouncedValue(unwrappedInitialValue);\n previousValueRef.current = unwrappedInitialValue;\n }\n return [debouncedValue, updateDebouncedValue];\n}\nfunction useDocumentTitle(title, options = {}) {\n const { preserveTitleOnUnmount = true } = options;\n const defaultTitle = useRef(null);\n useIsomorphicLayoutEffect(() => {\n defaultTitle.current = window.document.title;\n }, []);\n useIsomorphicLayoutEffect(() => {\n window.document.title = title;\n }, [title]);\n useUnmount(() => {\n if (!preserveTitleOnUnmount && defaultTitle.current) {\n window.document.title = defaultTitle.current;\n }\n });\n}\nfunction useHover(elementRef) {\n const [value, setValue] = useState(false);\n const handleMouseEnter = () => {\n setValue(true);\n };\n const handleMouseLeave = () => {\n setValue(false);\n };\n useEventListener(\"mouseenter\", handleMouseEnter, elementRef);\n useEventListener(\"mouseleave\", handleMouseLeave, elementRef);\n return value;\n}\nfunction useIntersectionObserver({\n threshold = 0,\n root = null,\n rootMargin = \"0%\",\n freezeOnceVisible = false,\n initialIsIntersecting = false,\n onChange\n} = {}) {\n var _a;\n const [ref, setRef] = useState(null);\n const [state, setState] = useState(() => ({\n isIntersecting: initialIsIntersecting,\n entry: void 0\n }));\n const callbackRef = useRef();\n callbackRef.current = onChange;\n const frozen = ((_a = state.entry) == null ? void 0 : _a.isIntersecting) && freezeOnceVisible;\n useEffect(() => {\n if (!ref)\n return;\n if (!(\"IntersectionObserver\" in window))\n return;\n if (frozen)\n return;\n let unobserve;\n const observer = new IntersectionObserver(\n (entries) => {\n const thresholds = Array.isArray(observer.thresholds) ? observer.thresholds : [observer.thresholds];\n entries.forEach((entry) => {\n const isIntersecting = entry.isIntersecting && thresholds.some((threshold2) => entry.intersectionRatio >= threshold2);\n setState({ isIntersecting, entry });\n if (callbackRef.current) {\n callbackRef.current(isIntersecting, entry);\n }\n if (isIntersecting && freezeOnceVisible && unobserve) {\n unobserve();\n unobserve = void 0;\n }\n });\n },\n { threshold, root, rootMargin }\n );\n observer.observe(ref);\n return () => {\n observer.disconnect();\n };\n }, [\n ref,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n JSON.stringify(threshold),\n root,\n rootMargin,\n frozen,\n freezeOnceVisible\n ]);\n const prevRef = useRef(null);\n useEffect(() => {\n var _a2;\n if (!ref && ((_a2 = state.entry) == null ? void 0 : _a2.target) && !freezeOnceVisible && !frozen && prevRef.current !== state.entry.target) {\n prevRef.current = state.entry.target;\n setState({ isIntersecting: initialIsIntersecting, entry: void 0 });\n }\n }, [ref, state.entry, freezeOnceVisible, frozen, initialIsIntersecting]);\n const result = [\n setRef,\n !!state.isIntersecting,\n state.entry\n ];\n result.ref = result[0];\n result.isIntersecting = result[1];\n result.entry = result[2];\n return result;\n}\nfunction useIsClient() {\n const [isClient, setClient] = useState(false);\n useEffect(() => {\n setClient(true);\n }, []);\n return isClient;\n}\nfunction useIsMounted() {\n const isMounted = useRef(false);\n useEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n return useCallback(() => isMounted.current, []);\n}\nfunction useMap(initialState = /* @__PURE__ */ new Map()) {\n const [map, setMap] = useState(new Map(initialState));\n const actions = {\n set: useCallback((key, value) => {\n setMap((prev) => {\n const copy = new Map(prev);\n copy.set(key, value);\n return copy;\n });\n }, []),\n setAll: useCallback((entries) => {\n setMap(() => new Map(entries));\n }, []),\n remove: useCallback((key) => {\n setMap((prev) => {\n const copy = new Map(prev);\n copy.delete(key);\n return copy;\n });\n }, []),\n reset: useCallback(() => {\n setMap(() => /* @__PURE__ */ new Map());\n }, [])\n };\n return [map, actions];\n}\n\n// src/useOnClickOutside/useOnClickOutside.ts\nfunction useOnClickOutside(ref, handler, eventType = \"mousedown\", eventListenerOptions = {}) {\n useEventListener(\n eventType,\n (event) => {\n const target = event.target;\n if (!target || !target.isConnected) {\n return;\n }\n const isOutside = Array.isArray(ref) ? ref.filter((r) => Boolean(r.current)).every((r) => r.current && !r.current.contains(target)) : ref.current && !ref.current.contains(target);\n if (isOutside) {\n handler(event);\n }\n },\n void 0,\n eventListenerOptions\n );\n}\nvar IS_SERVER3 = typeof window === \"undefined\";\nfunction useReadLocalStorage(key, options = {}) {\n let { initializeWithValue = true } = options;\n if (IS_SERVER3) {\n initializeWithValue = false;\n }\n const deserializer = useCallback(\n (value) => {\n if (options.deserializer) {\n return options.deserializer(value);\n }\n if (value === \"undefined\") {\n return void 0;\n }\n let parsed;\n try {\n parsed = JSON.parse(value);\n } catch (error) {\n console.error(\"Error parsing JSON:\", error);\n return null;\n }\n return parsed;\n },\n [options]\n );\n const readValue = useCallback(() => {\n if (IS_SERVER3) {\n return null;\n }\n try {\n const raw = window.localStorage.getItem(key);\n return raw ? deserializer(raw) : null;\n } catch (error) {\n console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n return null;\n }\n }, [key, deserializer]);\n const [storedValue, setStoredValue] = useState(() => {\n if (initializeWithValue) {\n return readValue();\n }\n return void 0;\n });\n useEffect(() => {\n setStoredValue(readValue());\n }, [key]);\n const handleStorageChange = useCallback(\n (event) => {\n if (event.key && event.key !== key) {\n return;\n }\n setStoredValue(readValue());\n },\n [key, readValue]\n );\n useEventListener(\"storage\", handleStorageChange);\n useEventListener(\"local-storage\", handleStorageChange);\n return storedValue;\n}\nvar initialSize = {\n width: void 0,\n height: void 0\n};\nfunction useResizeObserver(options) {\n const { ref, box = \"content-box\" } = options;\n const [{ width, height }, setSize] = useState(initialSize);\n const isMounted = useIsMounted();\n const previousSize = useRef({ ...initialSize });\n const onResize = useRef(void 0);\n onResize.current = options.onResize;\n useEffect(() => {\n if (!ref.current)\n return;\n if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window))\n return;\n const observer = new ResizeObserver(([entry]) => {\n const boxProp = box === \"border-box\" ? \"borderBoxSize\" : box === \"device-pixel-content-box\" ? \"devicePixelContentBoxSize\" : \"contentBoxSize\";\n const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n const newHeight = extractSize(entry, boxProp, \"blockSize\");\n const hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n if (hasChanged) {\n const newSize = { width: newWidth, height: newHeight };\n previousSize.current.width = newWidth;\n previousSize.current.height = newHeight;\n if (onResize.current) {\n onResize.current(newSize);\n } else {\n if (isMounted()) {\n setSize(newSize);\n }\n }\n }\n });\n observer.observe(ref.current, { box });\n return () => {\n observer.disconnect();\n };\n }, [box, ref, isMounted]);\n return { width, height };\n}\nfunction extractSize(entry, box, sizeType) {\n if (!entry[box]) {\n if (box === \"contentBoxSize\") {\n return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n }\n return void 0;\n }\n return Array.isArray(entry[box]) ? entry[box][0][sizeType] : (\n // @ts-ignore Support Firefox's non-standard behavior\n entry[box][sizeType]\n );\n}\nvar IS_SERVER4 = typeof window === \"undefined\";\nfunction useScreen(options = {}) {\n let { initializeWithValue = true } = options;\n if (IS_SERVER4) {\n initializeWithValue = false;\n }\n const readScreen = () => {\n if (IS_SERVER4) {\n return void 0;\n }\n return window.screen;\n };\n const [screen, setScreen] = useState(() => {\n if (initializeWithValue) {\n return readScreen();\n }\n return void 0;\n });\n const debouncedSetScreen = useDebounceCallback(\n setScreen,\n options.debounceDelay\n );\n function handleSize() {\n const newScreen = readScreen();\n const setSize = options.debounceDelay ? debouncedSetScreen : setScreen;\n if (newScreen) {\n const {\n width,\n height,\n availHeight,\n availWidth,\n colorDepth,\n orientation,\n pixelDepth\n } = newScreen;\n setSize({\n width,\n height,\n availHeight,\n availWidth,\n colorDepth,\n orientation,\n pixelDepth\n });\n }\n }\n useEventListener(\"resize\", handleSize);\n useIsomorphicLayoutEffect(() => {\n handleSize();\n }, []);\n return screen;\n}\nvar cachedScriptStatuses = /* @__PURE__ */ new Map();\nfunction getScriptNode(src) {\n const node = document.querySelector(\n `script[src=\"${src}\"]`\n );\n const status = node == null ? void 0 : node.getAttribute(\"data-status\");\n return {\n node,\n status\n };\n}\nfunction useScript(src, options) {\n const [status, setStatus] = useState(() => {\n if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n return \"idle\";\n }\n if (typeof window === \"undefined\") {\n return \"loading\";\n }\n return cachedScriptStatuses.get(src) ?? \"loading\";\n });\n useEffect(() => {\n if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n return;\n }\n const cachedScriptStatus = cachedScriptStatuses.get(src);\n if (cachedScriptStatus === \"ready\" || cachedScriptStatus === \"error\") {\n setStatus(cachedScriptStatus);\n return;\n }\n const script = getScriptNode(src);\n let scriptNode = script.node;\n if (!scriptNode) {\n scriptNode = document.createElement(\"script\");\n scriptNode.src = src;\n scriptNode.async = true;\n if (options == null ? void 0 : options.id) {\n scriptNode.id = options.id;\n }\n scriptNode.setAttribute(\"data-status\", \"loading\");\n document.body.appendChild(scriptNode);\n const setAttributeFromEvent = (event) => {\n const scriptStatus = event.type === \"load\" ? \"ready\" : \"error\";\n scriptNode == null ? void 0 : scriptNode.setAttribute(\"data-status\", scriptStatus);\n };\n scriptNode.addEventListener(\"load\", setAttributeFromEvent);\n scriptNode.addEventListener(\"error\", setAttributeFromEvent);\n } else {\n setStatus(script.status ?? cachedScriptStatus ?? \"loading\");\n }\n const setStateFromEvent = (event) => {\n const newStatus = event.type === \"load\" ? \"ready\" : \"error\";\n setStatus(newStatus);\n cachedScriptStatuses.set(src, newStatus);\n };\n scriptNode.addEventListener(\"load\", setStateFromEvent);\n scriptNode.addEventListener(\"error\", setStateFromEvent);\n return () => {\n if (scriptNode) {\n scriptNode.removeEventListener(\"load\", setStateFromEvent);\n scriptNode.removeEventListener(\"error\", setStateFromEvent);\n }\n if (scriptNode && (options == null ? void 0 : options.removeOnUnmount)) {\n scriptNode.remove();\n cachedScriptStatuses.delete(src);\n }\n };\n }, [src, options == null ? void 0 : options.shouldPreventLoad, options == null ? void 0 : options.removeOnUnmount, options == null ? void 0 : options.id]);\n return status;\n}\nvar IS_SERVER5 = typeof window === \"undefined\";\nfunction useScrollLock(options = {}) {\n const { autoLock = true, lockTarget, widthReflow = true } = options;\n const [isLocked, setIsLocked] = useState(false);\n const target = useRef(null);\n const originalStyle = useRef(null);\n const lock = () => {\n if (target.current) {\n const { overflow, paddingRight } = target.current.style;\n originalStyle.current = { overflow, paddingRight };\n if (widthReflow) {\n const offsetWidth = target.current === document.body ? window.innerWidth : target.current.offsetWidth;\n const currentPaddingRight = parseInt(window.getComputedStyle(target.current).paddingRight, 10) || 0;\n const scrollbarWidth = offsetWidth - target.current.scrollWidth;\n target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`;\n }\n target.current.style.overflow = \"hidden\";\n setIsLocked(true);\n }\n };\n const unlock = () => {\n if (target.current && originalStyle.current) {\n target.current.style.overflow = originalStyle.current.overflow;\n if (widthReflow) {\n target.current.style.paddingRight = originalStyle.current.paddingRight;\n }\n }\n setIsLocked(false);\n };\n useIsomorphicLayoutEffect(() => {\n if (IS_SERVER5)\n return;\n if (lockTarget) {\n target.current = typeof lockTarget === \"string\" ? document.querySelector(lockTarget) : lockTarget;\n }\n if (!target.current) {\n target.current = document.body;\n }\n if (autoLock) {\n lock();\n }\n return () => {\n unlock();\n };\n }, [autoLock, lockTarget, widthReflow]);\n return { isLocked, lock, unlock };\n}\nvar IS_SERVER6 = typeof window === \"undefined\";\nfunction useSessionStorage(key, initialValue, options = {}) {\n const { initializeWithValue = true } = options;\n const serializer = useCallback(\n (value) => {\n if (options.serializer) {\n return options.serializer(value);\n }\n return JSON.stringify(value);\n },\n [options]\n );\n const deserializer = useCallback(\n (value) => {\n if (options.deserializer) {\n return options.deserializer(value);\n }\n if (value === \"undefined\") {\n return void 0;\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n let parsed;\n try {\n parsed = JSON.parse(value);\n } catch (error) {\n console.error(\"Error parsing JSON:\", error);\n return defaultValue;\n }\n return parsed;\n },\n [options, initialValue]\n );\n const readValue = useCallback(() => {\n const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n if (IS_SERVER6) {\n return initialValueToUse;\n }\n try {\n const raw = window.sessionStorage.getItem(key);\n return raw ? deserializer(raw) : initialValueToUse;\n } catch (error) {\n console.warn(`Error reading sessionStorage key \\u201C${key}\\u201D:`, error);\n return initialValueToUse;\n }\n }, [initialValue, key, deserializer]);\n const [storedValue, setStoredValue] = useState(() => {\n if (initializeWithValue) {\n return readValue();\n }\n return initialValue instanceof Function ? initialValue() : initialValue;\n });\n const setValue = useEventCallback((value) => {\n if (IS_SERVER6) {\n console.warn(\n `Tried setting sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n try {\n const newValue = value instanceof Function ? value(readValue()) : value;\n window.sessionStorage.setItem(key, serializer(newValue));\n setStoredValue(newValue);\n window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n } catch (error) {\n console.warn(`Error setting sessionStorage key \\u201C${key}\\u201D:`, error);\n }\n });\n const removeValue = useEventCallback(() => {\n if (IS_SERVER6) {\n console.warn(\n `Tried removing sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n window.sessionStorage.removeItem(key);\n setStoredValue(defaultValue);\n window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n });\n useEffect(() => {\n setStoredValue(readValue());\n }, [key]);\n const handleStorageChange = useCallback(\n (event) => {\n if (event.key && event.key !== key) {\n return;\n }\n setStoredValue(readValue());\n },\n [key, readValue]\n );\n useEventListener(\"storage\", handleStorageChange);\n useEventListener(\"session-storage\", handleStorageChange);\n return [storedValue, setValue, removeValue];\n}\nfunction useStep(maxStep) {\n const [currentStep, setCurrentStep] = useState(1);\n const canGoToNextStep = currentStep + 1 <= maxStep;\n const canGoToPrevStep = currentStep - 1 > 0;\n const setStep = useCallback(\n (step) => {\n const newStep = step instanceof Function ? step(currentStep) : step;\n if (newStep >= 1 && newStep <= maxStep) {\n setCurrentStep(newStep);\n return;\n }\n throw new Error(\"Step not valid\");\n },\n [maxStep, currentStep]\n );\n const goToNextStep = useCallback(() => {\n if (canGoToNextStep) {\n setCurrentStep((step) => step + 1);\n }\n }, [canGoToNextStep]);\n const goToPrevStep = useCallback(() => {\n if (canGoToPrevStep) {\n setCurrentStep((step) => step - 1);\n }\n }, [canGoToPrevStep]);\n const reset = useCallback(() => {\n setCurrentStep(1);\n }, []);\n return [\n currentStep,\n {\n goToNextStep,\n goToPrevStep,\n canGoToNextStep,\n canGoToPrevStep,\n setStep,\n reset\n }\n ];\n}\n\n// src/useTernaryDarkMode/useTernaryDarkMode.ts\nvar COLOR_SCHEME_QUERY2 = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY2 = \"usehooks-ts-ternary-dark-mode\";\nfunction useTernaryDarkMode({\n defaultValue = \"system\",\n localStorageKey = LOCAL_STORAGE_KEY2,\n initializeWithValue = true\n} = {}) {\n const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY2, { initializeWithValue });\n const [mode, setMode] = useLocalStorage(localStorageKey, defaultValue, {\n initializeWithValue\n });\n const isDarkMode = mode === \"dark\" || mode === \"system\" && isDarkOS;\n const toggleTernaryDarkMode = () => {\n const modes = [\"light\", \"system\", \"dark\"];\n setMode((prevMode) => {\n const nextIndex = (modes.indexOf(prevMode) + 1) % modes.length;\n return modes[nextIndex];\n });\n };\n return {\n isDarkMode,\n ternaryDarkMode: mode,\n setTernaryDarkMode: setMode,\n toggleTernaryDarkMode\n };\n}\nfunction useTimeout(callback, delay) {\n const savedCallback = useRef(callback);\n useIsomorphicLayoutEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n useEffect(() => {\n if (!delay && delay !== 0) {\n return;\n }\n const id = setTimeout(() => {\n savedCallback.current();\n }, delay);\n return () => {\n clearTimeout(id);\n };\n }, [delay]);\n}\nfunction useToggle(defaultValue) {\n const [value, setValue] = useState(!!defaultValue);\n const toggle = useCallback(() => {\n setValue((x) => !x);\n }, []);\n return [value, toggle, setValue];\n}\nvar IS_SERVER7 = typeof window === \"undefined\";\nfunction useWindowSize(options = {}) {\n let { initializeWithValue = true } = options;\n if (IS_SERVER7) {\n initializeWithValue = false;\n }\n const [windowSize, setWindowSize] = useState(() => {\n if (initializeWithValue) {\n return {\n width: window.innerWidth,\n height: window.innerHeight\n };\n }\n return {\n width: void 0,\n height: void 0\n };\n });\n const debouncedSetWindowSize = useDebounceCallback(\n setWindowSize,\n options.debounceDelay\n );\n function handleSize() {\n const setSize = options.debounceDelay ? debouncedSetWindowSize : setWindowSize;\n setSize({\n width: window.innerWidth,\n height: window.innerHeight\n });\n }\n useEventListener(\"resize\", handleSize);\n useIsomorphicLayoutEffect(() => {\n handleSize();\n }, []);\n return windowSize;\n}\n\nexport { useBoolean, useClickAnyWhere, useCopyToClipboard, useCountdown, useCounter, useDarkMode, useDebounceCallback, useDebounceValue, useDocumentTitle, useEventCallback, useEventListener, useHover, useIntersectionObserver, useInterval, useIsClient, useIsMounted, useIsomorphicLayoutEffect, useLocalStorage, useMap, useMediaQuery, useOnClickOutside, useReadLocalStorage, useResizeObserver, useScreen, useScript, useScrollLock, useSessionStorage, useStep, useTernaryDarkMode, useTimeout, useToggle, useUnmount, useWindowSize };\n","import { RemoteTrackPublication } from 'livekit-client';\r\nimport * as React from 'react';\r\nimport { useMediaTrackBySourceOrName } from '../../hooks/useMediaTrackBySourceOrName';\r\nimport type { ParticipantClickEvent, TrackReference } from '@livekit/components-core';\r\nimport { useEnsureTrackRef } from '../../context';\r\nimport * as useHooks from 'usehooks-ts';\r\n\r\n/** @public */\r\nexport interface VideoTrackProps extends React.VideoHTMLAttributes {\r\n /** The track reference of the track to render. */\r\n trackRef?: TrackReference;\r\n onTrackClick?: (evt: ParticipantClickEvent) => void;\r\n onSubscriptionStatusChanged?: (subscribed: boolean) => void;\r\n manageSubscription?: boolean;\r\n}\r\n\r\n/**\r\n * The `VideoTrack` component is responsible for rendering participant video tracks like `camera` and `screen_share`.\r\n * This component must have access to the participant's context, or alternatively pass it a `Participant` as a property.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * ```\r\n * @see {@link @livekit/components-react#ParticipantTile | ParticipantTile}\r\n * @public\r\n */\r\nexport const VideoTrack: (\r\n props: VideoTrackProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function VideoTrack(\r\n {\r\n onTrackClick,\r\n onClick,\r\n onSubscriptionStatusChanged,\r\n trackRef,\r\n manageSubscription,\r\n ...props\r\n }: VideoTrackProps,\r\n ref,\r\n ) {\r\n const trackReference = useEnsureTrackRef(trackRef);\r\n\r\n const mediaEl = React.useRef(null);\r\n React.useImperativeHandle(ref, () => mediaEl.current as HTMLVideoElement);\r\n\r\n const intersectionEntry = useHooks.useIntersectionObserver({ root: mediaEl.current });\r\n\r\n const [debouncedIntersectionEntry] = useHooks.useDebounceValue(intersectionEntry, 3000);\r\n\r\n React.useEffect(() => {\r\n if (\r\n manageSubscription &&\r\n trackReference.publication instanceof RemoteTrackPublication &&\r\n debouncedIntersectionEntry?.isIntersecting === false &&\r\n intersectionEntry?.isIntersecting === false\r\n ) {\r\n trackReference.publication.setSubscribed(false);\r\n }\r\n }, [debouncedIntersectionEntry, trackReference, manageSubscription]);\r\n\r\n React.useEffect(() => {\r\n if (\r\n manageSubscription &&\r\n trackReference.publication instanceof RemoteTrackPublication &&\r\n intersectionEntry?.isIntersecting === true\r\n ) {\r\n trackReference.publication.setSubscribed(true);\r\n }\r\n }, [intersectionEntry, trackReference, manageSubscription]);\r\n\r\n const {\r\n elementProps,\r\n publication: pub,\r\n isSubscribed,\r\n } = useMediaTrackBySourceOrName(trackReference, {\r\n element: mediaEl,\r\n props,\r\n });\r\n\r\n React.useEffect(() => {\r\n onSubscriptionStatusChanged?.(!!isSubscribed);\r\n }, [isSubscribed, onSubscriptionStatusChanged]);\r\n\r\n const clickHandler = (evt: React.MouseEvent) => {\r\n onClick?.(evt);\r\n onTrackClick?.({ participant: trackReference?.participant, track: pub });\r\n };\r\n\r\n return ;\r\n },\r\n);\r\n","import * as React from 'react';\r\nimport { useMediaTrackBySourceOrName } from '../../hooks/useMediaTrackBySourceOrName';\r\nimport type { TrackReference } from '@livekit/components-core';\r\nimport { log } from '@livekit/components-core';\r\nimport { RemoteAudioTrack, RemoteTrackPublication } from 'livekit-client';\r\nimport { useEnsureTrackRef } from '../../context';\r\n\r\n/** @public */\r\nexport interface AudioTrackProps extends React.AudioHTMLAttributes {\r\n /** The track reference of the track from which the audio is to be rendered. */\r\n trackRef?: TrackReference;\r\n\r\n onSubscriptionStatusChanged?: (subscribed: boolean) => void;\r\n /** Sets the volume of the audio track. By default, the range is between `0.0` and `1.0`. */\r\n volume?: number;\r\n /**\r\n * Mutes the audio track if set to `true`.\r\n * @remarks\r\n * If set to `true`, the server will stop sending audio track data to the client.\r\n * @alpha\r\n */\r\n muted?: boolean;\r\n}\r\n\r\n/**\r\n * The AudioTrack component is responsible for rendering participant audio tracks.\r\n * This component must have access to the participant's context, or alternatively pass it a `Participant` as a property.\r\n *\r\n * @example\r\n * ```tsx\r\n * \r\n * \r\n * \r\n * ```\r\n *\r\n * @see `ParticipantTile` component\r\n * @public\r\n */\r\nexport const AudioTrack: (\r\n props: AudioTrackProps & React.RefAttributes,\r\n) => React.ReactNode = /* @__PURE__ */ React.forwardRef(\r\n function AudioTrack(\r\n { trackRef, onSubscriptionStatusChanged, volume, ...props }: AudioTrackProps,\r\n ref,\r\n ) {\r\n const trackReference = useEnsureTrackRef(trackRef);\r\n\r\n const mediaEl = React.useRef(null);\r\n React.useImperativeHandle(ref, () => mediaEl.current as HTMLAudioElement);\r\n\r\n const {\r\n elementProps,\r\n isSubscribed,\r\n track,\r\n publication: pub,\r\n } = useMediaTrackBySourceOrName(trackReference, {\r\n element: mediaEl,\r\n props,\r\n });\r\n\r\n React.useEffect(() => {\r\n onSubscriptionStatusChanged?.(!!isSubscribed);\r\n }, [isSubscribed, onSubscriptionStatusChanged]);\r\n\r\n React.useEffect(() => {\r\n if (track === undefined || volume === undefined) {\r\n return;\r\n }\r\n if (track instanceof RemoteAudioTrack) {\r\n track.setVolume(volume);\r\n } else {\r\n log.warn('Volume can only be set on remote audio tracks.');\r\n }\r\n }, [volume, track]);\r\n\r\n React.useEffect(() => {\r\n if (pub === undefined || props.muted === undefined) {\r\n return;\r\n }\r\n if (pub instanceof RemoteTrackPublication) {\r\n pub.setEnabled(!props.muted);\r\n } else {\r\n log.warn('Can only call setEnabled on remote track publications.');\r\n }\r\n }, [props.muted, pub, track]);\r\n\r\n return