@q9labsai/chalk-react-native 4.1.17 → 5.0.1

package/dist/frame/preferences.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from "react";
+import type { ColorScheme } from "../theme/tokens";
+/** Choices the person makes inside the call. The app stores them; `Chalk` reports every change. */
+export type CallPreferences = {
+    readonly colorScheme: ColorScheme;
+    readonly setColorScheme: (scheme: ColorScheme) => void;
+    readonly soundsEnabled: boolean;
+    readonly setSoundsEnabled: (enabled: boolean) => void;
+};
+type ProviderProps = {
+    readonly colorScheme?: ColorScheme;
+    readonly onColorSchemeChange?: (scheme: ColorScheme) => void;
+    readonly soundsEnabled?: boolean;
+    readonly onSoundsEnabledChange?: (enabled: boolean) => void;
+    readonly children: (preferences: CallPreferences) => ReactNode;
+};
+/** Each preference is controlled when its prop is set, and kept inside the call otherwise. */
+export declare function PreferencesProvider({ colorScheme, onColorSchemeChange, soundsEnabled, onSoundsEnabledChange, children }: ProviderProps): React.JSX.Element;
+export declare function usePreferences(): CallPreferences;
+export {};
+//# sourceMappingURL=preferences.d.ts.map

package/dist/frame/preferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferences.d.ts","sourceRoot":"","sources":["../../src/frame/preferences.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,mGAAmG;AACnG,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD,CAAC;AAIF,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;IACnC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,eAAe,KAAK,SAAS,CAAC;CAChE,CAAC;AAEF,8FAA8F;AAC9F,wBAAgB,mBAAmB,CAAC,EAAE,WAAW,EAAE,mBAAmB,EAAE,aAAa,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmB1J;AAED,wBAAgB,cAAc,IAAI,eAAe,CAIhD"}

package/dist/frame/regions.d.ts

@@ -0,0 +1,25 @@
+import type { EdgeInsets } from "react-native-safe-area-context";
+import type { Frame } from "../motion/MovingFrame";
+/**
+ * How the call is arranged, as in the mockup's `mode()`:
+ * - `portrait`: a phone held upright, or an iPad in narrow Split View.
+ * - `landscape`: a phone on its side; the stage takes the screen and the controls fade (L1).
+ * - `pad`: an iPad (or a large tablet) with the laptop arrangement and the side card.
+ */
+export type Arrangement = "portrait" | "landscape" | "pad";
+/** The iPad uses the phone layout (portrait or landscape) until the laptop arrangement ships. */
+export declare function arrangementFor(width: number, height: number): Arrangement;
+export type FrameRegions = {
+    readonly header: Frame;
+    readonly stage: Frame;
+    readonly dock: Frame;
+};
+/** Gap between tiles, and between the stage and the screen's sides on a phone. */
+export declare const STAGE_GAP = 8;
+/**
+ * The header, stage and dock boxes for each arrangement, in screen points, from the mockup's
+ * `stageRect()` and chrome CSS. The stage never changes when the controls fade.
+ * `cardOpen` is the iPad side card, which takes 352 pt from the stage.
+ */
+export declare function frameRegions(arrangement: Arrangement, width: number, height: number, insets: EdgeInsets, cardOpen?: boolean): FrameRegions;
+//# sourceMappingURL=regions.d.ts.map

package/dist/frame/regions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"regions.d.ts","sourceRoot":"","sources":["../../src/frame/regions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,KAAK,CAAC;AAE3D,iGAAiG;AACjG,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,CAEzE;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,SAAS,IAAI,CAAC;AAE3B;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,UAAQ,GAAG,YAAY,CA6BxI"}

package/dist/haptics/haptics.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The call's haptic moments, and only these. The mockup marks mute, hand raise and leave;
+ * a sheet ticks when a drag crosses the point where letting go closes it.
+ */
+export declare const haptics: {
+    readonly mute: () => void;
+    readonly handRaise: () => void;
+    readonly leave: () => void;
+    readonly sheetDetent: () => void;
+};
+export type HapticMoment = keyof typeof haptics;
+//# sourceMappingURL=haptics.d.ts.map

package/dist/haptics/haptics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"haptics.d.ts","sourceRoot":"","sources":["../../src/haptics/haptics.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,OAAO,CAAC"}

package/dist/header/CallDetailsSheet.d.ts

