@werxt/livekit-components-react 2.9.20

package/dist/components/ChatEntry.d.ts

@@ -0,0 +1,35 @@
+import { ReceivedChatMessage } from '@livekit/components-core';
+import * as React from 'react';
+/** @public */
+export type MessageFormatter = (message: string) => React.ReactNode;
+/**
+ * ChatEntry composes the HTML div element under the hood, so you can pass all its props.
+ * These are the props specific to the ChatEntry component:
+ * @public
+ */
+export interface ChatEntryProps extends React.HTMLAttributes<HTMLLIElement> {
+    /** The chat massage object to display. */
+    entry: ReceivedChatMessage;
+    /** Hide sender name. Useful when displaying multiple consecutive chat messages from the same person. */
+    hideName?: boolean;
+    /** Hide message timestamp. */
+    hideTimestamp?: boolean;
+    /** An optional formatter for the message body. */
+    messageFormatter?: MessageFormatter;
+}
+/**
+ * The `ChatEntry` component holds and displays one chat message.
+ *
+ * @example
+ * ```tsx
+ * <Chat>
+ *   <ChatEntry />
+ * </Chat>
+ * ```
+ * @see `Chat`
+ * @public
+ */
+export declare const ChatEntry: (props: ChatEntryProps & React.RefAttributes<HTMLLIElement>) => React.ReactNode;
+/** @public */
+export declare function formatChatMessageLinks(message: string): React.ReactNode;
+//# sourceMappingURL=ChatEntry.d.ts.map

package/dist/components/ChatEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatEntry.d.ts","sourceRoot":"","sources":["../../src/components/ChatEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,cAAc;AACd,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;AAEpE;;;;GAIG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IACzE,0CAA0C;IAC1C,KAAK,EAAE,mBAAmB,CAAC;IAC3B,wGAAwG;IACxG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,EAAE,CACtB,KAAK,EAAE,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,KACvD,KAAK,CAAC,SAoDV,CAAC;AAEF,cAAc;AACd,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAmBvE"}

package/dist/components/ConnectionState.d.ts

