components-react.api.md

API Report File for "@livekit/components-react"

Do not edit this file. It is a report generated by API Extractor.

import { AudioAnalyserOptions } from 'livekit-client';
import { AudioCaptureOptions } from 'livekit-client';
import { CaptureOptionsBySource } from '../../../packages/core/dist/index.d.ts';
import { CaptureOptionsBySource as CaptureOptionsBySource_2 } from '../../packages/core/dist/index.d.ts';
import { ChatMessage } from '../packages/core/dist/index.d.ts';
import { ChatMessage as ChatMessage_2 } from 'livekit-client';
import { ChatOptions } from '../../packages/core/dist/index.d.ts';
import { ConnectionQuality } from 'livekit-client';
import { ConnectionState as ConnectionState_2 } from 'livekit-client';
import { CreateLocalTracksOptions } from 'livekit-client';
import { DataPublishOptions } from 'livekit-client';
import { DisconnectReason } from 'livekit-client';
import { GridLayoutDefinition } from '../packages/core/dist/index.d.ts';
import { GridLayoutDefinition as GridLayoutDefinition_2 } from '../../packages/core/dist/index.d.ts';
import { GridLayoutInfo } from '../../packages/core/dist/index.d.ts';
import { HTMLAttributes } from 'react';
import { isTrackReference } from '../packages/core/dist/index.d.ts';
import { KrispNoiseFilterProcessor } from '@livekit/krisp-noise-filter';
import { LocalAudioTrack } from 'livekit-client';
import { LocalParticipant } from 'livekit-client';
import { LocalTrack } from 'livekit-client';
import { LocalTrackPublication } from 'livekit-client';
import { LocalUserChoices } from '../packages/core/dist/index.d.ts';
import { LocalUserChoices as LocalUserChoices_2 } from '../../packages/core/dist/index.d.ts';
import { LocalVideoTrack } from 'livekit-client';
import { MediaDeviceFailure } from 'livekit-client';
import { MessageDecoder } from '../packages/core/dist/index.d.ts';
import { MessageDecoder as MessageDecoder_2 } from '../../packages/core/dist/index.d.ts';
import { MessageEncoder } from '../packages/core/dist/index.d.ts';
import { MessageEncoder as MessageEncoder_2 } from '../../packages/core/dist/index.d.ts';
import { NoiseFilterOptions } from '@livekit/krisp-noise-filter';
import { Participant } from 'livekit-client';
import { ParticipantClickEvent } from '../packages/core/dist/index.d.ts';
import { ParticipantClickEvent as ParticipantClickEvent_2 } from '../../../packages/core/dist/index.d.ts';
import { ParticipantClickEvent as ParticipantClickEvent_3 } from '../../packages/core/dist/index.d.ts';
import { ParticipantEvent } from 'livekit-client';
import { ParticipantIdentifier } from '../packages/core/dist/index.d.ts';
import { ParticipantIdentifier as ParticipantIdentifier_2 } from '../../packages/core/dist/index.d.ts';
import { ParticipantPermission } from '@livekit/protocol';
import { PinState } from '../packages/core/dist/index.d.ts';
import { PinState as PinState_2 } from '../../packages/core/dist/index.d.ts';
import { PinState as PinState_3 } from '../../../packages/core/dist/index.d.ts';
import * as React_2 from 'react';
import { ReceivedChatMessage } from '../packages/core/dist/index.d.ts';
import { ReceivedChatMessage as ReceivedChatMessage_2 } from '../../packages/core/dist/index.d.ts';
import { ReceivedDataMessage } from '../../packages/core/dist/index.d.ts';
import { ReceivedTranscriptionSegment } from '../../packages/core/dist/index.d.ts';
import { RemoteAudioTrack } from 'livekit-client';
import { RemoteParticipant } from 'livekit-client';
import { Room } from 'livekit-client';
import { RoomConnectOptions } from 'livekit-client';
import { RoomEvent } from 'livekit-client';
import { RoomOptions } from 'livekit-client';
import { ScreenShareCaptureOptions } from 'livekit-client';
import { setLogExtension } from '../packages/core/dist/index.d.ts';
import { setLogLevel } from '../packages/core/dist/index.d.ts';
import { SetMediaDeviceOptions } from '../../packages/core/dist/index.d.ts';
import { SourcesArray } from '../../packages/core/dist/index.d.ts';
import { SVGProps } from 'react';
import { ToggleSource } from '../../../packages/core/dist/index.d.ts';
import { ToggleSource as ToggleSource_2 } from '../../packages/core/dist/index.d.ts';
import { Track } from 'livekit-client';
import { TrackProcessor } from 'livekit-client';
import { TrackPublication } from 'livekit-client';
import { TrackPublishOptions } from 'livekit-client';
import { TrackReference } from '../packages/core/dist/index.d.ts';
import { TrackReference as TrackReference_2 } from '../../../packages/core/dist/index.d.ts';
import { TrackReference as TrackReference_3 } from '../../packages/core/dist/index.d.ts';
import { TrackReferenceOrPlaceholder } from '../packages/core/dist/index.d.ts';
import { TrackReferenceOrPlaceholder as TrackReferenceOrPlaceholder_2 } from '../../../../packages/core/dist/index.d.ts';
import { TrackReferenceOrPlaceholder as TrackReferenceOrPlaceholder_3 } from '../../../packages/core/dist/index.d.ts';
import { TrackReferenceOrPlaceholder as TrackReferenceOrPlaceholder_4 } from '../../packages/core/dist/index.d.ts';
import { TrackSourceWithOptions } from '../../packages/core/dist/index.d.ts';
import { TranscriptionSegment } from 'livekit-client';
import { VideoCaptureOptions } from 'livekit-client';
import { WidgetState } from '../packages/core/dist/index.d.ts';
import { WidgetState as WidgetState_2 } from '../../packages/core/dist/index.d.ts';
import { WidgetState as WidgetState_3 } from '../../../packages/core/dist/index.d.ts';

