@stream-io/video-react-sdk 2.0.0-beta.0 → 2.0.0-beta.1

package/dist/index.d.ts

@@ -3,6 +3,6 @@ export * from '@stream-io/video-react-bindings';
 export * from './src/core';
 export * from './src/components';
 export * from './src/wrappers';
-export * from './src/translations';
+export * from './src/i18n';
 export { useHorizontalScrollPosition, useVerticalScrollPosition, useRequestPermission, usePersistedDevicePreferences, useDeviceList, useModeration, useLoopbackRecording, type LoopbackRecordingState, type StartLoopbackRecordingOptions, type UseLoopbackRecordingResult, } from './src/hooks';
 export { applyFilter, type Filter } from './src/utilities/filter';

package/dist/src/components/Avatar/Avatar.d.ts

@@ -1,15 +1,20 @@
 import { ComponentProps, CSSProperties } from 'react';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 export type AvatarData = {
     imageSrc?: string;
     name?: string;
     style?: CSSProperties & Record<string, string | number>;
 };
-export type AvatarProps = AvatarData & ComponentProps<'img'>;
-export declare const Avatar: ({ imageSrc, name, style, className, ...rest }: AvatarProps) => import("react").JSX.Element;
+export type AvatarVariantProps = {
+    size?: AvatarSize;
+    showOutline?: boolean;
+};
+export type AvatarProps = AvatarData & ComponentProps<'img'> & AvatarVariantProps;
+export declare const Avatar: ({ imageSrc, name, style, className, size, showOutline, ...rest }: AvatarProps) => import("react").JSX.Element | null;
 type AvatarFallbackProps = {
     names: string[];
     className?: string;
     style?: CSSProperties & Record<string, string | number>;
-};
-export declare const AvatarFallback: ({ className, names, style, }: AvatarFallbackProps) => import("react").JSX.Element;
+} & AvatarVariantProps;
+export declare const AvatarFallback: ({ className, names, style, size, showOutline, }: AvatarFallbackProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Badge/Badge.d.ts

@@ -0,0 +1,23 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type BadgeVariant = 'default' | 'primary' | 'error' | 'neutral' | 'inverse';
+export type BadgeSize = 'xs' | 'sm' | 'md';
+export type BadgeProps = ComponentPropsWithoutRef<'span'> & {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    icon?: string;
+};
+/**
+ * A compact badge for counts, notifications and error markers.
+ *
+ * Without `icon` it is a pill that grows with its content; with `icon` it is a
+ * circle of the size given by `size`.
+ *
+ * The badge carries no positioning of its own — whatever it annotates places
+ * it. For the call controls, rendering a badge among `CompositeButton`'s
+ * children anchors it to the top-right corner of the button.
+ */
+export declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    icon?: string;
+} & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/src/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export * from './Badge';

package/dist/src/components/Button/Button.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'destructive';
+export type ButtonAppearance = 'solid' | 'outline' | 'ghost';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    variant?: ButtonVariant;
+    appearance?: ButtonAppearance;
+    size?: ButtonSize;
+    active?: boolean;
+};
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    variant?: ButtonVariant;
+    appearance?: ButtonAppearance;
+    size?: ButtonSize;
+    active?: boolean;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/src/components/Button/CompositeButton.d.ts

@@ -1,7 +1,8 @@
 import { ToggleMenuButtonProps } from '../Menu';
 import { ComponentProps, ComponentType, PropsWithChildren, ReactElement } from 'react';
 import { Placement } from '@floating-ui/react';
