@q9labsai/chalk-react-native 4.1.17 → 5.0.1

package/dist/status/CallOverlays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallOverlays.d.ts","sourceRoot":"","sources":["../../src/status/CallOverlays.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,sFAAsF;IACtF,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqB5H"}

package/dist/status/ChalkArrival.d.ts

@@ -0,0 +1,24 @@
+import type { ColorScheme } from "../theme/tokens";
+/** Where a person stands before the call lets them in: waiting for the host, turned away, or the call is full. */
+export type ArrivalState = "knocking" | "refused" | "full";
+export type ChalkArrivalProps = {
+    readonly state: ArrivalState;
+    /** The call's name, such as "Q9 team". */
+    readonly callName: string;
+    /** Dark by default, like `Chalk`. */
+    readonly colorScheme?: ColorScheme;
+    /** Stops waiting (Cancel while knocking, Android back). */
+    readonly onCancel: () => void;
+    /** Knocks again after a refusal, or tries again once a full call has room. */
+    readonly onRetry: () => void;
+    /** Recording consent shows while knocking on a recorded call. */
+    readonly recording?: boolean;
+};
+/**
+ * The screens before `Chalk` joins (T3, T4, A7), for an app that lets a person ask to join a call
+ * through an invite link: "Asking to join" with Cancel, "The host didn’t let you in" with Ask again,
+ * and "This call is full" with Try again and Home.
+ */
+export declare function ChalkArrival({ colorScheme, ...props }: ChalkArrivalProps): React.JSX.Element;
+export declare function ArrivalScreen({ state, callName, onCancel, onRetry, recording }: Omit<ChalkArrivalProps, "colorScheme">): React.JSX.Element;
+//# sourceMappingURL=ChalkArrival.d.ts.map

package/dist/status/ChalkArrival.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChalkArrival.d.ts","sourceRoot":"","sources":["../../src/status/ChalkArrival.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,kHAAkH;AAClH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;IACnC,2DAA2D;IAC3D,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,8EAA8E;IAC9E,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,iEAAiE;IACjE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,WAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQrG;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAiB,EAAE,EAAE,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQlJ"}

package/dist/status/StatusPage.d.ts

@@ -0,0 +1,14 @@
+/** The ways a call ends for you (A3 to A7). */
+export type CallOutcome = "left" | "ended" | "failed" | "removed" | "exited" | "full";
+export type StatusPageProps = {
+    readonly outcome: CallOutcome;
+    readonly callName: string;
+    readonly onRejoin: () => void;
+    readonly onHome: () => void;
+};
+/**
+ * A full-screen status page on the canvas (`.status`): a title, an optional line saying what to do,
+ * and the ways forward as round actions with their names under them.
+ */
+export declare function StatusPage({ outcome, callName, onRejoin, onHome }: StatusPageProps): React.JSX.Element;
+//# sourceMappingURL=StatusPage.d.ts.map

package/dist/status/StatusPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPage.d.ts","sourceRoot":"","sources":["../../src/status/StatusPage.tsx"],"names":[],"mappings":"AAUA,+CAA+C;AAC/C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEtF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAwBF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgCtG"}

package/dist/status/call-screen.d.ts

@@ -0,0 +1,20 @@
+import type { ConnectionSlice } from "@q9labsai/chalk-client";
+import type { CallOutcome } from "./StatusPage";
+/** What covers the call: nothing, a limbo card over the veiled call, or a status page. */
+export type CallScreen = {
+    readonly kind: "call";
+} | {
+    readonly kind: "joining";
+} | {
+    readonly kind: "reconnecting";
+} | {
+    readonly kind: "status";
+    readonly outcome: CallOutcome;
+};
+/**
+ * Reads the screen from the connection. `leftByChoice` is true from the moment the person presses
+ * Leave or End until they join again, so a leave whose call failed still reads as their choice.
+ * Only the server's own removal signal shows "removed"; any other exit nobody chose is `exited`.
+ */
+export declare function callScreen(connection: ConnectionSlice, leftByChoice: boolean): CallScreen;
+//# sourceMappingURL=call-screen.d.ts.map

package/dist/status/call-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"call-screen.d.ts","sourceRoot":"","sources":["../../src/status/call-screen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,0FAA0F;AAC1F,MAAM,MAAM,UAAU,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAA;CAAE,CAAC;AAEnL;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,GAAG,UAAU,CAiBzF"}

