@werxt/livekit-components-react 2.9.20

package/dist/components/index.d.ts

@@ -0,0 +1,30 @@
+export * from './controls/ClearPinButton';
+export * from './ConnectionState';
+export * from './controls/ChatToggle';
+export * from './controls/DisconnectButton';
+export * from './controls/FocusToggle';
+export * from './controls/MediaDeviceSelect';
+export * from './controls/StartAudio';
+export * from './controls/StartMediaButton';
+export * from './controls/TrackToggle';
+export * from './layout';
+export * from './layout/LayoutContextProvider';
+export * from './LiveKitRoom';
+export * from './participant/AudioVisualizer';
+export * from './participant/ConnectionQualityIndicator';
+export * from './participant/AudioTrack';
+export * from './participant/VideoTrack';
+export * from './participant/ParticipantName';
+export * from './participant/TrackMutedIndicator';
+export * from './ParticipantLoop';
+export { RoomAudioRenderer, type RoomAudioRendererProps } from './RoomAudioRenderer';
+export * from './RoomName';
+export { Toast } from './Toast';
+export * from './TrackLoop';
+export * from './participant/ParticipantTile';
+export * from './participant/ParticipantAudioTile';
+export * from './participant/BarVisualizer';
+export { ConnectionStateToast, type ConnectionStateToastProps } from './ConnectionStateToast';
+export { type MessageFormatter, type ChatEntryProps, ChatEntry, formatChatMessageLinks, } from './ChatEntry';
+export * from './SessionProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,SAAS,EACT,sBAAsB,GACvB,MAAM,aAAa,CAAC;AACrB,cAAc,mBAAmB,CAAC"}

package/dist/components/layout/CarouselLayout.d.ts

@@ -0,0 +1,27 @@
+import { TrackReferenceOrPlaceholder } from '@livekit/components-core';
+import * as React from 'react';
+/** @public */
+export interface CarouselLayoutProps extends React.HTMLAttributes<HTMLMediaElement> {
+    tracks: TrackReferenceOrPlaceholder[];
+    children: React.ReactNode;
+    /** Place the tiles vertically or horizontally next to each other.
+     * If undefined orientation is guessed by the dimensions of the container. */
+    orientation?: 'vertical' | 'horizontal';
+}
+/**
+ * The `CarouselLayout` component displays a list of tracks in a scroll container.
+ * It will display as many tiles as possible and overflow the rest.
+ * @remarks
+ * To ensure visual stability when tiles are reordered due to track updates,
+ * the component uses the `useVisualStableUpdate` hook.
+ * @example
+ * ```tsx
+ * const tracks = useTracks([Track.Source.Camera]);
+ * <CarouselLayout tracks={tracks}>
+ *   <ParticipantTile />
+ * </CarouselLayout>
+ * ```
+ * @public
+ */
+export declare function CarouselLayout({ tracks, orientation, ...props }: CarouselLayoutProps): React.JSX.Element;
+//# sourceMappingURL=CarouselLayout.d.ts.map

package/dist/components/layout/CarouselLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/CarouselLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,cAAc;AACd,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACjF,MAAM,EAAE,2BAA2B,EAAE,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;iFAC6E;IAC7E,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACzC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBA0CpF"}

package/dist/components/layout/FocusLayout.d.ts

@@ -0,0 +1,25 @@
+import { TrackReferenceOrPlaceholder, ParticipantClickEvent } from '@livekit/components-core';
+import * as React from 'react';
+/** @public */
+export interface FocusLayoutContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * The `FocusLayoutContainer` is a layout component that expects two children:
+ * A small side component: In a video conference, this is usually a carousel of participants
+ * who are not in focus. And a larger main component to display the focused participant.
+ * For example, with the `FocusLayout` component.
+ *  @public
+ */
+export declare function FocusLayoutContainer(props: FocusLayoutContainerProps): React.JSX.Element;
+/** @public */
+export interface FocusLayoutProps extends React.HTMLAttributes<HTMLElement> {
+    /** The track to display in the focus layout. */
+    trackRef?: TrackReferenceOrPlaceholder;
+    onParticipantClick?: (evt: ParticipantClickEvent) => void;
+}
+/**
+ * The `FocusLayout` component is just a light wrapper around the `ParticipantTile` to display a single participant.
+ * @public
+ */
+export declare function FocusLayout({ trackRef, ...htmlProps }: FocusLayoutProps): React.JSX.Element;
+//# sourceMappingURL=FocusLayout.d.ts.map