// @beta (undocumented)
export type AgentState = 'disconnected' | 'connecting' | 'initializing' | 'listening' | 'thinking' | 'speaking';

// @public (undocumented)
export interface AllowAudioPlaybackProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
    // (undocumented)
    label: string;
}

// @public (undocumented)
export interface AllowMediaPlaybackProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
    // (undocumented)
    label?: string;
}

// @public
export function AudioConference({ ...props }: AudioConferenceProps): React_2.JSX.Element;

// @public (undocumented)
export interface AudioConferenceProps extends React_2.HTMLAttributes<HTMLDivElement> {
}

// @public
export const AudioTrack: (props: AudioTrackProps & React_2.RefAttributes<HTMLAudioElement>) => React_2.ReactNode;

// @public (undocumented)
export interface AudioTrackProps extends React_2.AudioHTMLAttributes<HTMLAudioElement> {
    // @alpha
    muted?: boolean;
    // (undocumented)
    onSubscriptionStatusChanged?: (subscribed: boolean) => void;
    trackRef?: TrackReference_2;
    volume?: number;
}

// @public @deprecated
export const AudioVisualizer: (props: AudioVisualizerProps & React_2.RefAttributes<SVGSVGElement>) => React_2.ReactNode;

// @public @deprecated (undocumented)
export interface AudioVisualizerProps extends React_2.HTMLAttributes<SVGElement> {
    // (undocumented)
    trackRef?: TrackReference_2;
}

// @alpha (undocumented)
export interface AudioWaveformOptions {
    // (undocumented)
    barCount?: number;
    // (undocumented)
    updateInterval?: number;
    // (undocumented)
    volMultiplier?: number;
}

// @beta
export const BarVisualizer: React_2.ForwardRefExoticComponent<Omit<BarVisualizerProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

// @beta (undocumented)
export type BarVisualizerOptions = {
    maxHeight?: number;
    minHeight?: number;
};

// @beta (undocumented)
export interface BarVisualizerProps extends React_2.HTMLProps<HTMLDivElement> {
    barCount?: number;
    children?: React_2.ReactNode;
    // (undocumented)
    options?: BarVisualizerOptions;
    state?: AgentState;
    // (undocumented)
    trackRef?: TrackReferenceOrPlaceholder_3;
}

// Warning: (ae-internal-missing-underscore) The name "CameraDisabledIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const CameraDisabledIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// Warning: (ae-internal-missing-underscore) The name "CameraIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const CameraIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// @public
export function CarouselLayout({ tracks, orientation, ...props }: CarouselLayoutProps): React_2.JSX.Element;

// @public (undocumented)
export interface CarouselLayoutProps extends React_2.HTMLAttributes<HTMLMediaElement> {
    // (undocumented)
    children: React_2.ReactNode;
    orientation?: 'vertical' | 'horizontal';
    // (undocumented)
    tracks: TrackReferenceOrPlaceholder_3[];
}

// @public
export function Chat({ messageFormatter, messageDecoder, messageEncoder, channelTopic, ...props }: ChatProps): React_2.JSX.Element;

// Warning: (ae-internal-missing-underscore) The name "ChatCloseIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const ChatCloseIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// @public
export const ChatEntry: (props: ChatEntryProps & React_2.RefAttributes<HTMLLIElement>) => React_2.ReactNode;

// @public
export interface ChatEntryProps extends React_2.HTMLAttributes<HTMLLIElement> {
    entry: ReceivedChatMessage_2;
    hideName?: boolean;
    hideTimestamp?: boolean;
    messageFormatter?: MessageFormatter;
}

// Warning: (ae-internal-missing-underscore) The name "ChatIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const ChatIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

export { ChatMessage }

// @public (undocumented)
export interface ChatProps extends React_2.HTMLAttributes<HTMLDivElement>, ChatOptions {
    // (undocumented)
    messageFormatter?: MessageFormatter;
}

// @public
export const ChatToggle: (props: ChatToggleProps & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactNode;

// @public (undocumented)
export interface ChatToggleProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
}

// Warning: (ae-internal-missing-underscore) The name "Chevron" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const Chevron: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// @public
export const ClearPinButton: (props: ClearPinButtonProps & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactNode;

// @public (undocumented)
export interface ClearPinButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
}

// @public
export const ConnectionQualityIndicator: (props: ConnectionQualityIndicatorProps & React_2.RefAttributes<HTMLDivElement>) => React_2.ReactNode;

// @public (undocumented)
export interface ConnectionQualityIndicatorOptions {
    // (undocumented)
    participant?: Participant;
}

// @public (undocumented)
export interface ConnectionQualityIndicatorProps extends React_2.HTMLAttributes<HTMLDivElement>, ConnectionQualityIndicatorOptions {
}

// @public
export const ConnectionState: (props: ConnectionStatusProps & React_2.RefAttributes<HTMLDivElement>) => React_2.ReactNode;

// @public
export function ConnectionStateToast(props: ConnectionStateToastProps): React_2.JSX.Element;

// @public (undocumented)
export interface ConnectionStateToastProps extends React_2.HTMLAttributes<HTMLDivElement> {
    // (undocumented)
    room?: Room;
}