-export type IconButtonWithMenuProps<E extends HTMLElement = HTMLButtonElement> = PropsWithChildren<{
+import { ButtonAppearance, ButtonSize, ButtonVariant } from './Button';
+export type CompositeButtonProps<E extends HTMLElement = HTMLButtonElement> = PropsWithChildren<{
     active?: boolean;
     Menu?: ComponentType | ReactElement | null;
     caption?: string;
@@ -9,7 +10,9 @@ export type IconButtonWithMenuProps<E extends HTMLElement = HTMLButtonElement> =
     menuPlacement?: Placement;
     menuOffset?: number;
     ToggleMenuButton?: ComponentType<ToggleMenuButtonProps<E>>;
-    variant?: 'primary' | 'secondary';
+    variant?: ButtonVariant;
+    appearance?: ButtonAppearance;
+    size?: Exclude<ButtonSize, 'xs'>;
     onMenuToggle?: (menuShown: boolean) => void;
 }> & ComponentProps<'button'>;
-export declare const CompositeButton: import("react").ForwardRefExoticComponent<Omit<IconButtonWithMenuProps<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CompositeButton: import("react").ForwardRefExoticComponent<Omit<CompositeButtonProps<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/Button/IconButton.d.ts

@@ -1,7 +1,7 @@
-import { ComponentProps } from 'react';
-import { IconProps } from '../Icon';
-export type ButtonWithIconProps = {
-    enabled?: boolean;
-    variant?: string;
-} & ComponentProps<'button'> & IconProps;
-export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<ButtonWithIconProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+import { ButtonProps } from './Button';
+export type IconButtonProps = Omit<ButtonProps, 'children'> & {
+    icon: string;
+};
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "children"> & {
+    icon: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/src/components/Button/index.d.ts

@@ -1,3 +1,3 @@
-export * from './CompositeButton';
+export * from './Button';
 export * from './IconButton';
-export * from './TextButton';
+export * from './CompositeButton';

package/dist/src/components/CallControls/CancelCallButton.d.ts

@@ -1,9 +1,11 @@
 import { MouseEventHandler } from 'react';
+import { ButtonProps } from '../Button';
 export type CancelCallButtonProps = {
     disabled?: boolean;
     caption?: string;
+    size?: ButtonProps['size'];
     onClick?: MouseEventHandler<HTMLButtonElement>;
     onLeave?: (err?: Error) => void;
 };
 export declare const CancelCallConfirmButton: ({ onClick, onLeave, }: CancelCallButtonProps) => import("react").JSX.Element;
-export declare const CancelCallButton: ({ disabled, caption, onClick, onLeave, }: CancelCallButtonProps) => import("react").JSX.Element;
+export declare const CancelCallButton: ({ disabled, caption, size, onClick, onLeave, }: CancelCallButtonProps) => import("react").JSX.Element;

package/dist/src/components/CallControls/ToggleAudioButton.d.ts

@@ -1,7 +1,7 @@
 import { type UseInputMediaDeviceOptions } from '@stream-io/video-react-bindings';
-import { IconButtonWithMenuProps } from '../Button';
+import { CompositeButtonProps } from '../Button';
 import { PropsWithErrorHandler } from '../../utilities/callControlHandler';
-export type ToggleAudioPreviewButtonProps = PropsWithErrorHandler<Pick<IconButtonWithMenuProps, 'caption' | 'Menu' | 'menuPlacement' | 'onMenuToggle'> & UseInputMediaDeviceOptions>;
+export type ToggleAudioPreviewButtonProps = PropsWithErrorHandler<Pick<CompositeButtonProps, 'caption' | 'Menu' | 'menuPlacement' | 'onMenuToggle'> & UseInputMediaDeviceOptions>;
 export declare const ToggleAudioPreviewButton: (props: ToggleAudioPreviewButtonProps) => import("react").JSX.Element;
-export type ToggleAudioPublishingButtonProps = PropsWithErrorHandler<Pick<IconButtonWithMenuProps, 'caption' | 'Menu' | 'menuPlacement' | 'onMenuToggle'> & UseInputMediaDeviceOptions>;
+export type ToggleAudioPublishingButtonProps = PropsWithErrorHandler<Pick<CompositeButtonProps, 'caption' | 'Menu' | 'menuPlacement' | 'onMenuToggle'> & UseInputMediaDeviceOptions>;
 export declare const ToggleAudioPublishingButton: (props: ToggleAudioPublishingButtonProps) => import("react").JSX.Element;

package/dist/src/components/CallControls/ToggleAudioOutputButton.d.ts

@@ -1,3 +1,3 @@
-import { IconButtonWithMenuProps } from '../Button';
-export type ToggleAudioOutputButtonProps = Pick<IconButtonWithMenuProps, 'caption' | 'Menu' | 'menuPlacement' | 'onMenuToggle'>;
+import { CompositeButtonProps } from '../Button';
+export type ToggleAudioOutputButtonProps = Pick<CompositeButtonProps, 'caption' | 'Menu' | 'menuPlacement' | 'onMenuToggle'>;
 export declare const ToggleAudioOutputButton: (props: ToggleAudioOutputButtonProps) => import("react").JSX.Element;

package/dist/src/components/CallControls/ToggleVideoButton.d.ts

@@ -1,8 +1,8 @@
 import { UseInputMediaDeviceOptions } from '@stream-io/video-react-bindings';
-import { IconButtonWithMenuProps } from '../Button/';
+import { CompositeButtonProps } from '../Button/';
 import { PropsWithErrorHandler } from '../../utilities/callControlHandler';
-export type ToggleVideoPreviewButtonProps = PropsWithErrorHandler<Pick<IconButtonWithMenuProps, 'caption' | 'Menu' | 'menuPlacement' | 'onMenuToggle'> & UseInputMediaDeviceOptions>;
+export type ToggleVideoPreviewButtonProps = PropsWithErrorHandler<Pick<CompositeButtonProps, 'caption' | 'Menu' | 'menuPlacement' | 'onMenuToggle'> & UseInputMediaDeviceOptions>;
 export declare const ToggleVideoPreviewButton: (props: ToggleVideoPreviewButtonProps) => import("react").JSX.Element;
-type ToggleVideoPublishingButtonProps = PropsWithErrorHandler<Pick<IconButtonWithMenuProps, 'caption' | 'Menu' | 'menuPlacement' | 'onMenuToggle'> & UseInputMediaDeviceOptions>;
+type ToggleVideoPublishingButtonProps = PropsWithErrorHandler<Pick<CompositeButtonProps, 'caption' | 'Menu' | 'menuPlacement' | 'onMenuToggle'> & UseInputMediaDeviceOptions>;
 export declare const ToggleVideoPublishingButton: (props: ToggleVideoPublishingButtonProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/CallControls/index.d.ts

@@ -1,6 +1,5 @@
 export * from './AcceptCallButton';
 export * from './CallControls';
-export * from './CallStatsButton';
 export * from './CancelCallButton';
 export * from './ReactionsButton';
 export * from './RecordCallButton';

package/dist/src/components/Menu/GenericMenu.d.ts

@@ -3,3 +3,4 @@ export declare const GenericMenu: ({ children, onItemClick, }: PropsWithChildren
     onItemClick?: (e: MouseEvent) => void;
 }>) => import("react").JSX.Element;
 export declare const GenericMenuButtonItem: ({ children, ...rest }: Omit<ComponentProps<"button">, "ref">) => import("react").JSX.Element;
+export declare const GenericMenuSeparator: () => import("react").JSX.Element;

package/dist/src/components/Notification/Notification.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
+export type NotificationState = 'success' | 'error' | 'loading';
 export type NotificationProps = {
     message?: ReactNode;
     isVisible?: boolean;
@@ -7,7 +8,7 @@ export type NotificationProps = {
     resetIsVisible?: () => void;
     placement?: Placement;
     className?: string;
-    iconClassName?: string | null;
+    state?: NotificationState;
     close?: () => void;
 };
 export declare const Notification: (props: PropsWithChildren<NotificationProps>) => import("react").JSX.Element;

package/dist/src/components/StreamTheme/StreamTheme.d.ts

@@ -1,5 +1,6 @@
 import { ElementType, HTMLProps, PropsWithChildren } from 'react';
 export type StreamThemeProps = HTMLProps<HTMLElement> & {
     as?: ElementType;
+    theme?: string;
 };
-export declare const StreamTheme: ({ as: Component, className, children, ...props }: PropsWithChildren<StreamThemeProps>) => import("react").JSX.Element;
+export declare const StreamTheme: ({ as: Component, className, children, theme, ...props }: PropsWithChildren<StreamThemeProps>) => import("react").JSX.Element;

package/dist/src/components/VideoPreview/VideoPreview.d.ts

@@ -20,5 +20,10 @@ export type VideoPreviewProps = {
      * Component rendered above the BaseVideo until the video is ready (meaning until the play event is emitted).
      */
     StartingCameraPreview?: ComponentType;
+    /**
+     * Outlines the preview while the local user is speaking. Requires the
+     * microphone to be enabled. Defaults to false.
+     */
+    speakingIndicatorVisible?: boolean;
 };
-export declare const VideoPreview: ({ className, mirror, DisabledVideoPreview, NoCameraPreview, StartingCameraPreview, }: VideoPreviewProps) => import("react").JSX.Element;
+export declare const VideoPreview: ({ className, mirror, DisabledVideoPreview, NoCameraPreview, StartingCameraPreview, speakingIndicatorVisible, }: VideoPreviewProps) => import("react").JSX.Element;

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

@@ -1,11 +1,11 @@
 export * from './Avatar';
 export * from './BackgroundFilters';
+export * from './Badge';
 export * from './Button';
 export * from './CallControls';
 export * from './CallParticipantsList';
 export * from './CallPreview';
 export * from './CallRecordingList';
-export * from './CallStats';
 export * from './DeviceSettings';
 export * from './DropdownSelect';
 export * from './Icon';

package/dist/src/core/components/ParticipantView/ConnectionQualityIndicator.d.ts

@@ -0,0 +1,10 @@
+import { SfuModels } from '@stream-io/video-client';
+export type ConnectionQualityIndicatorProps = {
+    quality: SfuModels.ConnectionQuality;
+    title?: string;
+    className?: string;
+};
+/**
+ * Three ascending bars showing a participant's connection quality.
+ */
+export declare const ConnectionQualityIndicator: ({ quality, title, className, }: ConnectionQualityIndicatorProps) => import("react").JSX.Element | null;

package/dist/src/core/components/ParticipantView/index.d.ts

@@ -2,3 +2,4 @@ export * from './ParticipantActionsContextMenu';
 export * from './ParticipantView';
 export * from './ParticipantViewContext';
 export * from './DefaultParticipantViewUI';
+export * from './ConnectionQualityIndicator';

package/dist/src/core/components/StreamVideo/StreamVideo.d.ts

@@ -1,6 +1,22 @@
-import { StreamVideoProps } from '@stream-io/video-react-bindings';
+import { type StreamVideoProviderProps } from '@stream-io/video-react-bindings';
 import { PropsWithChildren } from 'react';
+import { type UseStreami18nParams } from '../../../i18n';
+export type StreamVideoProps = StreamVideoProviderProps & UseStreami18nParams;
+/**
+ * StreamVideo is the root provider of the SDK: it provides the client to the component tree and
+ * mounts the SDK's translation context.
+ *
+ * The i18n runtime lives here rather than in `@stream-io/video-react-bindings` because the key
+ * catalog is generated from *this* package's `t()` call sites.
+ *
+ * This also fixes a real bug in the previous implementation, which rendered
+ * `<StreamVideoProvider translationsOverrides={translations} {...props} />`. Because `{...props}`
+ * came last, an integrator passing `translationsOverrides` *replaced* the SDK's bundled strings
+ * instead of merging with them, leaving every untranslated key rendering as a raw dotted path.
+ * `useStreami18n` layers integrator dictionaries over the SDK's own defaults, so a partial
+ * dictionary is now safe.
+ */
 export declare const StreamVideo: {
-    (props: PropsWithChildren<StreamVideoProps>): import("react").JSX.Element;
+    ({ children, client, i18nInstance, language, translations, }: PropsWithChildren<StreamVideoProps>): import("react").JSX.Element;
     displayName: string;
 };

package/dist/src/embedded/shared/CallDuration/CallDuration.d.ts

@@ -0,0 +1,9 @@
+interface CallDurationProps {
+    /**
+     * A formatted duration as produced by `useCallDuration`: `MM:SS`, or
+     * `HH:MM:SS` past the hour. Everything up to the last `:` is dimmed.
+     */
+    elapsed: string;
+}
+export declare const CallDuration: ({ elapsed }: CallDurationProps) => import("react").JSX.Element | null;
+export {};

package/dist/src/embedded/shared/index.d.ts

@@ -1,4 +1,5 @@
 export * from './BlurToggleButton/BlurToggleButton';
+export * from './CallDuration/CallDuration';
 export * from './CallFeedback/CallFeedback';
 export * from './ConnectionNotification/ConnectionNotification';
 export * from './EmbeddedParticipantViewUI/EmbeddedParticipantViewUI';

package/dist/src/i18n/Streami18n.d.ts

@@ -0,0 +1,56 @@
+import { Streami18n as CoreStreami18n } from '@stream-io/i18n';
+import type { Streami18nOptions as CoreStreami18nOptions } from '@stream-io/i18n';
+import type { BundledKey, TranslationCatalog } from './types';
+/**
+ * Options for {@link Streami18n}.
+ *
+ * Core's options, narrowed to this SDK's catalog so `translationsForLanguage` is key-checked.
+ * `runtimeDefaults` is *merged* over the SDK's own rather than replacing it, so supplying it adds to
+ * what the SDK ships.
+ */
+export type Streami18nOptions = CoreStreami18nOptions<TranslationCatalog>;
+/**
+ * Wrapper around [i18next](https://www.i18next.com/) for this SDK's translations. Pass an instance
+ * to `<StreamVideo i18nInstance={…}>` to control the language and the copy.
+ *
+ * The implementation lives in `@stream-io/i18n`, shared with the React Native SDK and with Chat.
+ * What this subclass adds is what is this package's own: its bundled translation data, and the two
+ * type parameters — core cannot supply either, because the key catalog is generated from *this*
+ * package's `t()` call sites.
+ *
+ * ## Overriding some of the English copy
+ *
+ * ```ts
+ * const i18n = new Streami18n({
+ *   translationsForLanguage: {
+ *     'common.participants.label': 'People',
+ *   },
+ * });
+ * ```
+ *
+ * ## Adding a language
+ *
+ * ```ts
+ * import 'dayjs/locale/nl';
+ *
+ * const i18n = new Streami18n({ language: 'nl' });
+ * i18n.registerTranslation('nl', {
+ *   'callControls.cancelCallButton.leaveCall.title': 'Verlaten',
+ * });
+ * ```
+ *
+ * No dayjs locale file defines `calendar` — that field belongs to the calendar plugin — so a
+ * language whose relative dates must read natively needs the locale import *and* a `calendar`
+ * config passed as the third argument.
+ *
+ * Type your dictionary as `TranslationDictionary` to turn a typo or a key removed in a later major
+ * into a compile error. A **partial dictionary is safe**: any key you leave out renders the English
+ * copy that ships inline at each call site, never a raw dotted path — so there is no need to
+ * translate everything before shipping a language.
+ *
+ * Reactivity goes through `i18n.state`, a `StateStore`. `setLanguage()` returns nothing — the new
+ * `t` is published to that store, which the provider subscribes to.
+ */
+export declare class Streami18n extends CoreStreami18n<TranslationCatalog, BundledKey> {
+    constructor(options?: Streami18nOptions);
+}

package/dist/src/i18n/TranslationContext.d.ts

@@ -0,0 +1,30 @@
+import type { StreamTFunction, TDateTimeParser } from './types';
+export type TranslationContextValue = {
+    t: StreamTFunction;
+    tDateTimeParser: TDateTimeParser;
+};
+/**
+ * Built from the shared factory in `@stream-io/i18n/react`.
+ *
+ * A **default value** is supplied rather than making the hook throw, and that is deliberate: it
+ * matches what `useI18n` did before this module existed, and it is what lets the `embedded/`
+ * components — which are used standalone, outside any provider — render correct English instead of
+ * crashing. Chat's React Native SDK throws instead; hence core exposes this as a factory.
+ */
+declare const TranslationContext: import("react").Context<TranslationContextValue>, TranslationProvider: (props: import("react").PropsWithChildren<{
+    value: TranslationContextValue;
+}>) => import("react").ReactElement;
+export { TranslationContext, TranslationProvider };
+/**
+ * Reads `t` and `tDateTimeParser` from the closest provider.
+ *
+ * Works outside a provider too — the default translator renders each call site's inline English.
+ *
+ * The name is `useI18n` rather than core's `useTranslationContext` because ~500 call sites in this
+ * SDK already import it; renaming them is churn with no payoff.
+ *
+ * @example
+ * const { t } = useI18n();
+ * const label = t('callControls.cancelCallButton.leaveCall.title', 'Leave call');
+ */
+export declare const useI18n: () => TranslationContextValue;

package/dist/src/i18n/index.d.ts

@@ -0,0 +1,16 @@
+export * from './Streami18n';
+export * from './TranslationContext';
+export * from './types';
+export * from './useStreami18n';
+/**
+ * Core helpers re-exported so an integrator never needs a direct dependency on `@stream-io/i18n`:
+ * that package is an implementation detail of this SDK, and a second copy resolved from their
+ * `node_modules` would register dayjs plugins on the wrong module.
+ *
+ * - `asDynamicKey` — brands a runtime-resolved string as a translation key, the one sanctioned way
+ *   past the compile-time key check.
+ * - `getDateString` — the timestamp renderer, for a custom component formatting dates itself.
+ * - `predefinedFormatters` — the built-in i18next formatters, to spread over when adding one.
+ * - `defaultDateTimeParser` — the dayjs-backed parser, with the required plugins already applied.
+ */
+export { asDynamicKey, defaultDateTimeParser, getDateString, predefinedFormatters, } from '@stream-io/i18n';

package/dist/src/i18n/keys.d.ts

@@ -0,0 +1,164 @@
+/**
+ * Every translation entry shipped with the SDK, mapped to its English copy.
+ *
+ * Plural entries appear as `<key>_one` / `<key>_other`; call sites use the bare `<key>` and
+ * pass `count`.
+ */
+export type TranslationCatalog = {
+    'callControls.blurToggleButton.applying.label': 'Applying...';
+    'callControls.blurToggleButton.blurBackground.label': 'Blur background';
+    'callControls.blurToggleButton.disableBlur.label': 'Disable blur';
+    'callControls.cancelCallButton.endCallForAll.label': 'End call for all';
+    'callControls.cancelCallButton.leaveCall.title': 'Leave call';
+    'callControls.reactionsButton.reactions.title': 'Reactions';
+    'callControls.recordCallButton.confirmEndRecording.description': 'Are you sure you want end the recording?';
+    'callControls.recordCallButton.endRecording.title': 'End recording';
+    'callControls.recordCallButton.recordCall.title': 'Record call';
+    'callControls.recordCallButton.waitingRecordingStart.title': 'Waiting for recording to start...';
+    'callControls.recordCallButton.waitingRecordingStop.title': 'Waiting for recording to stop...';
+    'callControls.screenShareButton.awaitingApproval.text': 'Awaiting for an approval to share screen.';
+    'callControls.screenShareButton.permissionGranted.text': 'You can now share your screen.';
+    'callControls.screenShareButton.permissionRevoked.text': 'You can no longer share your screen.';
+    'callControls.screenShareButton.shareScreen.title': 'Share screen';
+    'callControls.toggleAudioButton.awaitingApproval.text': 'Awaiting for an approval to speak.';
+    'callControls.toggleAudioButton.checkBrowserAudioPermissions.title': 'Check your browser audio permissions';
+    'callControls.toggleAudioButton.checkBrowserMicPermissions.title': 'Check your browser mic permissions';
+    'callControls.toggleAudioButton.mic.title': 'Mic';
+    'callControls.toggleAudioButton.microphonePausedBySystem.title': 'Microphone is paused by your system';
+    'callControls.toggleAudioButton.noPermissionToShareAudio.title': 'You have no permission to share your audio';
+    'callControls.toggleAudioButton.permissionGranted.text': 'You can now speak.';
+    'callControls.toggleAudioButton.permissionRevoked.text': 'You can no longer speak.';
+    'callControls.toggleAudioOutputButton.speakers.title': 'Speakers';
+    'callControls.toggleVideoButton.awaitingApproval.text': 'Awaiting for an approval to share your video.';
+    'callControls.toggleVideoButton.cameraPausedBySystem.title': 'Camera is paused by your system';
+    'callControls.toggleVideoButton.checkBrowserVideoPermissions.title': 'Check your browser video permissions';
+    'callControls.toggleVideoButton.noPermissionToShareVideo.title': 'You have no permission to share your video';
+    'callControls.toggleVideoButton.permissionGranted.text': 'You can now share your video.';
+    'callControls.toggleVideoButton.permissionRevoked.text': 'You can no longer share your video.';
+    'callControls.toggleVideoButton.video.title': 'Video';
+    'callControls.toggleVideoButton.videoPublishingDisabled.title': 'Video publishing is disabled by the system';
+    'callFeedback.callEndedScreen.callEnded.title': 'Call ended';
+    'callFeedback.callEndedScreen.helpUsImprove.text': 'Help us improve';
+    'callFeedback.callEndedScreen.leaveFeedback.label': 'Leave feedback';
+    'callFeedback.callEndedScreen.leftByMistake.text': 'Left by mistake?';
+    'callFeedback.callEndedScreen.rejoinCall.label': 'Rejoin call';
+    'callFeedback.ratingScreen.feedbackMessage.ariaLabel': 'Feedback message';
+    'callFeedback.ratingScreen.shareYourFeedback.title': 'Share your feedback';
+    'callFeedback.ratingScreen.submitFeedback.label': 'Submit feedback';
+    'callFeedback.ratingScreen.tellUsAboutExperience.placeholder': 'Tell us about your experience...';
+    'callFeedback.starRating.howWasCallQuality.text': 'How was your call quality?';
+    'callFeedback.starRating.rateStars.ariaLabel_one': 'Rate {{ count }} star';
+    'callFeedback.starRating.rateStars.ariaLabel_other': 'Rate {{ count }} stars';
+    'callFeedback.thankYouScreen.feedbackHelpsImprove.text': 'Your feedback helps improve call quality.';
+    'callFeedback.thankYouScreen.thankYou.title': 'Thank you!';
+    'callLayout.paginatedGridLayout.nextPage.ariaLabel': 'Next page';
+    'callLayout.paginatedGridLayout.previousPage.ariaLabel': 'Previous page';
+    'callLayout.speakerLayout.scrollParticipantsDown.ariaLabel': 'Scroll participants down';
+    'callLayout.speakerLayout.scrollParticipantsLeft.ariaLabel': 'Scroll participants left';
+    'callLayout.speakerLayout.scrollParticipantsRight.ariaLabel': 'Scroll participants right';
+    'callLayout.speakerLayout.scrollParticipantsUp.ariaLabel': 'Scroll participants up';
+    'callRecordingList.callRecordings.title': 'Call Recordings';
+    'callRecordingList.refresh.title': 'Refresh';
+    'common.allow.label': 'Allow';
+    'common.cancel.label': 'Cancel';
+    'common.default.label': 'Default';
+    'common.dismiss.label': 'Dismiss';
+    'common.live.label': 'Live';
+    'common.microphone.label': 'Microphone';
+    'common.noCameraFound.text': 'No camera found';
+    'common.participants.label': 'Participants';
+    'common.presentingYourScreen.text': 'You are presenting your screen';
+    'common.revoke.label': 'Revoke';
+    'common.speaker.label': 'Speaker';
+    'common.toggleMenu.ariaLabel': 'Toggle menu';
+    'common.tryAgain.label': 'Try again';
+    'common.videoDisabled.text': 'Video is disabled';
+    'common.waitingForPermission.title': 'Waiting for permission';
+    'connectionNotification.failedToRestore.text': 'Failed to restore connection. Please try again.';
+    'connectionNotification.joining.text': 'Joining';
+    'connectionNotification.migrating.text': 'Migrating...';
+    'connectionNotification.offline.text': 'You are offline. Check your internet connection.';
+    'connectionNotification.reconnecting.text': 'Reconnecting...';
+    'deviceSettings.selectCamera.title': 'Select a Camera';
+    'deviceSettings.selectMic.title': 'Select a Mic';
+    'deviceSettings.selectSpeakers.title': 'Select Speakers';
+    'deviceSettings.speakerTest.stopTest.label': 'Stop test';
+    'deviceSettings.speakerTest.testSpeaker.label': 'Test speaker';
+    'deviceSettings.toggleDeviceMenu.title': 'Toggle device menu';
+    'joinError.couldNotConnect.text': "We couldn't connect to the server. Please check your connection and try again.";
+    'joinError.failedToJoin.title': 'Failed to join the call';
+    'livestream.backstage.participantsJoinedEarly.text_one': '{{ formattedCount }} participant joined early';
+    'livestream.backstage.participantsJoinedEarly.text_other': '{{ formattedCount }} participants joined early';
+    'livestream.backstage.startsAt.text': 'Livestream starts at {{ time }}';
+    'livestream.backstage.startsSoon.text': 'Livestream starts soon';
+    'livestreamHost.backstage.text': 'Backstage';
+    'livestreamHost.endLive.label': 'End Live';
+    'livestreamHost.endStream.title': 'End Stream';
+    'livestreamHost.enterBackstage.label': 'Enter Backstage';
+    'livestreamHost.goLive.label': 'Go Live';
+    'livestreamHost.prepareLivestream.title': 'Prepare your livestream';
+    'livestreamHost.readyToGoLive.title': 'Ready to go live';
+    'livestreamHost.startStream.title': 'Start Stream';
+    'livestreamViewer.lobby.joinAutomatically.text': 'Join automatically when stream starts';
+    'livestreamViewer.lobby.joinStream.label': 'Join Stream';
+    'livestreamViewer.lobby.streamReady.title': 'Stream is ready!';
+    'livestreamViewer.lobby.waitingForStart.title': 'Waiting for the livestream to start';
+    'lobby.deviceControls.permissionNeeded.label': 'Permission needed';
+    'lobby.join.label': 'Join';
+    'lobby.setUpYourCall.title': 'Set up your call before joining';
+    'lobby.videoPreviewFallbacks.grantBrowserPermission.text': 'Please grant your browser permission to access your camera and microphone.';
+    'notification.micCaptureError.text': 'Your microphone is not capturing audio. Please check your setup.';
+    'notification.recordingInProgress.text': 'Recording in progress...';
+    'notification.speakingWhileMuted.text': 'You are muted. Unmute to speak.';
+    'participantList.anonymousCount.text': ', and ({{ anonymousCount }}) anonymous';
+    'participantList.cameraOff.title': 'Camera off';
+    'participantList.cameraOn.title': 'Camera on';
+    'participantList.me.text': 'Me';
+    'participantList.microphoneOff.title': 'Microphone off';
+    'participantList.microphoneOn.title': 'Microphone on';
+    'participantList.muteAll.label': 'Mute all';
+    'participantList.noParticipantsFound.text': 'No participants found';
+    'participantList.pinned.title': 'Pinned';
+    'participantList.unknown.text': 'Unknown';
+    'participantView.actionsMenu.allowAudio.label': 'Allow audio';
+    'participantView.actionsMenu.allowScreenSharing.label': 'Allow screen sharing';
+    'participantView.actionsMenu.allowVideo.label': 'Allow video';
+    'participantView.actionsMenu.block.label': 'Block';
+    'participantView.actionsMenu.disableAudio.label': 'Disable audio';
+    'participantView.actionsMenu.disableScreenSharing.label': 'Disable screen sharing';
+    'participantView.actionsMenu.disableVideo.label': 'Disable video';
+    'participantView.actionsMenu.enterFullscreen.label': 'Enter fullscreen';
+    'participantView.actionsMenu.enterPip.label': 'Enter picture-in-picture';
+    'participantView.actionsMenu.kick.label': 'Kick';
+    'participantView.actionsMenu.leaveFullscreen.label': 'Leave fullscreen';
+    'participantView.actionsMenu.leavePip.label': 'Leave picture-in-picture';
+    'participantView.actionsMenu.muteAudio.label': 'Mute audio';
+    'participantView.actionsMenu.muteScreenShareAudio.label': 'Mute screen share audio';
+    'participantView.actionsMenu.pin.label': 'Pin';
+    'participantView.actionsMenu.pinForEveryone.label': 'Pin for everyone';
+    'participantView.actionsMenu.turnOffScreenShare.label': 'Turn off screen share';
+    'participantView.actionsMenu.turnOffVideo.label': 'Turn off video';
+    'participantView.actionsMenu.unpinForEveryone.label': 'Unpin for everyone';
+    'participantView.audioBlocked.description': 'Click or tap to play audio';
+    'participantView.audioBlocked.title': 'Audio is blocked by your system';
+    'participantView.audioConnecting.title': 'Audio is connecting...';
+    'participantView.connectionQuality.poor.text': 'Poor connection quality. Please check your internet connection.';
+    'participantView.moreOptions.title': 'More options';
+    'participantView.stopScreenSharing.label': 'Stop Screen Sharing';
+    'participantView.unpin.label': 'Unpin';
+    'participantView.videoConnecting.title': 'Video is connecting...';
+    'participantView.videoPausedInsufficientBandwidth.title': 'Video paused due to insufficient bandwidth';
+    'permissions.requestingCamera.text': '{{ userName }} is requesting to share their camera';
+    'permissions.requestingPermission.text': '{{ userName }} is requesting permission: {{ permission }}';
+    'permissions.requestingScreenShare.text': '{{ userName }} is requesting to present their screen';
+    'permissions.requestingToSpeak.text': '{{ userName }} is requesting to speak';
+    'ringingCall.callingState.joined.text': 'Joined';
+    'ringingCall.callingState.joining.text': 'Joining';
+    'ringingCall.callingState.left.text': 'Left call';
+    'ringingCall.callingState.migrating.text': 'Migrating';
+    'ringingCall.callingState.offline.text': 'No internet connection';
+    'ringingCall.callingState.reconnecting.text': 'Re-connecting';
+    'ringingCall.callingState.reconnectingFailed.text': 'Failed';
+    'ringingCall.callingState.ringing.text': 'Ringing';
+    'videoPlaceholder.videoPlayingInPopup.text': 'Video is playing in a popup';
+};

package/dist/src/i18n/runtimeDefaults.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The SDK's bundled translation data: the keys that cannot carry an inline `defaultValue` at their
+ * call site. `Streami18n` layers it under *every* language, so a partial dictionary never knocks
+ * these out.
+ *
+ * Empty, and that is the intended steady state. The four lookups this SDK resolved from a runtime
+ * value — the only candidates for an entry here — are written as `switch` statements over literal
+ * `t()` calls instead, so every branch carries its own English copy inline and the codegen reads it
+ * straight off the call site. Nothing is left without a default. `timestamp.*` / `duration.*`
+ * formatter expressions would also live here; this SDK has none yet.
+ *
+ * Adding an entry later needs no wiring. `Streami18n` already spreads this into the core options and
+ * `scripts/generate-i18n-keys.mts` already reads this path, so a new key reaches `keys.ts` on the
+ * next `build-translations` run — where a key nothing references, or one that shadows an inline
+ * default, fails a codegen guard.
+ */
+export declare const runtimeDefaults: {};