@@ -0,0 +1,23 @@
+import { Room } from 'livekit-client';
+import * as React from 'react';
+/** @public */
+export interface ConnectionStatusProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The room from which the connection status should be displayed.
+     */
+    room?: Room;
+}
+/**
+ * The `ConnectionState` component displays the connection status of the room as strings
+ * (`"connected" | "connecting" | "disconnected" | "reconnecting"`).
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <ConnectionState />
+ * </LiveKitRoom>
+ * ```
+ * @public
+ */
+export declare const ConnectionState: (props: ConnectionStatusProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode;
+//# sourceMappingURL=ConnectionState.d.ts.map

package/dist/components/ConnectionState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionState.d.ts","sourceRoot":"","sources":["../../src/components/ConnectionState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,cAAc;AACd,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,CAC5B,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC/D,KAAK,CAAC,SASV,CAAC"}

package/dist/components/ConnectionStateToast.d.ts

@@ -0,0 +1,13 @@
+import { Room } from 'livekit-client';
+import * as React from 'react';
+/** @public */
+export interface ConnectionStateToastProps extends React.HTMLAttributes<HTMLDivElement> {
+    room?: Room;
+}
+/**
+ * The `ConnectionStateToast` component displays a toast
+ * notification indicating the current connection state of the room.
+ * @public
+ */
+export declare function ConnectionStateToast(props: ConnectionStateToastProps): React.JSX.Element;
+//# sourceMappingURL=ConnectionStateToast.d.ts.map

package/dist/components/ConnectionStateToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionStateToast.d.ts","sourceRoot":"","sources":["../../src/components/ConnectionStateToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,cAAc;AACd,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrF,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBA6BpE"}

package/dist/components/LiveKitRoom.d.ts

@@ -0,0 +1,92 @@
+import { AudioCaptureOptions, DisconnectReason, RoomConnectOptions, RoomOptions, ScreenShareCaptureOptions, VideoCaptureOptions, MediaDeviceFailure, Room } from 'livekit-client';
+import { FeatureFlags } from '../context';
+import * as React from 'react';
+/** @public */
+export interface LiveKitRoomProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onError'> {
+    /**
+     * URL to the LiveKit server.
+     * For example: `wss://<domain>.livekit.cloud`
+     * To simplify the implementation, `undefined` is also accepted as an intermediate value, but only with a valid string url can the connection be established.
+     */
+    serverUrl: string | undefined;
+    /**
+     * A user specific access token for a client to authenticate to the room.
+     * This token is necessary to establish a connection to the room.
+     * To simplify the implementation, `undefined` is also accepted as an intermediate value, but only with a valid string token can the connection be established.
+     *
+     * @see https://docs.livekit.io/cloud/project-management/keys-and-tokens/#generating-access-tokens
+     */
+    token: string | undefined;
+    /**
+     * Publish audio immediately after connecting to your LiveKit room.
+     * @defaultValue `false`
+     * @see https://docs.livekit.io/client-sdk-js/interfaces/AudioCaptureOptions.html
+     */
+    audio?: AudioCaptureOptions | boolean;
+    /**
+     * Publish video immediately after connecting to your LiveKit room.
+     * @defaultValue `false`
+     * @see https://docs.livekit.io/client-sdk-js/interfaces/VideoCaptureOptions.html
+     */
+    video?: VideoCaptureOptions | boolean;
+    /**
+     * Publish screen share immediately after connecting to your LiveKit room.
+     * @defaultValue `false`
+     * @see https://docs.livekit.io/client-sdk-js/interfaces/ScreenShareCaptureOptions.html
+     */
+    screen?: ScreenShareCaptureOptions | boolean;
+    /**
+     * If set to true a connection to LiveKit room is initiated.
+     * @defaultValue `true`
+     */
+    connect?: boolean;
+    /**
+     * Options for when creating a new room.
+     * When you pass your own room instance to this component, these options have no effect.
+     * Instead, set the options directly in the room instance.
+     *
+     * @see https://docs.livekit.io/client-sdk-js/interfaces/RoomOptions.html
+     */
+    options?: RoomOptions;
+    /**
+     * Define options how to connect to the LiveKit server.
+     *
+     * @see https://docs.livekit.io/client-sdk-js/interfaces/RoomConnectOptions.html
+     */
+    connectOptions?: RoomConnectOptions;
+    onConnected?: () => void;
+    onDisconnected?: (reason?: DisconnectReason) => void;
+    onError?: (error: Error) => void;
+    onMediaDeviceFailure?: (failure?: MediaDeviceFailure, kind?: MediaDeviceKind) => void;
+    onEncryptionError?: (error: Error) => void;
+    /**
+     * Optional room instance.
+     * By passing your own room instance you overwrite the `options` parameter,
+     * make sure to set the options directly on the room instance itself.
+     */
+    room?: Room;
+    simulateParticipants?: number | undefined;
+    /**
+     * @internal
+     */
+    featureFlags?: FeatureFlags;
+}
+/**
+ * The `LiveKitRoom` component provides the room context to all its child components.
+ * It is generally the starting point of your LiveKit app and the root of the LiveKit component tree.
+ * It provides the room state as a React context to all child components, so you don't have to pass it yourself.
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom
+ *  token='<livekit-token>'
+ *  serverUrl='<url-to-livekit-server>'
+ *  connect={true}
+ * >
+ *     ...
+ * </LiveKitRoom>
+ * ```
+ * @public
+ */
+export declare const LiveKitRoom: (props: React.PropsWithChildren<LiveKitRoomProps> & React.RefAttributes<HTMLDivElement>) => React.ReactNode;
+//# sourceMappingURL=LiveKitRoom.d.ts.map