// @public (undocumented)
export interface ConnectionStatusProps extends React_2.HTMLAttributes<HTMLDivElement> {
    room?: Room;
}

// @public
export function ControlBar({ variation, controls, saveUserChoices, onDeviceError, ...props }: ControlBarProps): React_2.JSX.Element;

// @public (undocumented)
export type ControlBarControls = {
    microphone?: boolean;
    camera?: boolean;
    chat?: boolean;
    screenShare?: boolean;
    leave?: boolean;
    settings?: boolean;
};

// @public (undocumented)
export interface ControlBarProps extends React_2.HTMLAttributes<HTMLDivElement> {
    // (undocumented)
    controls?: ControlBarControls;
    // (undocumented)
    onDeviceError?: (error: {
        source: Track.Source;
        error: Error;
    }) => void;
    // @alpha
    saveUserChoices?: boolean;
    // (undocumented)
    variation?: 'minimal' | 'verbose' | 'textOnly';
}

// @public
export const DisconnectButton: (props: DisconnectButtonProps & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactNode;

// @public (undocumented)
export interface DisconnectButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
    // (undocumented)
    stopTracks?: boolean;
}

// Warning: (ae-internal-missing-underscore) The name "FeatureFlags" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export interface FeatureFlags {
    // (undocumented)
    autoSubscription?: boolean;
}

// @public
export function FocusLayout({ trackRef, ...htmlProps }: FocusLayoutProps): React_2.JSX.Element;

// @public
export function FocusLayoutContainer(props: FocusLayoutContainerProps): React_2.JSX.Element;

// @public (undocumented)
export interface FocusLayoutContainerProps extends React_2.HTMLAttributes<HTMLDivElement> {
}

// @public (undocumented)
export interface FocusLayoutProps extends React_2.HTMLAttributes<HTMLElement> {
    // (undocumented)
    onParticipantClick?: (evt: ParticipantClickEvent_2) => void;
    trackRef?: TrackReferenceOrPlaceholder_3;
}

// @public
export const FocusToggle: (props: FocusToggleProps & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactNode;

// Warning: (ae-internal-missing-underscore) The name "FocusToggleIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const FocusToggleIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// @public (undocumented)
export interface FocusToggleProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
    // (undocumented)
    trackRef?: TrackReferenceOrPlaceholder_3;
}

// @public (undocumented)
export function formatChatMessageLinks(message: string): React_2.ReactNode;

// Warning: (ae-internal-missing-underscore) The name "GearIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const GearIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// @public
export function GridLayout({ tracks, ...props }: GridLayoutProps): React_2.JSX.Element;

export { GridLayoutDefinition }

// @public (undocumented)
export interface GridLayoutProps extends React_2.HTMLAttributes<HTMLDivElement>, Pick<UseParticipantsOptions, 'updateOnlyOn'> {
    // (undocumented)
    children: React_2.ReactNode;
    // (undocumented)
    tracks: TrackReferenceOrPlaceholder_3[];
}

export { isTrackReference }

// @public (undocumented)
export const LayoutContext: React_2.Context<LayoutContextType | undefined>;

// @alpha (undocumented)
export function LayoutContextProvider({ value, onPinChange, onWidgetChange, children, }: React_2.PropsWithChildren<LayoutContextProviderProps>): React_2.JSX.Element;

// @alpha (undocumented)
export interface LayoutContextProviderProps {
    // (undocumented)
    onPinChange?: (state: PinState_3) => void;
    // (undocumented)
    onWidgetChange?: (state: WidgetState_3) => void;
    // (undocumented)
    value?: LayoutContextType;
}

// @public (undocumented)
export type LayoutContextType = {
    pin: PinContextType;
    widget: WidgetContextType;
};

// Warning: (ae-internal-missing-underscore) The name "LeaveIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const LeaveIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// @public
export const LiveKitRoom: (props: React_2.PropsWithChildren<LiveKitRoomProps> & React_2.RefAttributes<HTMLDivElement>) => React_2.ReactNode;

// @public (undocumented)
export interface LiveKitRoomProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onError'> {
    audio?: AudioCaptureOptions | boolean;
    connect?: boolean;
    connectOptions?: RoomConnectOptions;
    // @internal (undocumented)
    featureFlags?: FeatureFlags;
    // (undocumented)
    onConnected?: () => void;
    // (undocumented)
    onDisconnected?: (reason?: DisconnectReason) => void;
    // (undocumented)
    onEncryptionError?: (error: Error) => void;
    // (undocumented)
    onError?: (error: Error) => void;
    // (undocumented)
    onMediaDeviceFailure?: (failure?: MediaDeviceFailure) => void;
    options?: RoomOptions;
    room?: Room;
    screen?: ScreenShareCaptureOptions | boolean;
    serverUrl: string | undefined;
    // (undocumented)
    simulateParticipants?: number | undefined;
    token: string | undefined;
    video?: VideoCaptureOptions | boolean;
}

// Warning: (ae-internal-missing-underscore) The name "LKFeatureContext" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const LKFeatureContext: React_2.Context<FeatureFlags | undefined>;

export { LocalUserChoices }

// Warning: (ae-internal-missing-underscore) The name "LockLockedIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const LockLockedIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// @public
export function MediaDeviceMenu({ kind, initialSelection, onActiveDeviceChange, tracks, requestPermissions, ...props }: MediaDeviceMenuProps): React_2.JSX.Element;