@@ -0,0 +1,18 @@
+import type { RefObject } from "react";
+import { View } from "react-native";
+export type CallDetailsSheetProps = {
+    readonly open: boolean;
+    readonly onClose: () => void;
+    readonly callName: string;
+    /** The call's link; without it the Share section is left out. */
+    readonly inviteLink?: string;
+    readonly returnFocusRef?: RefObject<View | null>;
+};
+/**
+ * Call details (`#info`), opened from the call's name: the link with copy, share and a QR code,
+ * then the appearance and sound choices.
+ */
+export declare function CallDetailsSheet({ open, onClose, callName, inviteLink, returnFocusRef }: CallDetailsSheetProps): React.JSX.Element;
+/** The link as people read it, `chalkmeet.com/q9-team`, without the scheme or the invite token. */
+export declare function displayLink(link: string): string;
+//# sourceMappingURL=CallDetailsSheet.d.ts.map

package/dist/header/CallDetailsSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallDetailsSheet.d.ts","sourceRoot":"","sources":["../../src/header/CallDetailsSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAA0C,IAAI,EAAE,MAAM,cAAc,CAAC;AAiB5E,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;CAClD,CAAC;AASF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoBlI;AA0BD,mGAAmG;AACnG,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEhD"}

package/dist/header/Header.d.ts

@@ -0,0 +1,17 @@
+import { View } from "react-native";
+import type { Arrangement } from "../frame/regions";
+export type HeaderProps = {
+    readonly callName: string;
+    readonly arrangement: Arrangement;
+    readonly onOpenDetails: () => void;
+    /** The call details sheet is open. */
+    readonly detailsOpen: boolean;
+};
+/**
+ * The call header (`.hdr`): the call's name with its chevron, which opens the call details, then
+ * the Rec dot while the call is recorded (K5) and the timer. In landscape the name sits in a
+ * pill and the timer is left out.
+ */
+export declare const Header: import("react").NamedExoticComponent<HeaderProps & import("react").RefAttributes<View>>;
+export declare function formatElapsed(milliseconds: number): string;
+//# sourceMappingURL=Header.d.ts.map

package/dist/header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,IAAI,EAAyB,MAAM,cAAc,CAAC;AAQlF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC;IACnC,sCAAsC;IACtC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM,yFA0BlB,CAAC;AAiCF,wBAAgB,aAAa,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAM1D"}

package/dist/header/QrCode.d.ts

@@ -0,0 +1,6 @@
+/** The call link as a QR code (`svg.qr`): black on white with a two-module quiet zone, in both themes. */
+export declare const QrCode: import("react").MemoExoticComponent<({ value, size }: {
+    readonly value: string;
+    readonly size: number;
+}) => React.JSX.Element>;
+//# sourceMappingURL=QrCode.d.ts.map

package/dist/header/QrCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QrCode.d.ts","sourceRoot":"","sources":["../../src/header/QrCode.tsx"],"names":[],"mappings":"AAMA,0GAA0G;AAC1G,eAAO,MAAM,MAAM,wDAAyC;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0B/H,CAAC"}

package/dist/icons/Icon.d.ts

@@ -0,0 +1,12 @@
+import { iconElements } from "./icon-paths";
+export type IconName = keyof typeof iconElements;
+export type IconProps = {
+    readonly name: IconName;
+    readonly color: string;
+    /** The mockup draws icons at 20 pt by default, 16 to 18 pt in tags and menus. */
+    readonly size?: number;
+    readonly strokeWidth?: number;
+};
+/** One icon from the mockup's 24-unit, 1.75-stroke line set. Icons are decorative; label the control that holds them. */
+export declare const Icon: import("react").MemoExoticComponent<({ name, color, size, strokeWidth }: IconProps) => React.JSX.Element>;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/icons/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,YAAY,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,yHAAyH;AACzH,eAAO,MAAM,IAAI,2EAAsE,SAAS,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMlH,CAAC"}

package/dist/icons/icon-element.d.ts

@@ -0,0 +1,24 @@
+type Stroke = {
+    readonly strokeWidth?: number;
+    /** `currentColor` fills the shape with the icon colour; otherwise shapes are stroked only. */
+    readonly fill?: "currentColor";
+    readonly transform?: string;
+};
+export type IconElement = (Stroke & {
+    readonly kind: "path";
+    readonly d: string;
+}) | (Stroke & {
+    readonly kind: "rect";
+    readonly x: number;
+    readonly y: number;
+    readonly width: number;
+    readonly height: number;
+    readonly rx?: number;
+}) | (Stroke & {
+    readonly kind: "circle";
+    readonly cx: number;
+    readonly cy: number;
+    readonly r: number;
+});
+export {};
+//# sourceMappingURL=icon-element.d.ts.map

package/dist/icons/icon-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-element.d.ts","sourceRoot":"","sources":["../../src/icons/icon-element.ts"],"names":[],"mappings":"AAAA,KAAK,MAAM,GAAG;IACZ,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,8FAA8F;IAC9F,QAAQ,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,WAAW,GACnB,CAAC,MAAM,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GACxD,CAAC,MAAM,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GACnJ,CAAC,MAAM,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC"}