package/dist/theme/theme.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+import { type ColorScheme, type Elevation, type Palette } from "./tokens";
+export type Theme = {
+    readonly scheme: ColorScheme;
+    readonly colors: Palette;
+    readonly elevation: Elevation;
+};
+/** Supplies one of two frozen theme objects, so consumers re-render only when the scheme changes. */
+export declare function ThemeProvider({ colorScheme, children }: {
+    readonly colorScheme: ColorScheme;
+    readonly children: ReactNode;
+}): React.JSX.Element;
+export declare function useTheme(): Theme;
+export declare function themeFor(colorScheme: ColorScheme): Theme;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAwB,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAC;AAEhG,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;CAC/B,CAAC;AASF,qGAAqG;AACrG,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAE/I;AAED,wBAAgB,QAAQ,IAAI,KAAK,CAEhC;AAED,wBAAgB,QAAQ,CAAC,WAAW,EAAE,WAAW,GAAG,KAAK,CAExD"}

package/dist/theme/tokens.d.ts

@@ -0,0 +1,248 @@
+/**
+ * Design tokens for the call, copied from the approved mobile mockup
+ * (`.dev` and `.dev.light` in mobile-mockup.html) and named by role as in design.md.
+ * This file and `fixed` below are the only places a colour literal may appear.
+ */
+export type ColorScheme = "dark" | "light";
+export type Palette = {
+    /** Call background and status pages. */
+    readonly canvas: string;
+    /** Sheets, cards, the people pill and header buttons. */
+    readonly surface: string;
+    /** Tile background and the letterbox colour of shared content. */
+    readonly tile: string;
+    /** Round dock buttons, fields, chat bubbles, selected rows. */
+    readonly raised: string;
+    /** Menus, popovers and toasts. */
+    readonly popover: string;
+    /** Pressed row, expanded control, the default pill button. */
+    readonly hover: string;
+    /** Pressed surface of a raised control, switch track when off. */
+    readonly pressed: string;
+    readonly line: string;
+    readonly lineStrong: string;
+    readonly text: string;
+    readonly textStrong: string;
+    readonly textSoft: string;
+    readonly textMuted: string;
+    /** Focus ring: the mockup draws `outline: 2px solid var(--tx)`. */
+    readonly focus: string;
+    readonly danger: string;
+    readonly dangerPressed: string;
+    readonly dangerText: string;
+    readonly success: string;
+    readonly warning: string;
+    /** The call's accent: unread dots and your own reactions. */
+    readonly info: string;
+};
+export declare const palettes: Readonly<Record<ColorScheme, Palette>>;
+/** Colours that stay the same in both themes, because they sit on video or carry a fixed meaning. */
+export declare const fixed: {
+    readonly overlay: "rgba(12,14,18,0.75)";
+    readonly overlayStrong: "rgba(12,14,18,0.82)";
+    readonly overlayPressed: "rgba(40,42,48,0.95)";
+    readonly overlayText: "#FFFFFF";
+    readonly overlayDanger: "#FF6B6B";
+    readonly overlayWarning: "#E2BD3A";
+    readonly onDanger: "#FFFFFF";
+    readonly hand: "#DCB740";
+    readonly handText: "#16140C";
+    readonly scrim: "rgba(0,0,0,0.55)";
+    readonly liveRing: "rgba(255,255,255,0.9)";
+    readonly liveRingShade: "rgba(0,0,0,0.35)";
+    readonly switchKnob: "#FFFFFF";
+    /** QR codes stay black on white in both themes so every camera reads them. */
+    readonly qrLight: "#FFFFFF";
+    readonly qrDark: "#000000";
+    readonly shadow: "#000000";
+    readonly transparent: "transparent";
+    /** The selected segment of a compact segmented control. */
+    readonly segmentShadow: "0px 1px 2px rgba(0,0,0,0.2)";
+};
+/** File badges in chat (`.t-pdf` and friends); the same in both themes because the badge carries its own colour. */
+export declare const fileKindColors: {
+    readonly pdf: "#C42B2B";
+    readonly doc: "#2F5FB3";
+    readonly xls: "#1E7A46";
+    readonly ppt: "#B8481E";
+    readonly other: "#5C5D65";
+};
+/** Shades over chat photos: "+N" on the last thumbnail (`.thm`) and a file still uploading (`.chip.up`). */
+export declare const chatOverlays: {
+    readonly photoMore: "rgba(0,0,0,0.5)";
+    readonly uploading: "rgba(0,0,0,0.45)";
+    readonly ring: "#FFFFFF";
+};
+/** The photo viewer is dark in both themes (`.lbw`). */
+export declare const viewer: {
+    readonly backdrop: "rgba(8,8,10,0.94)";
+    readonly text: "#ECECEE";
+    readonly textMuted: "#A1A2A9";
+    readonly button: "rgba(255,255,255,0.08)";
+    readonly buttonPressed: "rgba(255,255,255,0.16)";
+};
+/** Avatar backgrounds, chosen by a hash of the person's name. */
+export declare const identityColors: readonly ["#315F72", "#5C6650", "#6B5B4F", "#64576B", "#49645D", "#665D42", "#4D5D73", "#6D5158"];
+/**
+ * Shadows. In the light theme, controls that sit on the canvas carry a one-pixel `line` ring
+ * and floating surfaces add a soft shadow; the dark theme uses the heavier mockup shadows.
+ */
+export type Elevation = {
+    readonly popover: string;
+    readonly toast: string;
+    /** The small tile floating over the other person when two are in the call (`.tile.float`). */
+    readonly floatTile: string;
+    /** Controls on the canvas (dock buttons, people pill) get a one-pixel ring in light. */
+    readonly ringOnCanvas: boolean;
+};
+export declare const elevations: Readonly<Record<ColorScheme, Elevation>>;
+export type FontWeight = 400 | 500 | 600 | 700;
+/** Figtree is embedded by the app; these are its PostScript names, which iOS and Android both resolve. */
+export declare const fontFamilies: Readonly<Record<FontWeight, string>>;
+/** The call type scale. Text is Figtree at a line height of 1.4, in sentence case. */
+export declare const type: {
+    readonly statusTitle: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly limboTitle: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly progress: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly sheetTitle: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly phoneRow: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly cardTitle: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly wideButton: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly body: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly bodyMedium: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly bodyStrong: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly button: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly meta: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly label: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly section: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+    readonly caption: {
+        readonly fontFamily: string;
+        readonly fontSize: number;
+        readonly lineHeight: number;
+    };
+};
+export type TypeStyle = keyof typeof type;
+export declare const radii: {
+    readonly tag: 6;
+    readonly field: 10;
+    readonly menuRow: 9;
+    readonly menu: 12;
+    readonly tile: 12;
+    readonly tilePhone: 14;
+    readonly card: 16;
+    readonly sheet: 24;
+    readonly round: 999;
+};
+/** Four-point grid. */
+export declare const space: {
+    readonly 1: 4;
+    readonly 2: 8;
+    readonly 3: 12;
+    readonly 4: 16;
+    readonly 5: 20;
+    readonly 6: 24;
+    readonly 8: 32;
+    readonly 10: 40;
+};
+export declare const sizes: {
+    readonly control: 44;
+    readonly dockPhone: 52;
+    readonly headerButton: 40;
+    readonly menuRow: 40;
+    readonly menuRowPhone: 48;
+    readonly toastMinHeight: 48;
+    readonly handleWidth: 36;
+    readonly handleHeight: 5;
+};
+/** Durations in milliseconds, from the mockup's CSS transitions. */
+export declare const durations: {
+    readonly press: 150;
+    readonly chromeFade: 250;
+    readonly menu: 180;
+    readonly toastIn: 200;
+    readonly toastOut: 160;
+    readonly card: 200;
+    readonly sheet: 240;
+    readonly scrim: 200;
+    readonly move: 220;
+    readonly enter: 220;
+    readonly leave: 160;
+    readonly copyMorph: 200;
+    readonly copyReset: 2000;
+    readonly veil: 300;
+    readonly avatarTurn: 300;
+    readonly speakingLevel: 90;
+    readonly landscapeHide: 4000;
+    readonly toastInfo: 5000;
+};
+export declare const easings: {
+    readonly emphasized: import("react-native-reanimated").EasingFunctionFactory;
+    readonly move: import("react-native-reanimated").EasingFunctionFactory;
+    readonly easeOut: import("react-native-reanimated").EasingFunctionFactory;
+    readonly standard: import("react-native-reanimated").EasingFunctionFactory;
+    readonly linear: (t: number) => number;
+};
+/** Scale of a pressed control, per control family. */
+export declare const pressScale: {
+    readonly round: 0.94;
+    readonly pill: 0.97;
+    readonly small: 0.92;
+    readonly big: 0.98;
+};
+//# sourceMappingURL=tokens.d.ts.map