package/dist/components/LiveKitRoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveKitRoom.d.ts","sourceRoot":"","sources":["../../src/components/LiveKitRoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,yBAAyB,EACzB,mBAAmB,EACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,YAAY,EAAiC,MAAM,YAAY,CAAC;AAG9E,cAAc;AACd,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC7F;;;;OAIG;IACH,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC;IACtC;;;;OAIG;IACH,KAAK,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC;IACtC;;;;OAIG;IACH,MAAM,CAAC,EAAE,yBAAyB,GAAG,OAAO,CAAC;IAC7C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,kBAAkB,EAAE,IAAI,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACtF,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,oBAAoB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1C;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,EAAE,CACxB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KACnF,KAAK,CAAC,SAgBT,CAAC"}

package/dist/components/ParticipantLoop.d.ts

@@ -0,0 +1,28 @@
+import { Participant } from 'livekit-client';
+import * as React from 'react';
+/** @public */
+export interface ParticipantLoopProps {
+    /** The participants to loop over. Use `useParticipants()` hook to get participants. */
+    participants: Participant[];
+    /** The template component to be used in the loop. */
+    children: React.ReactNode;
+}
+/**
+ * The `ParticipantLoop` component loops over an array of participants to create a context for every participant.
+ * This component takes exactly one child component as a template.
+ * By providing your own template as a child you have full control over the look and feel of your participant representations.
+ *
+ * @remarks
+ * If you want to loop over individual tracks instead of participants, you can use the `TrackLoop` component.
+ *
+ * @example
+ * ```tsx
+ * const participants = useParticipants();
+ * <ParticipantLoop participants={participants}>
+ *   <ParticipantName />
+ * </ParticipantLoop>
+ * ```
+ * @public
+ */
+export declare function ParticipantLoop({ participants, ...props }: ParticipantLoopProps): React.JSX.Element;
+//# sourceMappingURL=ParticipantLoop.d.ts.map

package/dist/components/ParticipantLoop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantLoop.d.ts","sourceRoot":"","sources":["../../src/components/ParticipantLoop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,cAAc;AACd,MAAM,WAAW,oBAAoB;IACnC,uFAAuF;IACvF,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAU/E"}

package/dist/components/RoomAudioRenderer.d.ts

@@ -0,0 +1,29 @@
+import { Room } from 'livekit-client';
+import * as React from 'react';
+/** @public */
+export interface RoomAudioRendererProps {
+    room?: Room;
+    /** Sets the volume for all audio tracks rendered by this component. By default, the range is between `0.0` and `1.0`. */
+    volume?: number;
+    /**
+     * If set to `true`, mutes all audio tracks rendered by the component.
+     * @remarks
+     * If set to `true`, the server will stop sending audio track data to the client.
+     * @alpha
+     */
+    muted?: boolean;
+}
+/**
+ * The `RoomAudioRenderer` component is a drop-in solution for adding audio to your LiveKit app.
+ * It takes care of handling remote participants’ audio tracks and makes sure that microphones and screen share are audible.
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <RoomAudioRenderer />
+ * </LiveKitRoom>
+ * ```
+ * @public
+ */
+export declare function RoomAudioRenderer({ room, volume, muted }: RoomAudioRendererProps): React.JSX.Element;
+//# sourceMappingURL=RoomAudioRenderer.d.ts.map

package/dist/components/RoomAudioRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoomAudioRenderer.d.ts","sourceRoot":"","sources":["../../src/components/RoomAudioRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAS,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,cAAc;AACd,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,yHAAyH;IACzH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,sBAAsB,qBAsBhF"}

package/dist/components/RoomName.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+/** @public */
+export interface RoomNameProps extends React.HTMLAttributes<HTMLSpanElement> {
+    childrenPosition?: 'before' | 'after';
+}
+/**
+ * The `RoomName` component renders the name of the connected LiveKit room inside a span tag.
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <RoomName />
+ * </LiveKitRoom>
+ * ```
+ * @public
+ *
+ * @param props - RoomNameProps
+ */
+export declare const RoomName: React.FC<RoomNameProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=RoomName.d.ts.map

package/dist/components/RoomName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoomName.d.ts","sourceRoot":"","sources":["../../src/components/RoomName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,cAAc;AACd,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC1E,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CACvC;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAchF,CAAC"}