// @public (undocumented)
export interface MediaDeviceMenuProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
    // (undocumented)
    initialSelection?: string;
    // (undocumented)
    kind?: MediaDeviceKind;
    // (undocumented)
    onActiveDeviceChange?: (kind: MediaDeviceKind, deviceId: string) => void;
    requestPermissions?: boolean;
    // (undocumented)
    tracks?: Partial<Record<MediaDeviceKind, LocalAudioTrack | LocalVideoTrack | undefined>>;
}

// @public
export const MediaDeviceSelect: (props: MediaDeviceSelectProps & React_2.RefAttributes<HTMLUListElement>) => React_2.ReactNode;

// @public (undocumented)
export interface MediaDeviceSelectProps extends Omit<React_2.HTMLAttributes<HTMLUListElement>, 'onError'> {
    exactMatch?: boolean;
    // (undocumented)
    initialSelection?: string;
    // (undocumented)
    kind: MediaDeviceKind;
    // (undocumented)
    onActiveDeviceChange?: (deviceId: string) => void;
    // (undocumented)
    onDeviceListChange?: (devices: MediaDeviceInfo[]) => void;
    // (undocumented)
    onDeviceSelectError?: (e: Error) => void;
    // (undocumented)
    onError?: (e: Error) => void;
    requestPermissions?: boolean;
    // (undocumented)
    track?: LocalAudioTrack | LocalVideoTrack;
}

export { MessageDecoder }

export { MessageEncoder }

// @public (undocumented)
export type MessageFormatter = (message: string) => React_2.ReactNode;

// Warning: (ae-internal-missing-underscore) The name "MicDisabledIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const MicDisabledIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// Warning: (ae-internal-missing-underscore) The name "MicIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const MicIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// @alpha
export interface MultiBandTrackVolumeOptions {
    // (undocumented)
    analyserOptions?: AnalyserOptions;
    // (undocumented)
    bands?: number;
    hiPass?: number;
    loPass?: number;
    updateInterval?: number;
}

// @public
export const ParticipantAudioTile: (props: ParticipantTileProps & React_2.RefAttributes<HTMLDivElement>) => React_2.ReactNode;

export { ParticipantClickEvent }

// @public (undocumented)
export const ParticipantContext: React_2.Context<Participant | undefined>;

// @public
export function ParticipantContextIfNeeded(props: React_2.PropsWithChildren<{
    participant?: Participant;
}>): React_2.JSX.Element;

export { ParticipantIdentifier }

// @public
export function ParticipantLoop({ participants, ...props }: ParticipantLoopProps): React_2.JSX.Element;

// @public (undocumented)
export interface ParticipantLoopProps {
    children: React_2.ReactNode;
    participants: Participant[];
}

// @public
export const ParticipantName: (props: ParticipantNameProps & React_2.RefAttributes<HTMLSpanElement>) => React_2.ReactNode;

// @public (undocumented)
export interface ParticipantNameProps extends React_2.HTMLAttributes<HTMLSpanElement>, UseParticipantInfoOptions {
}

// Warning: (ae-internal-missing-underscore) The name "ParticipantPlaceholder" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const ParticipantPlaceholder: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// @public
export const ParticipantTile: (props: ParticipantTileProps & React_2.RefAttributes<HTMLDivElement>) => React_2.ReactNode;

// @public (undocumented)
export interface ParticipantTileProps extends React_2.HTMLAttributes<HTMLDivElement> {
    // (undocumented)
    disableSpeakingIndicator?: boolean;
    // (undocumented)
    onParticipantClick?: (event: ParticipantClickEvent_2) => void;
    trackRef?: TrackReferenceOrPlaceholder_3;
}

export { PinState }

// @public
export function PreJoin({ defaults, onValidate, onSubmit, onError, debug, joinLabel, micLabel, camLabel, userLabel, persistUserChoices, videoProcessor, ...htmlProps }: PreJoinProps): React_2.JSX.Element;

// @public
export interface PreJoinProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSubmit' | 'onError'> {
    // (undocumented)
    camLabel?: string;
    debug?: boolean;
    defaults?: Partial<LocalUserChoices_2>;
    // (undocumented)
    joinLabel?: string;
    // (undocumented)
    micLabel?: string;
    // (undocumented)
    onError?: (error: Error) => void;
    onSubmit?: (values: LocalUserChoices_2) => void;
    onValidate?: (values: LocalUserChoices_2) => boolean;
    // @alpha
    persistUserChoices?: boolean;
    // (undocumented)
    userLabel?: string;
    // (undocumented)
    videoProcessor?: TrackProcessor<Track.Kind.Video>;
}

// Warning: (ae-internal-missing-underscore) The name "QualityExcellentIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const QualityExcellentIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// Warning: (ae-internal-missing-underscore) The name "QualityGoodIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const QualityGoodIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// Warning: (ae-internal-missing-underscore) The name "QualityPoorIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const QualityPoorIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// Warning: (ae-internal-missing-underscore) The name "QualityUnknownIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const QualityUnknownIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

export { ReceivedChatMessage }

// @public
export function RoomAudioRenderer({ volume, muted }: RoomAudioRendererProps): React_2.JSX.Element;

// @public (undocumented)
export interface RoomAudioRendererProps {
    // @alpha
    muted?: boolean;
    volume?: number;
}

// @public (undocumented)
export const RoomContext: React_2.Context<Room | undefined>;

// @public
export const RoomName: React_2.FC<RoomNameProps & React_2.RefAttributes<HTMLSpanElement>>;

// @public (undocumented)
export interface RoomNameProps extends React_2.HTMLAttributes<HTMLSpanElement> {
    // (undocumented)
    childrenPosition?: 'before' | 'after';
}