package/dist/theme/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"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"}

package/dist/toasts/CallEventToasts.d.ts

@@ -0,0 +1,21 @@
+/** A device the call asks the OS for. */
+export type Permission = "microphone" | "camera";
+export type CallEventToasts = {
+    /** Call before the person turns their own microphone off, so it isn't reported as a host mute. */
+    readonly noteOwnMicrophoneChange: () => void;
+    /** Says why turning on the microphone or camera failed, with the way forward (F1, K1, K2). */
+    readonly reportMediaFailure: (permission: Permission, cause: unknown, retry: () => void) => void;
+};
+export type CallEventToastsOptions = {
+    /** Called just before Open Settings leaves the app, so the app can rejoin after iOS restarts it. */
+    readonly onOpenSettings?: (permission: Permission) => void;
+    /** The app restarted after the person allowed this in Settings; says so once the call is live. */
+    readonly resumedAfterSettings?: Permission;
+};
+/**
+ * Turns call events into notices and sounds through the one toast stack: people joining and
+ * leaving (F5, F6), a host muting you (F8), requests to unmute (F3), a new host (F10), a share
+ * ending (F11), recording starting and stopping, and failed microphone or camera changes.
+ */
+export declare function useCallEventToasts({ onOpenSettings, resumedAfterSettings }: CallEventToastsOptions): CallEventToasts;
+//# sourceMappingURL=CallEventToasts.d.ts.map

