@q9labsai/chalk-react 5.0.1 → 5.1.0

package/dist/{chunk-WRAEH24P.js → chunk-ZFWIMKUC.js}

@@ -1,5 +1,6 @@
 // src/components/stage/stage-layout.ts
 var WIDESCREEN = 16 / 9;
+var SLIM_STRIP_PX = 52;
 var MORE_TILE_ID = "stage:more";
 var DEFAULT_GRID_OPTIONS = { gap: 8, minTileWidth: 150, minTileHeight: 96, maxPerPage: Number.POSITIVE_INFINITY, minAspect: 0.8, maxAspect: 2 };
 var DEFAULT_SPOTLIGHT_OPTIONS = { gap: 8, stripRatio: 0.17, minStripHeight: 104, maxStripHeight: 150, stripAspect: WIDESCREEN };
@@ -109,14 +110,15 @@ function fitSpotlight(box, primaryId, stripIds, options) {
       perPage: 1
     };
   }
-  const strip = phone ? Math.round(box.height * 0.3) : clamp(box.height * options.stripRatio, options.minStripHeight, options.maxStripHeight);
+  const slim = phone && options.slimPhoneStrip === true;
+  const strip = slim ? SLIM_STRIP_PX : phone ? Math.round(box.height * 0.3) : clamp(box.height * options.stripRatio, options.minStripHeight, options.maxStripHeight);
   const column = phone && options.content ? 120 : clamp(box.width * 0.15, 180, 260);
   const belowMain = options.content ? contain({ width: box.width, height: box.height - strip - options.gap }, aspect) : { width: box.width, height: box.height - strip - options.gap };
   const besideMain = options.content ? contain({ width: box.width - column - options.gap, height: box.height }, aspect) : { width: box.width - column - options.gap, height: box.height };
   const beside = options.content ? besideMain.width * besideMain.height > belowMain.width * belowMain.height * 1.005 : !phone && Math.abs(Math.log(besideMain.width / besideMain.height / WIDESCREEN)) < Math.abs(Math.log(belowMain.width / belowMain.height / WIDESCREEN));
   const main = { width: beside ? besideMain.width : box.width, height: beside ? box.height : belowMain.height };
   const remaining = { width: beside ? box.width - main.width - options.gap : box.width, height: beside ? box.height : box.height - main.height - options.gap };