package/dist/components/SessionProvider.d.ts

@@ -0,0 +1,13 @@
+import { UseSessionReturn } from '../hooks';
+import * as React from 'react';
+/** @beta */
+export type SessionProviderProps = {
+    session: UseSessionReturn;
+    children: React.ReactNode;
+};
+/**
+ * The `SessionProvider` component instantiates a SessionContext from the return of useSession
+ * @beta
+ */
+export declare function SessionProvider(props: SessionProviderProps): React.JSX.Element;
+//# sourceMappingURL=SessionProvider.d.ts.map

package/dist/components/SessionProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionProvider.d.ts","sourceRoot":"","sources":["../../src/components/SessionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5C,YAAY;AACZ,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAM1D"}

package/dist/components/Toast.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+/**
+ * The `Toast` component is a rudimentary way to display a message to the user.
+ * This message should be short lived and not require user interaction.
+ * For example, displaying the current connection state like `ConnectionStateToast` does.
+ *
+ * @example
+ * ```tsx
+ * <Toast>Connecting...</Toast>
+ * ```
+ * @public
+ */
+export declare function Toast(props: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAGhE"}

package/dist/components/TrackLoop.d.ts

@@ -0,0 +1,26 @@
+import { TrackReference, TrackReferenceOrPlaceholder } from '@livekit/components-core';
+import * as React from 'react';
+/** @public */
+export interface TrackLoopProps {
+    /** Track references to loop over. You can the use `useTracks()` hook to get TrackReferences. */
+    tracks: TrackReference[] | TrackReferenceOrPlaceholder[];
+    /** The template component to be used in the loop. */
+    children: React.ReactNode;
+}
+/**
+ * The `TrackLoop` component loops over tracks. It is for example a easy way to loop over all participant camera and screen share tracks.
+ * `TrackLoop` creates a `TrackRefContext` for each track that you can use to e.g. render the track.
+ *
+ * @example
+ * ```tsx
+ * const trackRefs = useTracks([Track.Source.Camera]);
+ * <TrackLoop tracks={trackRefs} >
+ *  <TrackRefContext.Consumer>
+ *    {(trackRef) => trackRef && <VideoTrack trackRef={trackRef}/>}
+ *  </TrackRefContext.Consumer>
+ * </TrackLoop>
+ * ```
+ * @public
+ */
+export declare function TrackLoop({ tracks, ...props }: TrackLoopProps): React.JSX.Element;
+//# sourceMappingURL=TrackLoop.d.ts.map

package/dist/components/TrackLoop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackLoop.d.ts","sourceRoot":"","sources":["../../src/components/TrackLoop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAC5F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,cAAc;AACd,MAAM,WAAW,cAAc;IAC7B,gGAAgG;IAChG,MAAM,EAAE,cAAc,EAAE,GAAG,2BAA2B,EAAE,CAAC;IACzD,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAe7D"}

package/dist/components/controls/ChatToggle.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+/** @public */
+export interface ChatToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+/**
+ * The `ChatToggle` component is a button that toggles the visibility of the `Chat` component.
+ * @remarks
+ * For the component to have any effect it has to live inside a `LayoutContext` context.
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <ToggleChat />
+ * </LiveKitRoom>
+ * ```
+ * @public
+ */
+export declare const ChatToggle: (props: ChatToggleProps & React.RefAttributes<HTMLButtonElement>) => React.ReactNode;
+//# sourceMappingURL=ChatToggle.d.ts.map

package/dist/components/controls/ChatToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatToggle.d.ts","sourceRoot":"","sources":["../../../src/components/controls/ChatToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,cAAc;AACd,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEzF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,CACvB,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAC5D,KAAK,CAAC,SAUV,CAAC"}

package/dist/components/controls/ClearPinButton.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+/** @public */
+export interface ClearPinButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+/**
+ * The `ClearPinButton` is a basic html button with the added ability to signal
+ * the `LayoutContext` that it should display the grid view again.
+ * @remarks
+ * This component works only inside a `LayoutContext`.
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <ClearPinButton>Back to grid view</ClearPinButton>
+ * </LiveKitRoom>
+ * ```
+ * @public
+ */
+export declare const ClearPinButton: (props: ClearPinButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactNode;
+//# sourceMappingURL=ClearPinButton.d.ts.map

package/dist/components/controls/ClearPinButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearPinButton.d.ts","sourceRoot":"","sources":["../../../src/components/controls/ClearPinButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,cAAc;AACd,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE7F;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc,EAAE,CAC3B,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAChE,KAAK,CAAC,SASV,CAAC"}

package/dist/components/controls/DisconnectButton.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+/** @public */
+export interface DisconnectButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    stopTracks?: boolean;
+}
+/**
+ * The `DisconnectButton` is a basic html button with the added ability to disconnect from a LiveKit room.
+ * Normally this is the big red button that allows end users to leave the video or audio call.
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <DisconnectButton>Leave room</DisconnectButton>
+ * </LiveKitRoom>
+ * ```
+ * @public
+ */
+export declare const DisconnectButton: (props: DisconnectButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactNode;
+//# sourceMappingURL=DisconnectButton.d.ts.map

package/dist/components/controls/DisconnectButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisconnectButton.d.ts","sourceRoot":"","sources":["../../../src/components/controls/DisconnectButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,cAAc;AACd,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,EAAE,CAC7B,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAClE,KAAK,CAAC,SASV,CAAC"}

package/dist/components/controls/FocusToggle.d.ts

@@ -0,0 +1,21 @@
+import { TrackReferenceOrPlaceholder } from '@livekit/components-core';
+import * as React from 'react';
+/** @public */
+export interface FocusToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    trackRef?: TrackReferenceOrPlaceholder;
+}
+/**
+ * The `FocusToggle` puts the `ParticipantTile` in focus or removes it from focus.
+ * @remarks
+ * This component needs to live inside `LayoutContext` to work properly.
+ *
+ * @example
+ * ```tsx
+ * <ParticipantTile>
+ *   <FocusToggle />
+ * </ParticipantTile>
+ * ```
+ * @public
+ */
+export declare const FocusToggle: (props: FocusToggleProps & React.RefAttributes<HTMLButtonElement>) => React.ReactNode;
+//# sourceMappingURL=FocusToggle.d.ts.map

package/dist/components/controls/FocusToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusToggle.d.ts","sourceRoot":"","sources":["../../../src/components/controls/FocusToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,cAAc;AACd,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,QAAQ,CAAC,EAAE,2BAA2B,CAAC;CACxC;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,EAAE,CACxB,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAC7D,KAAK,CAAC,SA2BV,CAAC"}

package/dist/components/controls/MediaDeviceSelect.d.ts

@@ -0,0 +1,40 @@
+import { LocalAudioTrack, LocalVideoTrack } from 'livekit-client';
+import * as React from 'react';
+/** @public */
+export interface MediaDeviceSelectProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onError'> {
+    kind: MediaDeviceKind;
+    onActiveDeviceChange?: (deviceId: string) => void;
+    onDeviceListChange?: (devices: MediaDeviceInfo[]) => void;
+    onDeviceSelectError?: (e: Error) => void;
+    initialSelection?: string;
+    /** will force the browser to only return the specified device
+     * will call `onDeviceSelectError` with the error in case this fails
+     */
+    exactMatch?: boolean;
+    track?: LocalAudioTrack | LocalVideoTrack;
+    /**
+     * this will call getUserMedia if the permissions are not yet given to enumerate the devices with device labels.
+     * in some browsers multiple calls to getUserMedia result in multiple permission prompts.
+     * It's generally advised only flip this to true, once a (preview) track has been acquired successfully with the
+     * appropriate permissions.
+     *
+     * @see {@link MediaDeviceMenu}
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices | MDN enumerateDevices}
+     */
+    requestPermissions?: boolean;
+    onError?: (e: Error) => void;
+}
+/**
+ * The `MediaDeviceSelect` list all media devices of one kind.
+ * Clicking on one of the listed devices make it the active media device.
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <MediaDeviceSelect kind='audioinput' />
+ * </LiveKitRoom>
+ * ```
+ * @public
+ */
+export declare const MediaDeviceSelect: (props: MediaDeviceSelectProps & React.RefAttributes<HTMLUListElement>) => React.ReactNode;
+//# sourceMappingURL=MediaDeviceSelect.d.ts.map