package/dist/toasts/CallEventToasts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallEventToasts.d.ts","sourceRoot":"","sources":["../../src/toasts/CallEventToasts.tsx"],"names":[],"mappings":"AAcA,yCAAyC;AACzC,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;AAIjD,MAAM,MAAM,eAAe,GAAG;IAC5B,kGAAkG;IAClG,QAAQ,CAAC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IAC7C,8FAA8F;IAC9F,QAAQ,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CAClG,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,oGAAoG;IACpG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3D,kGAAkG;IAClG,QAAQ,CAAC,oBAAoB,CAAC,EAAE,UAAU,CAAC;CAC5C,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,cAAc,EAAE,oBAAoB,EAAE,EAAE,sBAAsB,GAAG,eAAe,CAuFpH"}

package/dist/toasts/notices.d.ts

@@ -0,0 +1,34 @@
+import type { IncomingMediaRequest, SpaceSnapshot } from "@q9labsai/chalk-client";
+/** A call event worth a notice, read from the difference between two snapshots. */
+export type Notice = {
+    readonly kind: "joined";
+    readonly name: string;
+} | {
+    readonly kind: "left";
+    readonly name: string;
+} | {
+    readonly kind: "mutedByHost";
+    readonly by: string | null;
+} | {
+    readonly kind: "mediaRequest";
+    readonly request: IncomingMediaRequest;
+} | {
+    readonly kind: "newHost";
+    readonly previousHost: string;
+} | {
+    readonly kind: "shareStopped";
+    readonly name: string;
+} | {
+    readonly kind: "recordingStarted";
+} | {
+    readonly kind: "recordingStopped";
+};
+/**
+ * Notices for what changed between `previous` and `next`. Only changes inside a live call count,
+ * so the roster arriving on join or emptying on leave says nothing. `ownMicrophoneChange` is true
+ * when the person turned their own microphone off since the last snapshot.
+ */
+export declare function callNotices(previous: SpaceSnapshot, next: SpaceSnapshot, ownMicrophoneChange: boolean): readonly Notice[];
+/** The mockup names people by their first name in notices that ask something of you. */
+export declare function firstName(name: string): string;
+//# sourceMappingURL=notices.d.ts.map

package/dist/toasts/notices.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notices.d.ts","sourceRoot":"","sources":["../../src/toasts/notices.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAe,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE/F,mFAAmF;AACnF,MAAM,MAAM,MAAM,GACd;IAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAClD;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAChD;IAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC5D;IAAE,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAA;CAAE,GACzE;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;CAAE,GAC3D;IAAE,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACxD;IAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAA;CAAE,GACrC;IAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAE1C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,mBAAmB,EAAE,OAAO,GAAG,SAAS,MAAM,EAAE,CAkCzH;AAMD,wFAAwF;AACxF,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C"}

package/dist/ui/ChalkUI.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import type { ColorScheme } from "../theme/tokens";
+export type ChalkUIProps = {
+    readonly colorScheme: ColorScheme;
+    readonly children: ReactNode;
+};
+/**
+ * Everything the call's primitives need, for the screens an app draws around `Chalk` (its Home, for
+ * example): theme, safe areas, sheets, menus and toasts. Sheets and menus open above `children`.
+ */
+export declare function ChalkUI({ colorScheme, children }: ChalkUIProps): React.JSX.Element;
+//# sourceMappingURL=ChalkUI.d.ts.map

package/dist/ui/ChalkUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChalkUI.d.ts","sourceRoot":"","sources":["../../src/ui/ChalkUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyBlF"}

package/dist/ui.d.ts