// Warning: (ae-internal-missing-underscore) The name "ScreenShareIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const ScreenShareIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// Warning: (ae-internal-missing-underscore) The name "ScreenShareStopIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const ScreenShareStopIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

export { setLogExtension }

export { setLogLevel }

// Warning: (ae-internal-missing-underscore) The name "SpinnerIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const SpinnerIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// @public
export const StartAudio: (props: AllowAudioPlaybackProps & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactNode;

// @public
export const StartMediaButton: (props: AllowMediaPlaybackProps & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactNode;

// @public
export function Toast(props: React_2.HTMLAttributes<HTMLDivElement>): React_2.JSX.Element;

// @public
export function TrackLoop({ tracks, ...props }: TrackLoopProps): React_2.JSX.Element;

// @public (undocumented)
export interface TrackLoopProps {
    children: React_2.ReactNode;
    tracks: TrackReference_3[] | TrackReferenceOrPlaceholder_4[];
}

// @public
export const TrackMutedIndicator: (props: TrackMutedIndicatorProps & React_2.RefAttributes<HTMLDivElement>) => React_2.ReactNode;

// @public (undocumented)
export interface TrackMutedIndicatorProps extends React_2.HTMLAttributes<HTMLDivElement> {
    // (undocumented)
    show?: 'always' | 'muted' | 'unmuted';
    // (undocumented)
    trackRef: TrackReferenceOrPlaceholder_3;
}

// @public
export const TrackRefContext: React_2.Context<TrackReferenceOrPlaceholder_4 | undefined>;

// Warning: (ae-internal-missing-underscore) The name "TrackRefContextIfNeeded" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export function TrackRefContextIfNeeded(props: React_2.PropsWithChildren<{
    trackRef?: TrackReferenceOrPlaceholder_3;
}>): React_2.JSX.Element;

export { TrackReference }

export { TrackReferenceOrPlaceholder }

// @public
export const TrackToggle: <T extends ToggleSource>(props: TrackToggleProps<T> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactNode;

// @public (undocumented)
export interface TrackToggleProps<T extends ToggleSource> extends Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
    // (undocumented)
    captureOptions?: CaptureOptionsBySource<T>;
    // (undocumented)
    initialState?: boolean;
    onChange?: (enabled: boolean, isUserInitiated: boolean) => void;
    // (undocumented)
    onDeviceError?: (error: Error) => void;
    // (undocumented)
    publishOptions?: TrackPublishOptions;
    // (undocumented)
    showIcon?: boolean;
    // (undocumented)
    source: T;
}

// @alpha (undocumented)
export interface TrackTranscriptionOptions {
    bufferSize?: number;
    onTranscription?: (newSegments: TranscriptionSegment[]) => void;
}

// Warning: (ae-internal-missing-underscore) The name "UnfocusToggleIcon" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const UnfocusToggleIcon: (props: SVGProps<SVGSVGElement>) => React_2.JSX.Element;

// @alpha
export function useAudioPlayback(room?: Room): {
    canPlayAudio: boolean;
    startAudio: () => Promise<void>;
};

// @alpha (undocumented)
export function useAudioWaveform(trackOrTrackReference?: LocalAudioTrack | RemoteAudioTrack | TrackReferenceOrPlaceholder_4, options?: AudioWaveformOptions): {
    bars: number[];
};

// @public
export function useChat(options?: ChatOptions): {
    send: (message: string) => Promise<ChatMessage_2>;
    update: (message: string, originalMessageOrId: string | ChatMessage_2) => Promise<{
        readonly message: string;
        readonly editTimestamp: number;
        readonly id: string;
        readonly timestamp: number;
    }>;
    chatMessages: ReceivedChatMessage_2[];
    isSending: boolean;
};

// @public
export function useChatToggle({ props }: UseChatToggleProps): {
    mergedProps: React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
        className: string;
        onClick: () => void;
        'aria-pressed': string;
        'data-lk-unread-msgs': string;
    };
};

// @public (undocumented)
export interface UseChatToggleProps {
    // (undocumented)
    props: React_2.ButtonHTMLAttributes<HTMLButtonElement>;
}

// @public
export function useClearPinButton(props: ClearPinButtonProps): {
    buttonProps: ClearPinButtonProps & {
        className: string;
        disabled: boolean;
        onClick: () => void;
    };
};

// @public
export function useConnectionQualityIndicator(options?: ConnectionQualityIndicatorOptions): {
    className: "lk-connection-quality";
    quality: ConnectionQuality;
};

// @public
export function useConnectionState(room?: Room): ConnectionState_2;

// @public (undocumented)
export function useCreateLayoutContext(): LayoutContextType;

// Warning: (ae-forgotten-export) The symbol "UseDataChannelReturnType" needs to be exported by the entry point index.docs.d.ts
//
// @public
export function useDataChannel<T extends string>(topic: T, onMessage?: (msg: ReceivedDataMessage<T>) => void): UseDataChannelReturnType<T>;

// @public
export function useDataChannel(onMessage?: (msg: ReceivedDataMessage) => void): UseDataChannelReturnType;

// @public
export function useDisconnectButton(props: DisconnectButtonProps): {
    buttonProps: DisconnectButtonProps & {
        className: string;
        onClick: () => void;
        disabled: boolean;
    };
};

// @public (undocumented)
export function useEnsureCreateLayoutContext(layoutContext?: LayoutContextType): LayoutContextType;

// @public
export function useEnsureLayoutContext(layoutContext?: LayoutContextType): LayoutContextType;

// @public
export function useEnsureParticipant(participant?: Participant): Participant;

// @public
export function useEnsureRoom(room?: Room): Room;