package/dist/components/controls/MediaDeviceSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaDeviceSelect.d.ts","sourceRoot":"","sources":["../../../src/components/controls/MediaDeviceSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAa,KAAK,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGvF,cAAc;AACd,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC/D,IAAI,EAAE,eAAe,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAC1D,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,eAAe,GAAG,eAAe,CAAC;IAC1C;;;;;;;;OAQG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC9B;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iBAAiB,EAAE,CAC9B,KAAK,EAAE,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAClE,KAAK,CAAC,SAiGV,CAAC"}

package/dist/components/controls/PaginationControl.d.ts

@@ -0,0 +1,9 @@
+import { usePagination } from '../../hooks';
+import * as React from 'react';
+export interface PaginationControlProps extends Pick<ReturnType<typeof usePagination>, 'totalPageCount' | 'nextPage' | 'prevPage' | 'currentPage'> {
+    /** Reference to an HTML element that holds the pages, while interacting (`mouseover`)
+     *  with it, the pagination controls will appear for a while. */
+    pagesContainer?: React.RefObject<HTMLElement>;
+}
+export declare function PaginationControl({ totalPageCount, nextPage, prevPage, currentPage, pagesContainer: connectedElement, }: PaginationControlProps): React.JSX.Element;
+//# sourceMappingURL=PaginationControl.d.ts.map