@@ -0,0 +1,25 @@
+/** The call's look, for the screens an app draws around `Chalk`: Home, joining and the name step. */
+export { ChalkUI } from "./ui/ChalkUI";
+export type { ChalkUIProps } from "./ui/ChalkUI";
+export { useTheme } from "./theme/theme";
+export type { Theme } from "./theme/theme";
+export { fixed, fontFamilies, radii, type } from "./theme/tokens";
+export type { ColorScheme, Palette } from "./theme/tokens";
+export { useDeviceLayout } from "./frame/device-layout";
+export { Icon } from "./icons/Icon";
+export type { IconName } from "./icons/Icon";
+export { ChalkText } from "./primitives/ChalkText";
+export { IconButton } from "./primitives/IconButton";
+export { PillButton } from "./primitives/PillButton";
+export { BottomSheet } from "./primitives/BottomSheet";
+export { SheetGroup, SheetRow } from "./primitives/SheetGroup";
+export { Menu, MenuItem } from "./primitives/Menu";
+export { Switch } from "./primitives/Switch";
+export { SegmentedControl } from "./primitives/SegmentedControl";
+export { CopyButton } from "./primitives/CopyButton";
+export { FaceAvatar } from "./avatar/FaceAvatar";
+export { useToastClearance, useToasts } from "./primitives/toast/ToastStack";
+export { announce } from "./primitives/announce";
+export { usePressAnimation } from "./motion/press";
+export { Limbo } from "./limbo/Limbo";
+//# sourceMappingURL=ui.d.ts.map

package/dist/ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,qGAAqG;AACrG,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC"}

package/dist/ui.js

@@ -0,0 +1,77 @@
+import {
+  BottomSheet,
+  ChalkText,
+  CopyButton,
+  DeviceLayoutProvider,
+  FaceAvatar,
+  Icon,
+  IconButton,
+  Limbo,
+  Menu,
+  MenuItem,
+  PillButton,
+  PortalHost,
+  PortalProvider,
+  SegmentedControl,
+  SheetGroup,
+  SheetRow,
+  Switch,
+  ThemeProvider,
+  ToastProvider,
+  ToastStack,
+  announce,
+  fixed,
+  fontFamilies,
+  radii,
+  type,
+  useDeviceLayout,
+  usePressAnimation,
+  useTheme,
+  useToastClearance,
+  useToasts
+} from "./chunk-OIBT2FNM.js";
+import "./chunk-GYVZSOGQ.js";
+
+// src/ui/ChalkUI.tsx
+import { StyleSheet, View } from "react-native";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ChalkUI({ colorScheme, children }) {
+  return /* @__PURE__ */ jsx(GestureHandlerRootView, { style: styles.root, children: /* @__PURE__ */ jsx(SafeAreaProvider, { children: /* @__PURE__ */ jsx(ThemeProvider, { colorScheme, children: /* @__PURE__ */ jsx(DeviceLayoutProvider, { children: /* @__PURE__ */ jsx(PortalProvider, { children: /* @__PURE__ */ jsx(ToastProvider, { children: /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
+    children,
+    /* @__PURE__ */ jsx(View, { pointerEvents: "box-none", style: StyleSheet.absoluteFill, children: /* @__PURE__ */ jsx(PortalHost, { layer: "sheets" }) }),
+    /* @__PURE__ */ jsx(View, { pointerEvents: "box-none", style: StyleSheet.absoluteFill, children: /* @__PURE__ */ jsx(PortalHost, { layer: "menus" }) }),
+    /* @__PURE__ */ jsx(ToastStack, {})
+  ] }) }) }) }) }) }) });
+}
+var styles = StyleSheet.create({
+  root: { flex: 1 }
+});
+export {
+  BottomSheet,
+  ChalkText,
+  ChalkUI,
+  CopyButton,
+  FaceAvatar,
+  Icon,
+  IconButton,
+  Limbo,
+  Menu,
+  MenuItem,
+  PillButton,
+  SegmentedControl,
+  SheetGroup,
+  SheetRow,
+  Switch,
+  announce,
+  fixed,
+  fontFamilies,
+  radii,
+  type,
+  useDeviceLayout,
+  usePressAnimation,
+  useTheme,
+  useToastClearance,
+  useToasts
+};

package/embedded/chalk-whiteboard/asset-manifest.json

@@ -1216,8 +1216,8 @@
     },
     {
       "path": "renderer.js",
-      "bytes": 8504846,
-      "sha256": "20644a73c951091c36858684c83bd579c6894f986bf461cf21289f0ccef4ea59"
+      "bytes": 8497928,
+      "sha256": "7f754073f20cee4b3adceb40731faf75d94849f6ce01a0b2e30fdad10867a5d9"
     },
     {
       "path": "THIRD_PARTY_NOTICES.json",