// @public
export function useEnsureTrackRef(trackRef?: TrackReferenceOrPlaceholder_4): TrackReferenceOrPlaceholder_4;

// @alpha
export function useFacingMode(trackReference: TrackReferenceOrPlaceholder_4): 'user' | 'environment' | 'left' | 'right' | 'undefined';

// Warning: (ae-forgotten-export) The symbol "FeatureContext" needs to be exported by the entry point index.docs.d.ts
// Warning: (ae-internal-missing-underscore) The name "useFeatureContext" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export function useFeatureContext<T extends boolean>(require?: T): FeatureContext<T>;

// @public
export function useFocusToggle({ trackRef, props }: UseFocusToggleProps): {
    mergedProps: React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
        className: string;
        onClick: (event: React_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
    };
    inFocus: boolean;
};

// @public (undocumented)
export interface UseFocusToggleProps {
    // (undocumented)
    props: React_2.ButtonHTMLAttributes<HTMLButtonElement>;
    // (undocumented)
    trackRef?: TrackReferenceOrPlaceholder_4;
}

// @public
export function useGridLayout(
gridElement: React_2.RefObject<HTMLDivElement>,
trackCount: number, options?: {
    gridLayouts?: GridLayoutDefinition_2[];
}): {
    layout: GridLayoutInfo;
    containerWidth: number;
    containerHeight: number;
};

// @alpha (undocumented)
export function useIsEncrypted(participant?: Participant, options?: UseIsEncryptedOptions): boolean;

// @alpha (undocumented)
export interface UseIsEncryptedOptions {
    // (undocumented)
    room?: Room;
}

// @public
export function useIsMuted(trackRef: TrackReferenceOrPlaceholder_4): boolean;

// @public (undocumented)
export interface UseIsMutedOptions {
    // (undocumented)
    participant?: Participant;
}

// @public
export function useIsRecording(room?: Room): boolean;

// @public
export function useIsSpeaking(participant?: Participant): boolean;

// @beta
export function useKrispNoiseFilter(options?: useKrispNoiseFilterOptions): {
    setNoiseFilterEnabled: (enable: boolean) => Promise<void>;
    isNoiseFilterEnabled: boolean;
    isNoiseFilterPending: boolean;
    processor: KrispNoiseFilterProcessor | undefined;
};

// @beta (undocumented)
export interface useKrispNoiseFilterOptions {
    // @internal (undocumented)
    filterOptions?: NoiseFilterOptions;
    trackRef?: TrackReferenceOrPlaceholder_2;
}

// @public
export function useLayoutContext(): LayoutContextType;

// @public
export function useLiveKitRoom<T extends HTMLElement>(props: LiveKitRoomProps): {
    room: Room | undefined;
    htmlProps: HTMLAttributes<T>;
};

// @public
export function useLocalParticipant(options?: UseLocalParticipantOptions): {
    isMicrophoneEnabled: boolean;
    isScreenShareEnabled: boolean;
    isCameraEnabled: boolean;
    microphoneTrack: TrackPublication | undefined;
    cameraTrack: TrackPublication | undefined;
    lastMicrophoneError: Error | undefined;
    lastCameraError: Error | undefined;
    localParticipant: LocalParticipant;
};

// @public (undocumented)
export interface UseLocalParticipantOptions {
    room?: Room;
}

// @public
export function useLocalParticipantPermissions(): ParticipantPermission | undefined;

// @public
export function useMaybeLayoutContext(): LayoutContextType | undefined;

// @public
export function useMaybeParticipantContext(): Participant | undefined;

// @public
export function useMaybeRoomContext(): Room | undefined;

// @public
export function useMaybeTrackRefContext(): TrackReferenceOrPlaceholder_4 | undefined;

// @public
export function useMediaDevices({ kind, onError, }: {
    kind: MediaDeviceKind;
    onError?: (e: Error) => void;
}): MediaDeviceInfo[];

// @public
export function useMediaDeviceSelect({ kind, room, track, requestPermissions, onError, }: UseMediaDeviceSelectProps): {
    devices: MediaDeviceInfo[];
    className: string;
    activeDeviceId: string;
    setActiveMediaDevice: (id: string, options?: SetMediaDeviceOptions) => Promise<void>;
};

// @public (undocumented)
export interface UseMediaDeviceSelectProps {
    // (undocumented)
    kind: MediaDeviceKind;
    onError?: (e: Error) => void;
    requestPermissions?: boolean;
    // (undocumented)
    room?: Room;
    // (undocumented)
    track?: LocalAudioTrack | LocalVideoTrack;
}

// @alpha
export function useMultibandTrackVolume(trackOrTrackReference?: LocalAudioTrack | RemoteAudioTrack | TrackReferenceOrPlaceholder_4, options?: MultiBandTrackVolumeOptions): number[];

// @alpha
export function usePagination(itemPerPage: number, trackReferences: TrackReferenceOrPlaceholder_4[]): {
    totalPageCount: number;
    nextPage: () => void;
    prevPage: () => void;
    setPage: (num: number) => void;
    firstItemIndex: number;
    lastItemIndex: number;
    tracks: TrackReferenceOrPlaceholder_4[];
    currentPage: number;
};

// @public
export function useParticipantAttribute(attributeKey: string, options?: UseParticipantAttributesOptions): string;

// @public (undocumented)
export function useParticipantAttributes(props?: UseParticipantAttributesOptions): {
    attributes: Readonly<Record<string, string>> | undefined;
};

// @public
export interface UseParticipantAttributesOptions {
    // (undocumented)
    participant?: Participant;
}

// @public
export function useParticipantContext(): Participant;