package/dist/components/controls/PaginationControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationControl.d.ts","sourceRoot":"","sources":["../../../src/components/controls/PaginationControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,MAAM,WAAW,sBACf,SAAQ,IAAI,CACV,UAAU,CAAC,OAAO,aAAa,CAAC,EAChC,gBAAgB,GAAG,UAAU,GAAG,UAAU,GAAG,aAAa,CAC3D;IACD;oEACgE;IAChE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC/C;AAED,wBAAgB,iBAAiB,CAAC,EAChC,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,cAAc,EAAE,gBAAgB,GACjC,EAAE,sBAAsB,qBA6BxB"}

package/dist/components/controls/PaginationIndicator.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface PaginationIndicatorProps {
+    totalPageCount: number;
+    currentPage: number;
+}
+export declare const PaginationIndicator: (props: PaginationIndicatorProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode;
+//# sourceMappingURL=PaginationIndicator.d.ts.map

package/dist/components/controls/PaginationIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/controls/PaginationIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,wBAAwB;IACvC,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,CAChC,KAAK,EAAE,wBAAwB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAClE,KAAK,CAAC,SAgBV,CAAC"}

package/dist/components/controls/SettingsMenuToggle.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+/** @alpha */
+export interface SettingsMenuToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+/**
+ * The `SettingsMenuToggle` component is a button that toggles the visibility of the `SettingsMenu` component.
+ * @remarks
+ * For the component to have any effect it has to live inside a `LayoutContext` context.
+ *
+ * @alpha
+ */
+export declare const SettingsMenuToggle: (props: SettingsMenuToggleProps & React.RefAttributes<HTMLButtonElement>) => React.ReactNode;
+//# sourceMappingURL=SettingsMenuToggle.d.ts.map

package/dist/components/controls/SettingsMenuToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsMenuToggle.d.ts","sourceRoot":"","sources":["../../../src/components/controls/SettingsMenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,aAAa;AACb,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEjG;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,CAC/B,KAAK,EAAE,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KACpE,KAAK,CAAC,SAUV,CAAC"}

package/dist/components/controls/StartAudio.d.ts

@@ -0,0 +1,24 @@
+import { Room } from 'livekit-client';
+import * as React from 'react';
+/** @public */
+export interface AllowAudioPlaybackProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    room?: Room;
+    label: string;
+}
+/**
+ * The `StartAudio` component is only visible when the browser blocks audio playback. This is due to some browser implemented autoplay policies.
+ * To start audio playback, the user must perform a user-initiated event such as clicking this button.
+ * As soon as audio playback starts, the button hides itself again.
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <StartAudio label="Click to allow audio playback" />
+ * </LiveKitRoom>
+ * ```
+ *
+ * @see Autoplay policy on MDN web docs: {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Best_practices#autoplay_policy}
+ * @public
+ */
+export declare const StartAudio: (props: AllowAudioPlaybackProps & React.RefAttributes<HTMLButtonElement>) => React.ReactNode;
+//# sourceMappingURL=StartAudio.d.ts.map