-  const people = fitGrid(remaining, stripIds, { ...DEFAULT_GRID_OPTIONS, minTileWidth: phone ? 88 : 150, minTileHeight: phone ? 72 : 96, maxPerPage: options.maxPerPage ?? DEFAULT_GRID_OPTIONS.maxPerPage }, options.wideIds);
+  const people = fitGrid(remaining, stripIds, { ...DEFAULT_GRID_OPTIONS, minTileWidth: phone ? 88 : 150, minTileHeight: slim ? SLIM_STRIP_PX : phone ? 72 : 96, maxPerPage: options.maxPerPage ?? DEFAULT_GRID_OPTIONS.maxPerPage }, options.wideIds);
   return {
     ...people,
     frames: [{ id: primaryId, role: "primary", page: 0, x: 0, y: 0, ...main }, ...people.frames.map((frame) => ({ ...frame, role: "strip", x: frame.x + (beside ? main.width + options.gap : 0), y: frame.y + (beside ? 0 : main.height + options.gap) }))]

package/dist/components/admission-panel/AdmissionPanel.d.ts

@@ -16,4 +16,3 @@ export declare function AdmissionPanel(props: AdmissionPanelProps): React.JSX.El
 export declare namespace AdmissionPanel {
     var displayName: string;
 }
-//# sourceMappingURL=AdmissionPanel.d.ts.map

package/dist/components/atomic/AudioIndicator.d.ts

@@ -8,4 +8,3 @@ interface AudioIndicatorProps {
 }
 export declare const AudioIndicator: React.MemoExoticComponent<({ level, muted, size, variant, className }: AudioIndicatorProps) => React.JSX.Element>;
 export {};
-//# sourceMappingURL=AudioIndicator.d.ts.map

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

@@ -15,4 +15,3 @@ export interface AvatarProps {
     seed?: number | string;
 }
 export declare const Avatar: React.MemoExoticComponent<({ name, src, size, status, className, style, gradientPreference, generated, animated }: AvatarProps) => React.JSX.Element>;
-//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/atomic/HandRaiseIndicator.d.ts

@@ -8,4 +8,3 @@ interface HandRaiseIndicatorProps {
 }
 export declare const HandRaiseIndicator: React.MemoExoticComponent<({ raised, animated, position, size, className }: HandRaiseIndicatorProps) => React.JSX.Element | null>;
 export {};
-//# sourceMappingURL=HandRaiseIndicator.d.ts.map

package/dist/components/atomic/NameTag.d.ts

@@ -6,4 +6,3 @@ export interface NameTagProps {
     className?: string;
 }
 export declare const NameTag: React.MemoExoticComponent<({ name, isLocal, size, className }: NameTagProps) => React.JSX.Element>;
-//# sourceMappingURL=NameTag.d.ts.map

package/dist/components/atomic/ReactionBubble.d.ts

@@ -11,4 +11,3 @@ export interface ReactionBubbleProps {
     className?: string;
 }
 export declare const ReactionBubble: React.MemoExoticComponent<({ emoji, participantName, onComplete, duration: baseDuration, animated, className }: ReactionBubbleProps) => React.JSX.Element | null>;
-//# sourceMappingURL=ReactionBubble.d.ts.map

package/dist/components/atomic/StatusBadge.d.ts

@@ -6,4 +6,3 @@ export interface StatusBadgeProps {
     className?: string;
 }
 export declare const StatusBadge: React.MemoExoticComponent<({ status, pulse, size, className }: StatusBadgeProps) => React.JSX.Element>;
-//# sourceMappingURL=StatusBadge.d.ts.map

package/dist/components/atomic/VolumeSlider.d.ts

@@ -10,4 +10,3 @@ export interface VolumeSliderProps {
     className?: string;
 }
 export declare const VolumeSlider: React.NamedExoticComponent<VolumeSliderProps>;
-//# sourceMappingURL=VolumeSlider.d.ts.map

package/dist/components/atomic/Waveform.d.ts

@@ -7,4 +7,3 @@ export interface WaveformProps {
     className?: string;
 }
 export declare const Waveform: React.MemoExoticComponent<({ levels, color, animated, barCount, className }: WaveformProps) => React.JSX.Element>;
-//# sourceMappingURL=Waveform.d.ts.map

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

@@ -9,4 +9,3 @@ export * from "./ReactionBubble";
 export * from "./StatusBadge";
 export * from "./VolumeSlider";
 export * from "./Waveform";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/audio-output/AudioOutput.d.ts

@@ -28,4 +28,3 @@ export declare function AudioOutput({ participants, volume, audioOutputDeviceId,
 export declare namespace AudioOutput {
     var displayName: string;
 }
-//# sourceMappingURL=AudioOutput.d.ts.map

package/dist/components/board/Board.d.ts

@@ -0,0 +1,22 @@
+import type { ChalkWhiteboardView } from "@q9labsai/chalk-client";
+import type { Participant } from "../participant-grid/ParticipantGrid";
+import type { WhiteboardViewProps } from "../whiteboard-view/WhiteboardView";
+import { type CallTheme } from "./board-model";
+export type BoardProps = {
+    readonly board: WhiteboardViewProps;
+    /** False for the Grid tile: the live drawing with no controls. */
+    readonly primary: boolean;
+    readonly visible: boolean;
+    readonly colorScheme: CallTheme;
+    readonly people: readonly Participant[];
+    readonly following: string | null;
+    readonly onFollow: (participantId: string | null) => void;
+    /** Absent, or answering false, when the board service does not share views. */
+    readonly sendView?: (view: ChalkWhiteboardView) => boolean;
+    readonly onClose?: () => void;
+};
+/**
+ * Chalk's board: Excalidraw draws, and every control around it is the call's own. Each person picks their own
+ * surface and island place; the drawing, the cursors and the views are shared.
+ */
+export declare function Board({ board, primary, visible, colorScheme, people, following, onFollow, sendView, onClose }: BoardProps): import("react").JSX.Element;

package/dist/components/board/BoardCursors.d.ts

@@ -0,0 +1,21 @@
+import { type MutableRefObject } from "react";
+import { type Camera } from "./board-model";
+export type RemoteCursor = {
+    readonly participantId: string;
+    readonly displayName: string;
+    readonly x: number;
+    readonly y: number;
+    readonly occurredAt: string;
+};
+/** Pruning belongs to receipt too: grid boards do not mount the cursor layer. */
+export declare function rememberCursor(cursors: Map<string, RemoteCursor>, cursor: RemoteCursor): void;
+/**
+ * Remote people's cursors over the board: a rounded arrow, the Facehash and the name, in the person's colour.
+ * Updates arrive about 15 times a second and unevenly, so each shown cursor is a spring chasing the newest one.
+ */
+export declare function BoardCursors({ cursorsRef, cameraRef, colorFor, hidden }: {
+    readonly cursorsRef: MutableRefObject<Map<string, RemoteCursor>>;
+    readonly cameraRef: MutableRefObject<Camera>;
+    readonly colorFor: (participantId: string) => string;
+    readonly hidden: boolean;
+}): import("react").JSX.Element;

package/dist/components/board/BoardIcon.d.ts

@@ -0,0 +1,46 @@
+declare const GLYPHS: {
+    readonly select: import("react").JSX.Element;
+    readonly hand: import("react").JSX.Element;
+    readonly pen: import("react").JSX.Element;
+    readonly highlighter: import("react").JSX.Element;
+    readonly rectangle: import("react").JSX.Element;
+    readonly ellipse: import("react").JSX.Element;
+    readonly diamond: import("react").JSX.Element;
+    readonly arrow: import("react").JSX.Element;
+    readonly line: import("react").JSX.Element;
+    readonly text: import("react").JSX.Element;
+    readonly note: import("react").JSX.Element;
+    readonly eraser: import("react").JSX.Element;
+    readonly laser: import("react").JSX.Element;
+    readonly undo: import("react").JSX.Element;
+    readonly redo: import("react").JSX.Element;
+    readonly minus: import("react").JSX.Element;
+    readonly plus: import("react").JSX.Element;
+    readonly fit: import("react").JSX.Element;
+    readonly download: import("react").JSX.Element;
+    readonly copy: import("react").JSX.Element;
+    readonly trash: import("react").JSX.Element;
+    readonly close: import("react").JSX.Element;
+    readonly check: import("react").JSX.Element;
+    readonly target: import("react").JSX.Element;
+    readonly eye: import("react").JSX.Element;
+    readonly wifiOff: import("react").JSX.Element;
+    readonly lock: import("react").JSX.Element;
+    readonly more: import("react").JSX.Element;
+    readonly chevron: import("react").JSX.Element;
+};
+export type BoardGlyph = keyof typeof GLYPHS;
+export declare function BoardIcon({ name, size, className }: {
+    readonly name: BoardGlyph;
+    readonly size?: number;
+    readonly className?: string;
+}): import("react").JSX.Element;
+/** Six dots in two columns: the island's drag handle. */
+export declare function GripIcon({ className }: {
+    readonly className?: string;
+}): import("react").JSX.Element;
+/** The remote cursor: a rounded arrow with a white outline, filled in the person's colour. */
+export declare function CursorArrow({ color }: {
+    readonly color: string;
+}): import("react").JSX.Element;
+export {};

package/dist/components/board/BoardIsland.d.ts

@@ -0,0 +1,21 @@
+import { type BoardSurface, type BoardTool, type CallTheme, type IslandPlace, type PenColor, type PenWidth, type ShapeTool } from "./board-model";
+export type IslandProps = {
+    readonly tool: BoardTool;
+    readonly shape: ShapeTool;
+    readonly onTool: (tool: BoardTool) => void;
+    readonly color: PenColor;
+    readonly width: PenWidth;
+    readonly onColor: (color: PenColor) => void;
+    readonly onWidth: (width: PenWidth) => void;
+    readonly surface: BoardSurface;
+    readonly theme: CallTheme;
+    readonly canUndo: boolean;
+    readonly canRedo: boolean;
+    readonly onUndo: () => void;
+    readonly onRedo: () => void;
+    readonly place: IslandPlace;
+    readonly onPlace: (place: IslandPlace, announce: boolean) => void;
+    readonly compact: boolean;
+};
+/** The tool island: a pill of tools that docks at the bottom, the top or the left, or one pen button when compact. */
+export declare function BoardIsland(props: IslandProps): import("react").JSX.Element;

package/dist/components/board/BoardMenu.d.ts

@@ -0,0 +1,15 @@
+import { type BoardSurface, type IslandPlace } from "./board-model";
+export type BoardMenuProps = {
+    readonly surface: BoardSurface;
+    readonly onSurface: (surface: BoardSurface) => void;
+    /** Offered outside a phone, to people who can draw. */
+    readonly place?: IslandPlace;
+    readonly onPlace: (place: IslandPlace) => void;
+    readonly onDownload: () => void;
+    readonly onCopy: () => void;
+    readonly onBring?: () => void;
+    readonly onClear?: () => void;
+    readonly onClose?: () => void;
+};
+/** The board's own menu: export, the person's own appearance, and the host's board actions. */
+export declare function BoardMenu({ surface, onSurface, place, onPlace, onDownload, onCopy, onBring, onClear, onClose }: BoardMenuProps): import("react").JSX.Element;

package/dist/components/board/BoardStyles.d.ts

@@ -0,0 +1,2 @@
+/** The board's look: the mockup's surfaces, island, zoom, chips and cursors, on the call's own tokens. */
+export declare function BoardStyles(): import("react").JSX.Element;

package/dist/components/board/board-engine.d.ts

@@ -0,0 +1,31 @@
+import type { WhiteboardEngineHandle } from "@q9labsai/chalk-whiteboard/react";
+import { type BoardSurface, type BoardTool, type CallTheme, type Camera, type PenColor, type PenWidth } from "./board-model";
+/** The pen the person has chosen, and the surface it is drawn on. */
+export type PenChoice = {
+    readonly color: PenColor;
+    readonly width: PenWidth;
+    readonly surface: BoardSurface;
+    readonly theme: CallTheme;
+};
+export declare function applyTool(engine: WhiteboardEngineHandle, tool: BoardTool, pen: PenChoice): void;
+type PenChanges = {
+    readonly color?: PenColor;
+    readonly width?: PenWidth;
+};
+/** A colour or width change applies to what is selected, as well as to the next stroke. */
+export declare function restyleSelection(engine: WhiteboardEngineHandle, pen: PenChoice, changes: PenChanges): boolean;
+/** Places a plain sticky note centred on the board point and opens its text at once. */
+export declare function placeNote(engine: WhiteboardEngineHandle, container: HTMLElement, point: {
+    readonly x: number;
+    readonly y: number;
+}, color: PenColor): void;
+/** Text written in a note sits at its top left, like the mockup's notes. */
+export declare function settleNoteText(engine: WhiteboardEngineHandle): void;
+/** Undo and redo have no engine call, so the board presses the engine's own keys. */
+export declare function pressHistory(container: HTMLElement, redo: boolean): void;
+export declare function readCamera(engine: WhiteboardEngineHandle): Camera;
+export declare function setCamera(engine: WhiteboardEngineHandle, camera: Camera): void;
+export declare function hasContent(engine: WhiteboardEngineHandle): boolean;
+export declare function boardImage(engine: WhiteboardEngineHandle, background: string): Promise<Blob>;
+export declare function sceneSignature(engine: WhiteboardEngineHandle): number;
+export {};

package/dist/components/board/board-history.d.ts

@@ -0,0 +1,7 @@
+import { type MutableRefObject } from "react";
+import { type WhiteboardEngineHandle } from "@q9labsai/chalk-whiteboard/react";
+/** Reads the engine's stacks; never counts host mutations. */
+export declare function useEngineHistory(root: MutableRefObject<HTMLElement | null>, engine: WhiteboardEngineHandle | null): {
+    canUndo: boolean;
+    canRedo: boolean;
+};

package/dist/components/board/board-model.d.ts

@@ -0,0 +1,86 @@
+import { type ChalkWhiteboardView } from "@q9labsai/chalk-client";
+/** design.md, "The board": every colour, size and key the board's own controls use. */
+export type BoardSurface = "chalkboard" | "paper" | "dots";
+export type IslandPlace = "bottom" | "top" | "left";
+export type CallTheme = "light" | "dark";
+export type PenColor = "ink" | "red" | "orange" | "green" | "blue" | "violet";
+export type PenWidth = "thin" | "medium" | "thick";
+export type ShapeTool = "rectangle" | "ellipse" | "diamond" | "arrow" | "line";
+export type BoardTool = "selection" | "hand" | "pen" | "highlighter" | ShapeTool | "text" | "note" | "eraser" | "laser";
+export declare const SURFACES: readonly {
+    readonly id: BoardSurface;
+    readonly label: string;
+}[];
+export declare const ISLAND_PLACES: readonly {
+    readonly id: IslandPlace;
+    readonly label: string;
+}[];
+export declare const PEN_COLORS: readonly {
+    readonly id: PenColor;
+    readonly label: string;
+}[];
+export declare const NOTE_FILL: Record<PenColor, string>;
+/** Note text is a hair off Ink's canonical colour, so it never turns light with the surface. */
+export declare const NOTE_TEXT = "#1b1c1e";
+export declare const NOTE_SIZE: {
+    readonly width: 170;
+    readonly height: 150;
+};
+/** A 4px corner, as in the mockup; the engine's default rounding is 32px. */
+export declare const NOTE_ROUNDNESS: {
+    readonly type: 3;
+    readonly value: 4;
+};
+export declare const PEN_WIDTHS: readonly {
+    readonly id: PenWidth;
+    readonly label: string;
+    readonly units: number;
+}[];
+export declare const SHAPES: readonly {
+    readonly id: ShapeTool;
+    readonly label: string;
+    readonly key: string;
+}[];
+export declare const TOOL_KEYS: Readonly<Record<string, BoardTool>>;
+export declare function personColor(index: number): string;
+export declare function isDarkSurface(surface: BoardSurface, theme: CallTheme): boolean;
+/** The surface's own ink, which is what Ink looks like on it. */
+export declare function surfaceInk(surface: BoardSurface, theme: CallTheme): string;
+/** The fill behind the drawing, also used as the background of an exported image. */
+export declare function surfaceFill(surface: BoardSurface, theme: CallTheme): string;
+export declare function selectionColor(surface: BoardSurface, theme: CallTheme): string;
+export declare function penHex(color: PenColor, surface: BoardSurface, theme: CallTheme): string;
+/** The highlighter has no Ink: it draws orange instead, four times as wide at 40% opacity. */
+export declare function highlighterStyle(color: PenColor, width: PenWidth): {
+    readonly strokeColor: string;
+    readonly strokeWidth: number;
+    readonly opacity: number;
+};
+export declare function engineStrokeWidth(px: number, freehand: boolean): number;
+export declare function widthUnits(width: PenWidth): number;
+export declare const MIN_ZOOM = 0.1;
+export declare const MAX_ZOOM = 4;
+export declare function clampZoom(zoom: number): number;
+export type Camera = {
+    readonly scrollX: number;
+    readonly scrollY: number;
+    readonly zoom: number;
+};
+export type Viewport = {
+    readonly width: number;
+    readonly height: number;
+};
+/** The part of the board this camera shows, in board coordinates. */
+export declare function visibleView(camera: Camera, viewport: Viewport): Omit<ChalkWhiteboardView, "bring">;
+/** The camera that fits someone else's view into this viewport, centred. */
+export declare function cameraForView(view: Omit<ChalkWhiteboardView, "bring">, viewport: Viewport): Camera;
+/** The camera after zooming to `zoom` around the viewport's centre. */
+export declare function zoomAroundCentre(camera: Camera, viewport: Viewport, zoom: number): Camera;
+export declare function sameCamera(left: Camera, right: Camera): boolean;
+export declare function mixCamera(from: Camera, to: Camera, progress: number): Camera;
+/** A critically damped spring step, exact for any frame time. Returns the new offset from the target and the new velocity. */
+export declare function springStep(offset: number, velocity: number, rate: number, seconds: number): readonly [number, number];
+export declare function readStored<T extends string>(key: string, allowed: readonly {
+    readonly id: T;
+}[], fallback: T): T;
+export declare function writeStored(key: string, value: string): void;

package/dist/components/board/board-toasts.d.ts

@@ -0,0 +1,6 @@
+import type { Toast } from "../toast-stack/ToastStack";
+export type BoardToast = Omit<Toast, "id">;
+/** Null drops the board lifetime’s toasts, including their action callbacks.
+ * Board events join the call's own toast stack, so they look, sit and time out like every other toast. */
+export declare const BoardToastContext: import("react").Context<(toast: BoardToast | null) => void>;
+export declare function useBoardToast(lifetime: object | null): (toast: BoardToast) => void;

package/dist/components/board/board-view-versions.d.ts

@@ -0,0 +1,7 @@
+import type { ChalkWhiteboardView } from "@q9labsai/chalk-client";
+/** A bounded record of the latest applied version, not a history of received frames. */
+export declare class ViewVersions {
+    #private;
+    isNew(view: ChalkWhiteboardView): boolean;
+    remember(view: ChalkWhiteboardView): void;
+}

package/dist/components/call-card/CallCard.d.ts

@@ -16,4 +16,3 @@ export interface CallCardProps {
  * where it came from. Panels keep their own landmarks, so the drawer itself carries no role.
  */
 export declare function CallCard({ state, onClose, interactive, children, panel, onPanelChange, peopleCount, chatEnabled, participantsEnabled }: CallCardProps): import("react").JSX.Element | null;
-//# sourceMappingURL=CallCard.d.ts.map

package/dist/components/call-card/CallCardStyles.d.ts

@@ -1,2 +1 @@
 export declare function CallCardStyles(): import("react").JSX.Element;
-//# sourceMappingURL=CallCardStyles.d.ts.map

package/dist/components/call-limbo/CallLimbo.d.ts

@@ -18,7 +18,8 @@ export interface CallLimboProps {
     readonly initiallyCovered?: boolean;
     readonly theme?: ChalkTheme;
     readonly blocking?: boolean;
+    /** Extra classes for the message card, such as a fixed width around a form. */
+    readonly className?: string;
 }
 /** One surface for joining, admission and connection recovery. Never renders participant data. */
-export declare function CallLimbo({ spaceName, message, detail, action, children, overlay, active, initiallyCovered, theme, recorded, blocking }: CallLimboProps): React.JSX.Element;
-//# sourceMappingURL=CallLimbo.d.ts.map
+export declare function CallLimbo({ spaceName, message, detail, action, children, overlay, active, initiallyCovered, theme, recorded, blocking, className }: CallLimboProps): React.JSX.Element;

package/dist/components/call-limbo/CallReady.d.ts

@@ -4,4 +4,3 @@ export interface CallReadyProps {
     readonly link?: string;
 }
 export declare function CallReady({ open, onClose, link }: CallReadyProps): import("react").JSX.Element | null;
-//# sourceMappingURL=CallReady.d.ts.map

package/dist/components/call-limbo/qr-code.d.ts

@@ -2,4 +2,3 @@
  * Block parameters follow ISO/IEC 18004 (also documented by Project Nayuki's QR generator).
  */
 export declare function inviteQR(text: string): readonly (readonly boolean[])[] | null;
-//# sourceMappingURL=qr-code.d.ts.map

package/dist/components/call-limbo/useCallLink.d.ts

@@ -3,4 +3,3 @@ export declare function useCallLink(alone: boolean): {
     toggle: () => void;
     close: () => void;
 };
-//# sourceMappingURL=useCallLink.d.ts.map

package/dist/components/chalk/Chalk.d.ts

@@ -59,4 +59,3 @@ export type ChalkProps = SpaceIntegration & SpaceEventCallbacks & {
 };
 export declare function Chalk(props: ChalkProps): React.JSX.Element;
 export {};
-//# sourceMappingURL=Chalk.d.ts.map

package/dist/components/chalk/StatusSurface.d.ts

@@ -1,10 +1,12 @@
 import type React from "react";
+import type { ErrorCode } from "@q9labsai/chalk-client";
 import { type ChalkTheme } from "../../theme";
 export type StatusSurfacePhase = "entering" | "left" | "episode-ended" | "failed" | "removed" | "full" | "elsewhere";
 export interface StatusSurfaceProps {
     readonly phase: StatusSurfacePhase;
     readonly callName?: string;
     readonly reason?: string;
+    readonly errorCode?: ErrorCode;
     readonly theme?: ChalkTheme;
     readonly onRejoin?: () => void;
     readonly onHome?: () => void;
@@ -14,5 +16,4 @@ export interface StatusSurfaceProps {
     readonly retryPending?: boolean;
 }
 /** All terminal call states share the same quiet page and host-owned navigation. */
-export declare function StatusSurface({ phase, callName, reason, theme, onRejoin, onHome, onRetry, onReportProblem, rejoinDisabled, retryPending }: StatusSurfaceProps): React.JSX.Element;
-//# sourceMappingURL=StatusSurface.d.ts.map
+export declare function StatusSurface({ phase, callName, reason, errorCode, theme, onRejoin, onHome, onRetry, onReportProblem, rejoinDisabled, retryPending }: StatusSurfaceProps): React.JSX.Element;

package/dist/components/chalk-ui/ChalkAlert.d.ts

@@ -4,4 +4,3 @@ export interface ChalkAlertProps extends HTMLAttributes<HTMLDivElement> {
     readonly tone?: ChalkTone;
 }
 export declare const ChalkAlert: import("react").ForwardRefExoticComponent<ChalkAlertProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ChalkAlert.d.ts.map

package/dist/components/chalk-ui/ChalkBackdrop.d.ts

@@ -4,4 +4,3 @@ export interface ChalkBackdropProps extends HTMLAttributes<HTMLDivElement> {
     readonly tone?: ChalkTone;
 }
 export declare const ChalkBackdrop: import("react").ForwardRefExoticComponent<ChalkBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ChalkBackdrop.d.ts.map

package/dist/components/chalk-ui/ChalkBadge.d.ts

@@ -8,4 +8,3 @@ export interface ChalkBadgeProps extends HTMLAttributes<HTMLSpanElement> {
     readonly showZero?: boolean;
 }
 export declare const ChalkBadge: import("react").ForwardRefExoticComponent<ChalkBadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
-//# sourceMappingURL=ChalkBadge.d.ts.map

package/dist/components/chalk-ui/ChalkButton.d.ts

@@ -6,4 +6,3 @@ export interface ChalkButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEl
     readonly loading?: boolean;
 }
 export declare const ChalkButton: import("react").ForwardRefExoticComponent<ChalkButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ChalkButton.d.ts.map

package/dist/components/chalk-ui/ChalkCopyButton.d.ts

@@ -4,4 +4,3 @@ export declare function ChalkCopyButton({ text, label, announcement, showLabel }
     readonly announcement?: string;
     readonly showLabel?: boolean;
 }): import("react").JSX.Element;
-//# sourceMappingURL=ChalkCopyButton.d.ts.map

package/dist/components/chalk-ui/ChalkDialogPanel.d.ts

@@ -4,4 +4,3 @@ export interface ChalkDialogPanelProps extends HTMLAttributes<HTMLDivElement> {
     readonly tone?: ChalkTone;
 }
 export declare const ChalkDialogPanel: import("react").ForwardRefExoticComponent<ChalkDialogPanelProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ChalkDialogPanel.d.ts.map

package/dist/components/chalk-ui/ChalkDivider.d.ts

@@ -4,4 +4,3 @@ export interface ChalkDividerProps extends HTMLAttributes<HTMLHRElement> {
     readonly tone?: ChalkTone;
 }
 export declare const ChalkDivider: import("react").ForwardRefExoticComponent<ChalkDividerProps & import("react").RefAttributes<HTMLHRElement>>;
-//# sourceMappingURL=ChalkDivider.d.ts.map

package/dist/components/chalk-ui/ChalkEmptyState.d.ts

@@ -6,4 +6,3 @@ export interface ChalkEmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement
     readonly tone?: ChalkTone;
 }
 export declare const ChalkEmptyState: import("react").ForwardRefExoticComponent<ChalkEmptyStateProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ChalkEmptyState.d.ts.map

package/dist/components/chalk-ui/ChalkIconButton.d.ts

@@ -5,4 +5,3 @@ export interface ChalkIconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButt
     readonly size?: "sm" | "md" | "lg";
 }
 export declare const ChalkIconButton: import("react").ForwardRefExoticComponent<ChalkIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ChalkIconButton.d.ts.map

package/dist/components/chalk-ui/ChalkInput.d.ts

@@ -5,4 +5,3 @@ export interface ChalkInputProps extends Omit<InputHTMLAttributes<HTMLInputEleme
     readonly wrapperClassName?: string;
 }
 export declare const ChalkInput: import("react").ForwardRefExoticComponent<ChalkInputProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=ChalkInput.d.ts.map

package/dist/components/chalk-ui/ChalkMenu.d.ts

@@ -1,11 +1,12 @@
 import { type ReactElement, type ReactNode } from "react";
 export interface ChalkMenuProps {
     readonly trigger: ReactElement;
+    readonly onOpenChange?: (open: boolean) => void;
     readonly children: ReactNode;
     readonly side?: "top" | "bottom";
     readonly className?: string;
 }
-export declare function ChalkMenu({ trigger, children, side, className }: ChalkMenuProps): import("react").JSX.Element;
+export declare function ChalkMenu({ trigger, children, side, className, onOpenChange }: ChalkMenuProps): import("react").JSX.Element;
 export interface ChalkMenuItemProps {
     readonly children: ReactNode;
     readonly checked?: boolean;
@@ -17,4 +18,3 @@ export declare function ChalkMenuItem({ children, checked, disabled, onClick, cl
 export declare function ChalkMenuLabel({ children }: {
     readonly children: ReactNode;
 }): import("react").JSX.Element;
-//# sourceMappingURL=ChalkMenu.d.ts.map

package/dist/components/chalk-ui/ChalkPanel.d.ts

@@ -5,4 +5,3 @@ export interface ChalkPanelProps extends HTMLAttributes<HTMLDivElement> {
     readonly contentClassName?: string;
 }
 export declare const ChalkPanel: import("react").ForwardRefExoticComponent<ChalkPanelProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ChalkPanel.d.ts.map

package/dist/components/chalk-ui/ChalkPopover.d.ts

@@ -9,4 +9,3 @@ export declare function ChalkPopover({ trigger, children, label, className, alig
     readonly tooltip?: string;
     readonly alignOffset?: number;
 }): import("react").JSX.Element;
-//# sourceMappingURL=ChalkPopover.d.ts.map

package/dist/components/chalk-ui/ChalkSegmentedControl.d.ts

@@ -8,4 +8,3 @@ export declare function ChalkSegmentedControl<Value extends string>({ label, val
     }[];
     readonly onValueChange: (value: Value) => void;
 }): import("react").JSX.Element;
-//# sourceMappingURL=ChalkSegmentedControl.d.ts.map

package/dist/components/chalk-ui/ChalkSheet.d.ts

@@ -9,4 +9,3 @@ export interface ChalkSheetProps {
 }
 /** Base UI owns the focus trap, Escape, outside press and return to the opener. */
 export declare function ChalkSheet({ open, onOpenChange, title, accessibleLabel, children, variant }: ChalkSheetProps): import("react").JSX.Element;
-//# sourceMappingURL=ChalkSheet.d.ts.map

package/dist/components/chalk-ui/ChalkSpinner.d.ts

@@ -5,4 +5,3 @@ export interface ChalkSpinnerProps extends HTMLAttributes<HTMLSpanElement> {
     readonly label?: string;
 }
 export declare const ChalkSpinner: import("react").ForwardRefExoticComponent<ChalkSpinnerProps & import("react").RefAttributes<HTMLSpanElement>>;
-//# sourceMappingURL=ChalkSpinner.d.ts.map

package/dist/components/chalk-ui/ChalkTextarea.d.ts

@@ -5,4 +5,3 @@ export interface ChalkTextareaProps extends TextareaHTMLAttributes<HTMLTextAreaE
     readonly wrapperClassName?: string;
 }
 export declare const ChalkTextarea: import("react").ForwardRefExoticComponent<ChalkTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
-//# sourceMappingURL=ChalkTextarea.d.ts.map

package/dist/components/chalk-ui/ChalkToast.d.ts

@@ -11,4 +11,3 @@ export interface ChalkToastProps {
     readonly onDismiss: () => void;
 }
 export declare function ChalkToast({ message, type, duration, action, icon, onDismiss }: ChalkToastProps): import("react").JSX.Element;
-//# sourceMappingURL=ChalkToast.d.ts.map

package/dist/components/chalk-ui/ChalkToggle.d.ts

@@ -7,4 +7,3 @@ export interface ChalkToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonEl
     readonly tone?: ChalkTone;
 }
 export declare const ChalkToggle: import("react").ForwardRefExoticComponent<ChalkToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ChalkToggle.d.ts.map

package/dist/components/chalk-ui/ChalkTooltip.d.ts

@@ -3,4 +3,3 @@ export declare function ChalkTooltip({ trigger, children }: {
     readonly trigger: ReactElement;
     readonly children: ReactNode;
 }): import("react").JSX.Element;
-//# sourceMappingURL=ChalkTooltip.d.ts.map

package/dist/components/chalk-ui/common.d.ts

@@ -8,4 +8,3 @@ export declare const CLASSIC_FOCUS_WITHIN_CLASSES = "focus-within:border-[var(--
 export declare function classicToneSurfaceClasses(tone: ChalkTone): string;
 export declare function classicTonePanelClasses(tone: ChalkTone): string;
 export declare function mergeStyle(style: CSSProperties | undefined, position?: CSSProperties["position"]): CSSProperties;
-//# sourceMappingURL=common.d.ts.map

package/dist/components/chalk-ui/index.d.ts

@@ -34,4 +34,3 @@ export { ChalkCopyButton } from "./ChalkCopyButton";
 export { ChalkSheet, type ChalkSheetProps } from "./ChalkSheet";
 export { ChalkToast, type ChalkToastProps } from "./ChalkToast";
 export { ChalkTooltip } from "./ChalkTooltip";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/composite/ChatPanel.d.ts

@@ -35,4 +35,3 @@ export interface ChatPanelSurfaceProps extends ChatPanelProps {
 }
 export declare const ChatPanelSurface: React.MemoExoticComponent<({ messages, pendingMessages, readReceipts, localReadThroughSequence, participantNames, onSendMessage, onReact, onUploadAttachment, pickChatFiles, onResolveAttachmentUrl, onMarkRead, onRetryMessage, onLoadOlder, hasOlder, loadingOlder, localParticipantId, onClose, disabled, placeholder, title, variant, generatedAvatars, error, messageDisplayTime, autoScrollBehavior, className, }: ChatPanelSurfaceProps) => React.JSX.Element>;
 export declare const ChatPanel: React.MemoExoticComponent<(props: ChatPanelProps) => React.JSX.Element>;
-//# sourceMappingURL=ChatPanel.d.ts.map

package/dist/components/composite/CommandErrorAlert.d.ts

@@ -3,4 +3,3 @@ export interface CommandErrorAlertProps {
     readonly message?: string;
 }
 export declare function CommandErrorAlert({ message }: CommandErrorAlertProps): React.JSX.Element | null;
-//# sourceMappingURL=CommandErrorAlert.d.ts.map

package/dist/components/composite/MessageBubble.d.ts

@@ -30,4 +30,3 @@ export interface MessageBubbleProps {
     className?: string;
 }
 export declare const MessageBubble: React.NamedExoticComponent<MessageBubbleProps>;
-//# sourceMappingURL=MessageBubble.d.ts.map