// @public (undocumented)
export function useParticipantInfo(props?: UseParticipantInfoOptions): {
    identity: string | undefined;
    name: string | undefined;
    metadata: string | undefined;
};

// @public
export interface UseParticipantInfoOptions {
    // (undocumented)
    participant?: Participant;
}

// @public (undocumented)
export function useParticipantPermissions(options?: UseParticipantPermissionsOptions): ParticipantPermission | undefined;

// @public
export interface UseParticipantPermissionsOptions {
    // (undocumented)
    participant?: Participant;
}

// @public
export function useParticipants(options?: UseParticipantsOptions): (RemoteParticipant | LocalParticipant)[];

// @public (undocumented)
export interface UseParticipantsOptions {
    room?: Room;
    updateOnlyOn?: RoomEvent[];
}

// @public
export function useParticipantTile<T extends HTMLElement>({ trackRef, onParticipantClick, disableSpeakingIndicator, htmlProps, }: UseParticipantTileProps<T>): {
    elementProps: React_2.HTMLAttributes<T>;
};

// @public (undocumented)
export interface UseParticipantTileProps<T extends HTMLElement> extends React_2.HTMLAttributes<T> {
    // (undocumented)
    disableSpeakingIndicator?: boolean;
    // (undocumented)
    htmlProps: React_2.HTMLAttributes<T>;
    // (undocumented)
    onParticipantClick?: (event: ParticipantClickEvent_3) => void;
    trackRef?: TrackReferenceOrPlaceholder_4;
}

// @public
export function useParticipantTracks(sources: Track.Source[], participantIdentity?: string): TrackReference_3[];

// @alpha
export function usePersistentUserChoices(options?: UsePersistentUserChoicesOptions): {
    userChoices: LocalUserChoices_2;
    saveAudioInputEnabled: (isEnabled: boolean) => void;
    saveVideoInputEnabled: (isEnabled: boolean) => void;
    saveAudioInputDeviceId: (deviceId: string) => void;
    saveVideoInputDeviceId: (deviceId: string) => void;
    saveUsername: (username: string) => void;
};

// @alpha
export interface UsePersistentUserChoicesOptions {
    defaults?: Partial<LocalUserChoices_2>;
    preventLoad?: boolean;
    preventSave?: boolean;
}

// @public
export function usePinnedTracks(layoutContext?: LayoutContextType): TrackReferenceOrPlaceholder_4[];

// @public @deprecated (undocumented)
export function usePreviewDevice<T extends LocalVideoTrack | LocalAudioTrack>(enabled: boolean, deviceId: string, kind: 'videoinput' | 'audioinput'): {
    selectedDevice: MediaDeviceInfo | undefined;
    localTrack: T | undefined;
    deviceError: Error | null;
};

// @public (undocumented)
export function usePreviewTracks(options: CreateLocalTracksOptions, onError?: (err: Error) => void): LocalTrack<Track.Kind>[] | undefined;

// @public
export function useRemoteParticipant(identifier: ParticipantIdentifier_2, options?: UseRemoteParticipantOptions): RemoteParticipant | undefined;

// @public
export function useRemoteParticipant(identity: string, options?: UseRemoteParticipantOptions): RemoteParticipant | undefined;

// @public (undocumented)
export interface UseRemoteParticipantOptions {
    updateOnlyOn?: ParticipantEvent[];
}

// @public
export function useRemoteParticipants(options?: UseRemoteParticipantsOptions): RemoteParticipant[];

// @public (undocumented)
export interface UseRemoteParticipantsOptions {
    room?: Room;
    updateOnlyOn?: RoomEvent[];
}

// @public (undocumented)
export interface UserInfo {
    // (undocumented)
    identity?: string;
    // (undocumented)
    metadata?: string;
    // (undocumented)
    name?: string;
}

// @public
export function useRoomContext(): Room;

// @public (undocumented)
export function useRoomInfo(options?: UseRoomInfoOptions): {
    name: string;
    metadata: string | undefined;
};

// @public
export interface UseRoomInfoOptions {
    // (undocumented)
    room?: Room;
}

// @public
export function useSortedParticipants(participants: Array<Participant>): Participant[];

// @public
export function useSpeakingParticipants(): Participant[];

// @alpha
export function useStartAudio({ room, props }: UseStartAudioProps): {
    mergedProps: React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
        className: string;
        onClick: () => void;
        style: {
            display: string;
        };
    };
    canPlayAudio: boolean;
};

// @alpha (undocumented)
export interface UseStartAudioProps {
    // (undocumented)
    props: React_2.ButtonHTMLAttributes<HTMLButtonElement>;
    // (undocumented)
    room?: Room;
}

// @alpha
export function useStartVideo({ room, props }: UseStartVideoProps): {
    mergedProps: React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
        className: string;
        onClick: () => void;
        style: {
            display: string;
        };
    };
    canPlayVideo: boolean;
};

// @alpha (undocumented)
export interface UseStartVideoProps {
    // (undocumented)
    props: React_2.ButtonHTMLAttributes<HTMLButtonElement>;
    // (undocumented)
    room?: Room;
}

// @alpha
export function useSwipe(element: React_2.RefObject<HTMLElement>, options?: UseSwipeOptions): void;

// @alpha (undocumented)
export type UseSwipeOptions = {
    minSwipeDistance?: number;
    onLeftSwipe?: () => void;
    onRightSwipe?: () => void;
};

// @public
export function useToken(tokenEndpoint: string | undefined, roomName: string, options?: UseTokenOptions): string | undefined;