package/dist/components/layout/FocusLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/FocusLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,cAAc;AACd,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE1F;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAIpE;AAED,cAAc;AACd,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE,gDAAgD;IAChD,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IAEvC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC3D;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,gBAAgB,qBAEvE"}

package/dist/components/layout/GridLayout.d.ts

@@ -0,0 +1,26 @@
+import { UseParticipantsOptions } from '../../hooks';
+import { TrackReferenceOrPlaceholder } from '@livekit/components-core';
+import * as React from 'react';
+/** @public */
+export interface GridLayoutProps extends React.HTMLAttributes<HTMLDivElement>, Pick<UseParticipantsOptions, 'updateOnlyOn'> {
+    children: React.ReactNode;
+    tracks: TrackReferenceOrPlaceholder[];
+}
+/**
+ * The `GridLayout` component displays the nested participants in a grid where every participants has the same size.
+ * It also supports pagination if there are more participants than the grid can display.
+ * @remarks
+ * To ensure visual stability when tiles are reordered due to track updates,
+ * the component uses the `useVisualStableUpdate` hook.
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <GridLayout tracks={tracks}>
+ *     <ParticipantTile />
+ *   </GridLayout>
+ * <LiveKitRoom>
+ * ```
+ * @public
+ */
+export declare function GridLayout({ tracks, ...props }: GridLayoutProps): React.JSX.Element;
+//# sourceMappingURL=GridLayout.d.ts.map

package/dist/components/layout/GridLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GridLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG1D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAK5E,cAAc;AACd,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,2BAA2B,EAAE,CAAC;CACvC;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBA6B/D"}

package/dist/components/layout/LayoutContextProvider.d.ts

@@ -0,0 +1,12 @@
+import { PinState, WidgetState } from '@livekit/components-core';
+import { LayoutContextType } from '../../context';
+import * as React from 'react';
+/** @alpha */
+export interface LayoutContextProviderProps {
+    value?: LayoutContextType;
+    onPinChange?: (state: PinState) => void;
+    onWidgetChange?: (state: WidgetState) => void;
+}
+/** @alpha */
+export declare function LayoutContextProvider({ value, onPinChange, onWidgetChange, children, }: React.PropsWithChildren<LayoutContextProviderProps>): React.JSX.Element;
+//# sourceMappingURL=LayoutContextProvider.d.ts.map

package/dist/components/layout/LayoutContextProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutContextProvider.d.ts","sourceRoot":"","sources":["../../../src/components/layout/LayoutContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,aAAa;AACb,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC/C;AAED,aAAa;AACb,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,WAAW,EACX,cAAc,EACd,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,qBAgBrD"}

package/dist/components/layout/index.d.ts

@@ -0,0 +1,4 @@
+export * from './FocusLayout';
+export * from './GridLayout';
+export { CarouselLayout, type CarouselLayoutProps } from './CarouselLayout';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/participant/AudioTrack.d.ts

@@ -0,0 +1,33 @@
+import { TrackReference } from '@livekit/components-core';
+import * as React from 'react';
+/** @public */
+export interface AudioTrackProps extends React.AudioHTMLAttributes<HTMLAudioElement> {
+    /** The track reference of the track from which the audio is to be rendered. */
+    trackRef?: TrackReference;
+    onSubscriptionStatusChanged?: (subscribed: boolean) => void;
+    /** Sets the volume of the audio track. By default, the range is between `0.0` and `1.0`. */
+    volume?: number;
+    /**
+     * Mutes the audio track if set to `true`.
+     * @remarks
+     * If set to `true`, the server will stop sending audio track data to the client.
+     * @alpha
+     */
+    muted?: boolean;
+}
+/**
+ * The AudioTrack component is responsible for rendering participant audio tracks.
+ * This component must have access to the participant's context, or alternatively pass it a `Participant` as a property.
+ *
+ * @example
+ * ```tsx
+ *   <ParticipantTile>
+ *     <AudioTrack trackRef={trackRef} />
+ *   </ParticipantTile>
+ * ```
+ *
+ * @see `ParticipantTile` component
+ * @public
+ */
+export declare const AudioTrack: (props: AudioTrackProps & React.RefAttributes<HTMLAudioElement>) => React.ReactNode;
+//# sourceMappingURL=AudioTrack.d.ts.map