package/dist/components/controls/StartAudio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartAudio.d.ts","sourceRoot":"","sources":["../../../src/components/controls/StartAudio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,cAAc;AACd,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,EAAE,CACvB,KAAK,EAAE,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KACpE,KAAK,CAAC,SAWV,CAAC"}

package/dist/components/controls/StartMediaButton.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+/** @public */
+export interface AllowMediaPlaybackProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    label?: string;
+}
+/**
+ * The `StartMediaButton` component is only visible when the browser blocks media playback. This is due to some browser implemented autoplay policies.
+ * To start media playback, the user must perform a user-initiated event such as clicking this button.
+ * As soon as media playback starts, the button hides itself again.
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <StartMediaButton label="Click to allow media playback" />
+ * </LiveKitRoom>
+ * ```
+ *
+ * @see Autoplay policy on MDN web docs: {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Best_practices#autoplay_policy}
+ * @public
+ */
+export declare const StartMediaButton: (props: AllowMediaPlaybackProps & React.RefAttributes<HTMLButtonElement>) => React.ReactNode;
+//# sourceMappingURL=StartMediaButton.d.ts.map

package/dist/components/controls/StartMediaButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartMediaButton.d.ts","sourceRoot":"","sources":["../../../src/components/controls/StartMediaButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,cAAc;AACd,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,EAAE,CAC7B,KAAK,EAAE,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KACpE,KAAK,CAAC,SAcV,CAAC"}

package/dist/components/controls/TrackToggle.d.ts

@@ -0,0 +1,32 @@
+import { CaptureOptionsBySource, ToggleSource } from '@livekit/components-core';
+import { TrackPublishOptions } from 'livekit-client';
+import * as React from 'react';
+/** @public */
+export interface TrackToggleProps<T extends ToggleSource> extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    source: T;
+    showIcon?: boolean;
+    initialState?: boolean;
+    /**
+     * Function that is called when the enabled state of the toggle changes.
+     * The second function argument `isUserInitiated` is `true` if the change was initiated by a user interaction, such as a click.
+     */
+    onChange?: (enabled: boolean, isUserInitiated: boolean) => void;
+    captureOptions?: CaptureOptionsBySource<T>;
+    publishOptions?: TrackPublishOptions;
+    onDeviceError?: (error: Error) => void;
+}
+/**
+ * With the `TrackToggle` component it is possible to mute and unmute your camera and microphone.
+ * The component uses an html button element under the hood so you can treat it like a button.
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <TrackToggle source={Track.Source.Microphone} />
+ *   <TrackToggle source={Track.Source.Camera} />
+ * </LiveKitRoom>
+ * ```
+ * @public
+ */
+export declare const TrackToggle: <T extends ToggleSource>(props: TrackToggleProps<T> & React.RefAttributes<HTMLButtonElement>) => React.ReactNode;
+//# sourceMappingURL=TrackToggle.d.ts.map

package/dist/components/controls/TrackToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackToggle.d.ts","sourceRoot":"","sources":["../../../src/components/controls/TrackToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACrF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,cAAc;AACd,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,YAAY,CACtD,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACvE,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,cAAc,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,SAAS,YAAY,EAC/C,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAChE,KAAK,CAAC,SAgBT,CAAC"}