// @public (undocumented)
export interface UseTokenOptions {
    // (undocumented)
    userInfo?: UserInfo;
}

// @public
export function useTrackByName(name: string, participant?: Participant): TrackReferenceOrPlaceholder_4;

// Warning: (ae-forgotten-export) The symbol "TrackMutedIndicatorReturnType" needs to be exported by the entry point index.docs.d.ts
//
// @public
export function useTrackMutedIndicator(trackRef?: TrackReferenceOrPlaceholder_4): TrackMutedIndicatorReturnType;

// @public
export function useTrackRefContext(): TrackReferenceOrPlaceholder_4;

// @public
export function useTracks<T extends SourcesArray = Track.Source[]>(sources?: T, options?: UseTracksOptions): UseTracksHookReturnType<T>;

// @public (undocumented)
export type UseTracksHookReturnType<T> = T extends Track.Source[] ? TrackReference_3[] : T extends TrackSourceWithOptions[] ? TrackReferenceOrPlaceholder_4[] : never;

// @public (undocumented)
export type UseTracksOptions = {
    updateOnlyOn?: RoomEvent[];
    onlySubscribed?: boolean;
    room?: Room;
};

// @public
export function useTrackToggle<T extends ToggleSource_2>({ source, onChange, initialState, captureOptions, publishOptions, onDeviceError, ...rest }: UseTrackToggleProps<T>): {
    toggle: ((forceState?: boolean) => Promise<void>) | ((forceState?: boolean, captureOptions?: CaptureOptionsBySource_2<T> | undefined) => Promise<boolean | undefined>);
    enabled: boolean;
    pending: boolean;
    track: LocalTrackPublication | undefined;
    buttonProps: React_2.ButtonHTMLAttributes<HTMLButtonElement>;
};

// @public (undocumented)
export interface UseTrackToggleProps<T extends ToggleSource_2> extends Omit<TrackToggleProps<T>, 'showIcon'> {
}

// @alpha (undocumented)
export function useTrackTranscription(trackRef: TrackReferenceOrPlaceholder_4 | undefined, options?: TrackTranscriptionOptions): {
    segments: ReceivedTranscriptionSegment[];
};

// @alpha
export function useTrackVolume(trackOrTrackReference?: LocalAudioTrack | RemoteAudioTrack | TrackReference_3, options?: AudioAnalyserOptions): number;

// @public
export function useVisualStableUpdate(
trackReferences: TrackReferenceOrPlaceholder_4[], maxItemsOnPage: number, options?: UseVisualStableUpdateOptions): TrackReferenceOrPlaceholder_4[];

// @public (undocumented)
export interface UseVisualStableUpdateOptions {
    customSortFunction?: (trackReferences: TrackReferenceOrPlaceholder_4[]) => TrackReferenceOrPlaceholder_4[];
}

// @beta
export function useVoiceAssistant(): VoiceAssistant;

// @public
export function VideoConference({ chatMessageFormatter, chatMessageDecoder, chatMessageEncoder, SettingsComponent, ...props }: VideoConferenceProps): React_2.JSX.Element;

// @public (undocumented)
export interface VideoConferenceProps extends React_2.HTMLAttributes<HTMLDivElement> {
    // (undocumented)
    chatMessageDecoder?: MessageDecoder_2;
    // (undocumented)
    chatMessageEncoder?: MessageEncoder_2;
    // (undocumented)
    chatMessageFormatter?: MessageFormatter;
    // @alpha (undocumented)
    SettingsComponent?: React_2.ComponentType;
}

// @public
export const VideoTrack: (props: VideoTrackProps & React_2.RefAttributes<HTMLVideoElement>) => React_2.ReactNode;

// @public (undocumented)
export interface VideoTrackProps extends React_2.VideoHTMLAttributes<HTMLVideoElement> {
    // (undocumented)
    manageSubscription?: boolean;
    // (undocumented)
    onSubscriptionStatusChanged?: (subscribed: boolean) => void;
    // (undocumented)
    onTrackClick?: (evt: ParticipantClickEvent_2) => void;
    trackRef?: TrackReference_2;
}

// @beta (undocumented)
export interface VoiceAssistant {
    // (undocumented)
    agent: RemoteParticipant | undefined;
    // (undocumented)
    agentAttributes: RemoteParticipant['attributes'] | undefined;
    // (undocumented)
    agentTranscriptions: ReceivedTranscriptionSegment[];
    // (undocumented)
    audioTrack: TrackReference_3 | undefined;
    // (undocumented)
    state: AgentState;
}

// @beta (undocumented)
export function VoiceAssistantControlBar({ controls, saveUserChoices, onDeviceError, ...props }: VoiceAssistantControlBarProps): React_2.JSX.Element;

// @beta (undocumented)
export type VoiceAssistantControlBarControls = {
    microphone?: boolean;
    leave?: boolean;
};

// @beta (undocumented)
export interface VoiceAssistantControlBarProps extends React_2.HTMLAttributes<HTMLDivElement> {
    // (undocumented)
    controls?: VoiceAssistantControlBarControls;
    // (undocumented)
    onDeviceError?: (error: {
        source: Track.Source;
        error: Error;
    }) => void;
    saveUserChoices?: boolean;
}

export { WidgetState }

// Warnings were encountered during analysis:
//
// src/context/layout-context.ts:10:3 - (ae-forgotten-export) The symbol "PinContextType" needs to be exported by the entry point index.docs.d.ts
// src/context/layout-context.ts:11:3 - (ae-forgotten-export) The symbol "WidgetContextType" needs to be exported by the entry point index.docs.d.ts

// (No @packageDocumentation comment for this package)