package/dist/components/participant/AudioTrack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioTrack.d.ts","sourceRoot":"","sources":["../../../src/components/participant/AudioTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK/D,cAAc;AACd,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAClF,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,2BAA2B,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,4FAA4F;IAC5F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,CACvB,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAC3D,KAAK,CAAC,SAgDV,CAAC"}

package/dist/components/participant/AudioVisualizer.d.ts

@@ -0,0 +1,22 @@
+import { TrackReference } from '@livekit/components-core';
+import * as React from 'react';
+/**
+ * @public
+ * @deprecated Use BarVisualizer instead
+ */
+export interface AudioVisualizerProps extends React.HTMLAttributes<SVGElement> {
+    trackRef?: TrackReference;
+}
+/**
+ * The AudioVisualizer component is used to visualize the audio volume of a given audio track.
+ * @remarks
+ * Requires a `TrackReferenceOrPlaceholder` to be provided either as a property or via the `TrackRefContext`.
+ * @example
+ * ```tsx
+ * <AudioVisualizer />
+ * ```
+ * @public
+ * @deprecated Use BarVisualizer instead
+ */
+export declare const AudioVisualizer: (props: AudioVisualizerProps & React.RefAttributes<SVGSVGElement>) => React.ReactNode;
+//# sourceMappingURL=AudioVisualizer.d.ts.map

package/dist/components/participant/AudioVisualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioVisualizer.d.ts","sourceRoot":"","sources":["../../../src/components/participant/AudioVisualizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI/D;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;IAC5E,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe,EAAE,CAC5B,KAAK,EAAE,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,KAC7D,KAAK,CAAC,SAwCV,CAAC"}

package/dist/components/participant/BarVisualizer.d.ts

@@ -0,0 +1,77 @@
+import { AgentState } from '../../hooks';
+import { TrackReferenceOrPlaceholder } from '@livekit/components-core';
+import { LocalAudioTrack, RemoteAudioTrack } from 'livekit-client';
+import * as React from 'react';
+/**
+ * @beta
+ */
+export type BarVisualizerOptions = {
+    /** in percentage */
+    maxHeight?: number;
+    /** in percentage */
+    minHeight?: number;
+};
+/**
+ * @beta
+ */
+export interface BarVisualizerProps extends React.HTMLProps<HTMLDivElement> {
+    /** If set, the visualizer will transition between different voice assistant states */
+    state?: AgentState;
+    /** Number of bars that show up in the visualizer */
+    barCount?: number;
+    /** @deprecated use `track` field instead */
+    trackRef?: TrackReferenceOrPlaceholder;
+    track?: TrackReferenceOrPlaceholder | LocalAudioTrack | RemoteAudioTrack;
+    options?: BarVisualizerOptions;
+    /** The template component to be used in the visualizer. */
+    children?: React.ReactNode;
+}
+/**
+ * Visualizes audio signals from a TrackReference as bars.
+ * If the `state` prop is set, it automatically transitions between VoiceAssistant states.
+ * @beta
+ *
+ * @remarks For VoiceAssistant state transitions this component requires a voice assistant agent running with livekit-agents \>= 0.9.0
+ *
+ * @example
+ * ```tsx
+ * function SimpleVoiceAssistant() {
+ *   const { state, audioTrack } = useVoiceAssistant();
+ *   return (
+ *    <BarVisualizer
+ *      state={state}
+ *      trackRef={audioTrack}
+ *    />
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ *  Styling the BarVisualizer using CSS classes
+ * ```css
+ * .lk-audio-bar {
+ *  // Styles for "idle" bars
+ *  }
+ * .lk-audio-bar.lk-highlighted {
+ *  // Styles for "active" bars
+ * }
+ * ```
+ *
+ * @example
+ * Styling the BarVisualizer using CSS custom properties
+ * ```css
+ * --lk-fg // for the "active" colour, note that this defines the main foreground colour for the whole "theme"
+ * --lk-va-bg // for "idle" colour
+ * ```
+ *
+ * @example
+ * Using a custom bar template for the BarVisualizer
+ * ```tsx
+ * <BarVisualizer>
+ *   <div className="all the classes" />
+ * </BarVisualizer>
+ * ```
+ * the highlighted children will get a data prop of data-lk-highlighted for them to switch between active and idle bars in their own template bar
+ */
+export declare const BarVisualizer: React.ForwardRefExoticComponent<Omit<BarVisualizerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BarVisualizer.d.ts.map

package/dist/components/participant/BarVisualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarVisualizer.d.ts","sourceRoot":"","sources":["../../../src/components/participant/BarVisualizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA2B,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAG5E,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,sFAAsF;IACtF,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC,KAAK,CAAC,EAAE,2BAA2B,GAAG,eAAe,GAAG,gBAAgB,CAAC;IACzE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA8BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,aAAa,wGAsDzB,CAAC"}

package/dist/components/participant/ConnectionQualityIndicator.d.ts

@@ -0,0 +1,16 @@
+import { ConnectionQualityIndicatorOptions } from '../../hooks';
+import * as React from 'react';
+/** @public */
+export interface ConnectionQualityIndicatorProps extends React.HTMLAttributes<HTMLDivElement>, ConnectionQualityIndicatorOptions {
+}
+/**
+ * The `ConnectionQualityIndicator` shows the individual connection quality of a participant.
+ *
+ * @example
+ * ```tsx
+ * <ConnectionQualityIndicator />
+ * ```
+ * @public
+ */
+export declare const ConnectionQualityIndicator: (props: ConnectionQualityIndicatorProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode;
+//# sourceMappingURL=ConnectionQualityIndicator.d.ts.map

package/dist/components/participant/ConnectionQualityIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionQualityIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/participant/ConnectionQualityIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAGrE,cAAc;AACd,MAAM,WAAW,+BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,iCAAiC;CAAG;AAExC;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,EAAE,CACvC,KAAK,EAAE,+BAA+B,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KACzE,KAAK,CAAC,SAaT,CAAC"}

package/dist/components/participant/ParticipantAudioTile.d.ts

@@ -0,0 +1,14 @@
+import { ParticipantTileProps } from './ParticipantTile';
+import * as React from 'react';
+/**
+ * The `ParticipantAudioTile` component is the base utility wrapper for displaying a visual representation of a participant.
+ * This component can be used as a child of the `TileLoop` or independently if a participant is passed as a property.
+ *
+ * @example
+ * ```tsx
+ * <ParticipantAudioTile />
+ * ```
+ * @public
+ */
+export declare const ParticipantAudioTile: (props: ParticipantTileProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode;
+//# sourceMappingURL=ParticipantAudioTile.d.ts.map

package/dist/components/participant/ParticipantAudioTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantAudioTile.d.ts","sourceRoot":"","sources":["../../../src/components/participant/ParticipantAudioTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAM9D;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,EAAE,CACjC,KAAK,EAAE,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC9D,KAAK,CAAC,SAyCV,CAAC"}

package/dist/components/participant/ParticipantName.d.ts

@@ -0,0 +1,17 @@
+import { UseParticipantInfoOptions } from '../../hooks';
+import * as React from 'react';
+/** @public */
+export interface ParticipantNameProps extends React.HTMLAttributes<HTMLSpanElement>, UseParticipantInfoOptions {
+}
+/**
+ * The `ParticipantName` component displays the name of the participant as a string within an HTML span element.
+ * If no participant name is undefined the participant identity string is displayed.
+ *
+ * @example
+ * ```tsx
+ * <ParticipantName />
+ * ```
+ * @public
+ */
+export declare const ParticipantName: (props: ParticipantNameProps & React.RefAttributes<HTMLSpanElement>) => React.ReactNode;
+//# sourceMappingURL=ParticipantName.d.ts.map

package/dist/components/participant/ParticipantName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantName.d.ts","sourceRoot":"","sources":["../../../src/components/participant/ParticipantName.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,cAAc;AACd,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,yBAAyB;CAAG;AAEhC;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,CAC5B,KAAK,EAAE,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,KAC/D,KAAK,CAAC,SAyBV,CAAC"}

package/dist/components/participant/ParticipantTile.d.ts

@@ -0,0 +1,49 @@
+import { Participant } from 'livekit-client';
+import { ParticipantClickEvent, TrackReferenceOrPlaceholder } from '@livekit/components-core';
+import * as React from 'react';
+/**
+ * The `ParticipantContextIfNeeded` component only creates a `ParticipantContext`
+ * if there is no `ParticipantContext` already.
+ * @example
+ * ```tsx
+ * <ParticipantContextIfNeeded participant={trackReference.participant}>
+ *  ...
+ * </ParticipantContextIfNeeded>
+ * ```
+ * @public
+ */
+export declare function ParticipantContextIfNeeded(props: React.PropsWithChildren<{
+    participant?: Participant;
+}>): React.JSX.Element;
+/**
+ * Only create a `TrackRefContext` if there is no `TrackRefContext` already.
+ * @internal
+ */
+export declare function TrackRefContextIfNeeded(props: React.PropsWithChildren<{
+    trackRef?: TrackReferenceOrPlaceholder;
+}>): React.JSX.Element;
+/** @public */
+export interface ParticipantTileProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The track reference to display. */
+    trackRef?: TrackReferenceOrPlaceholder;
+    disableSpeakingIndicator?: boolean;
+    onParticipantClick?: (event: ParticipantClickEvent) => void;
+}
+/**
+ * The `ParticipantTile` component is the base utility wrapper for displaying a visual representation of a participant.
+ * This component can be used as a child of the `TrackLoop` component or by passing a track reference as property.
+ *
+ * @example Using the `ParticipantTile` component with a track reference:
+ * ```tsx
+ * <ParticipantTile trackRef={trackRef} />
+ * ```
+ * @example Using the `ParticipantTile` component as a child of the `TrackLoop` component:
+ * ```tsx
+ * <TrackLoop>
+ *  <ParticipantTile />
+ * </TrackLoop>
+ * ```
+ * @public
+ */
+export declare const ParticipantTile: (props: ParticipantTileProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode;
+//# sourceMappingURL=ParticipantTile.d.ts.map

package/dist/components/participant/ParticipantTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantTile.d.ts","sourceRoot":"","sources":["../../../src/components/participant/ParticipantTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAsBnG;;;;;;;;;;GAUG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC,qBAUH;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,2BAA2B,CAAC;CACxC,CAAC,qBAQH;AAED,cAAc;AACd,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,sCAAsC;IACtC,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,EAAE,CAC5B,KAAK,EAAE,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC9D,KAAK,CAAC,SAgGV,CAAC"}

package/dist/components/participant/TrackMutedIndicator.d.ts

@@ -0,0 +1,19 @@
+import { TrackReferenceOrPlaceholder } from '@livekit/components-core';
+import * as React from 'react';
+/** @public */
+export interface TrackMutedIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    trackRef: TrackReferenceOrPlaceholder;
+    show?: 'always' | 'muted' | 'unmuted';
+}
+/**
+ * The `TrackMutedIndicator` shows whether the participant's camera or microphone is muted or not.
+ * By default, a muted/unmuted icon is displayed for a camera, microphone, and screen sharing track.
+ *
+ * @example
+ * ```tsx
+ * <TrackMutedIndicator trackRef={trackRef} />
+ * ```
+ * @public
+ */
+export declare const TrackMutedIndicator: (props: TrackMutedIndicatorProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode;
+//# sourceMappingURL=TrackMutedIndicator.d.ts.map

package/dist/components/participant/TrackMutedIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackMutedIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/participant/TrackMutedIndicator.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,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,QAAQ,EAAE,2BAA2B,CAAC;IACtC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;CACvC;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,mBAAmB,EAAE,CAChC,KAAK,EAAE,wBAAwB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAClE,KAAK,CAAC,SA4BV,CAAC"}

package/dist/components/participant/VideoTrack.d.ts

@@ -0,0 +1,23 @@
+import { ParticipantClickEvent, TrackReference } from '@livekit/components-core';
+import * as React from 'react';
+/** @public */
+export interface VideoTrackProps extends React.VideoHTMLAttributes<HTMLVideoElement> {
+    /** The track reference of the track to render. */
+    trackRef?: TrackReference;
+    onTrackClick?: (evt: ParticipantClickEvent) => void;
+    onSubscriptionStatusChanged?: (subscribed: boolean) => void;
+    manageSubscription?: boolean;
+}
+/**
+ * The `VideoTrack` component is responsible for rendering participant video tracks like `camera` and `screen_share`.
+ * This component must have access to the participant's context, or alternatively pass it a `Participant` as a property.
+ *
+ * @example
+ * ```tsx
+ * <VideoTrack trackRef={trackRef} />
+ * ```
+ * @see {@link @livekit/components-react#ParticipantTile | ParticipantTile}
+ * @public
+ */
+export declare const VideoTrack: (props: VideoTrackProps & React.RefAttributes<HTMLVideoElement>) => React.ReactNode;
+//# sourceMappingURL=VideoTrack.d.ts.map

package/dist/components/participant/VideoTrack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoTrack.d.ts","sourceRoot":"","sources":["../../../src/components/participant/VideoTrack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAItF,cAAc;AACd,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAClF,kDAAkD;IAClD,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,2BAA2B,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,EAAE,CACvB,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAC3D,KAAK,CAAC,SA8DV,CAAC"}

package/dist/components/participant/animationSequences/connectingSequence.d.ts

@@ -0,0 +1,2 @@
+export declare const generateConnectingSequenceBar: (columns: number) => number[][];
+//# sourceMappingURL=connectingSequence.d.ts.map

package/dist/components/participant/animationSequences/connectingSequence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectingSequence.d.ts","sourceRoot":"","sources":["../../../../src/components/participant/animationSequences/connectingSequence.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,6BAA6B,GAAI,SAAS,MAAM,KAAG,MAAM,EAAE,EAQvE,CAAC"}

package/dist/components/participant/animationSequences/listeningSequence.d.ts

@@ -0,0 +1,2 @@
+export declare const generateListeningSequenceBar: (columns: number) => number[][];
+//# sourceMappingURL=listeningSequence.d.ts.map

package/dist/components/participant/animationSequences/listeningSequence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listeningSequence.d.ts","sourceRoot":"","sources":["../../../../src/components/participant/animationSequences/listeningSequence.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,GAAI,SAAS,MAAM,KAAG,MAAM,EAAE,EAKtE,CAAC"}

package/dist/components/participant/animationSequences/thinkingSequence.d.ts

@@ -0,0 +1,2 @@
+export declare const generateThinkingSequenceBar: (columns: number) => number[][];
+//# sourceMappingURL=thinkingSequence.d.ts.map

package/dist/components/participant/animationSequences/thinkingSequence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinkingSequence.d.ts","sourceRoot":"","sources":["../../../../src/components/participant/animationSequences/thinkingSequence.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B,GAAI,SAAS,MAAM,KAAG,MAAM,EAAE,EAWrE,CAAC"}

package/dist/components/participant/animators/useBarAnimator.d.ts

@@ -0,0 +1,3 @@
+import { AgentState } from '../../../hooks';
+export declare const useBarAnimator: (state: AgentState | undefined, columns: number, interval: number) => number[];
+//# sourceMappingURL=useBarAnimator.d.ts.map

package/dist/components/participant/animators/useBarAnimator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBarAnimator.d.ts","sourceRoot":"","sources":["../../../../src/components/participant/animators/useBarAnimator.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,cAAc,GACzB,OAAO,UAAU,GAAG,SAAS,EAC7B,SAAS,MAAM,EACf,UAAU,MAAM,KACf,MAAM,EA6CR,CAAC"}