@duro-app/ui 5.13.0 → 5.14.0

package/dist/components/Combobox/comboboxState.d.ts

@@ -0,0 +1,29 @@
+export interface ComboboxStateOptions {
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string | null) => void;
+    inputValue?: string;
+    onInputChange?: (value: string) => void;
+    initialLabels?: Record<string, string>;
+}
+/** Whether an option's label matches what was typed: a case-insensitive substring. */
+export declare function matchesQuery(label: string, query: string): boolean;
+/**
+ * The Combobox's state both platforms share (plan N0, Decision 10): the value
+ * and the typed text (each controlled or not), whether it is open, each
+ * option's label, choosing an option, and the text/value reconcile on close.
+ * Highlight, document order, keys and DOM focus are the web adapter's
+ * (useComboboxRoot); the sheet and its pinned input are Combobox.native's.
+ */
+export declare function useComboboxState({ defaultValue, value: controlledValue, onValueChange, inputValue: controlledInputValue, onInputChange, initialLabels, }: ComboboxStateOptions): {
+    value: string | null;
+    setValue: (v: string | null) => void;
+    inputValue: string;
+    setInputValue: (v: string) => void;
+    open: boolean;
+    setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    labels: Record<string, string>;
+    registerLabel: (v: string, label: string) => void;
+    chooseValue: (itemValue: string) => void;
+};
+//# sourceMappingURL=comboboxState.d.ts.map

package/dist/components/Combobox/comboboxState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comboboxState.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/comboboxState.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAED,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAElE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,UAAU,EAAE,oBAAoB,EAChC,aAAa,EACb,aAAa,GACd,EAAE,oBAAoB;;;;uBAef,MAAM;;;;uBAU0B,MAAM,SAAS,MAAM;6BAM7C,MAAM;EA4CrB"}

package/dist/components/Combobox/native.css.d.ts

@@ -0,0 +1,27 @@
+import { css } from 'react-strict-dom';
+/** Native Combobox additions to the shared styles: the closed field. */
+export declare const nativeStyles: Readonly<{
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
+    readonly field: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+    }>;
+    readonly fieldText: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly chevronDown: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly transform: css.StyleXClassNameFor<"transform", "rotate(90deg)">;
+    }>;
+    readonly fieldPlaceholder: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+    }>;
+}>;
+//# sourceMappingURL=native.css.d.ts.map

package/dist/components/Combobox/native.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.css.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/native.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,wEAAwE;AACxE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;EA0BvB,CAAA"}

package/dist/components/Combobox/useComboboxRoot.d.ts

@@ -1,15 +1,11 @@
 import { ComboboxContextValue } from './ComboboxContext';
-interface UseComboboxRootOptions {
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string | null) => void;
-    inputValue?: string;
-    onInputChange?: (value: string) => void;
-    initialLabels?: Record<string, string>;
-}
-export declare function useComboboxRoot({ defaultValue, value: controlledValue, onValueChange, inputValue: controlledInputValue, onInputChange, initialLabels, }: UseComboboxRootOptions): {
+import { ComboboxStateOptions } from './comboboxState';
+/**
+ * The web adapter over the shared Combobox state: the highlighted option,
+ * document order, keys and DOM focus (the WAI-ARIA editable combobox).
+ */
+export declare function useComboboxRoot(options: ComboboxStateOptions): {
     ctx: ComboboxContextValue;
     rootRef: import('react').RefObject<HTMLDivElement | null>;
 };
-export {};
 //# sourceMappingURL=useComboboxRoot.d.ts.map

package/dist/components/Combobox/useComboboxRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useComboboxRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useComboboxRoot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA;AAE3D,UAAU,sBAAsB;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAED,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,UAAU,EAAE,oBAAoB,EAChC,aAAa,EACb,aAAa,GACd,EAAE,sBAAsB;;;EA+OxB"}
+{"version":3,"file":"useComboboxRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useComboboxRoot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAiC,KAAK,oBAAoB,EAAC,MAAM,iBAAiB,CAAA;AAEzF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,oBAAoB;;;EAiL5D"}

package/dist/components/Drawer/Drawer.d.ts

@@ -13,9 +13,12 @@ interface PortalProps {
     grabberLabels?: GrabberLabels;
 }
 declare function Portal({ children, size, grabberLabels }: PortalProps): import("react/jsx-runtime").JSX.Element | null;
-declare function Body({ children }: {
+interface BodyProps {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    /** No side padding: rows that run to the panel's edges, as a picker's list. */
+    flush?: boolean;
+}
+declare function Body({ children, flush }: BodyProps): import("react/jsx-runtime").JSX.Element;
 interface CloseProps {
     children?: ReactNode;
     'aria-label'?: string;

package/dist/components/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAA;AAWtE,OAAO,EAEL,WAAW,EAEX,MAAM,EACN,MAAM,EACN,KAAK,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAgB,KAAK,eAAe,EAAC,MAAM,iBAAiB,CAAA;AAEnE,YAAY,EAAC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAA;AAchE,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CA+BlD;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQjD;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,kFAAkF;IAClF,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAqBD,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAE,aAAsC,EAAC,EAAE,WAAW,kDAmH3F;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAS9C;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CAuBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAA;AAWtE,OAAO,EAEL,WAAW,EAEX,MAAM,EACN,MAAM,EACN,KAAK,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAgB,KAAK,eAAe,EAAC,MAAM,iBAAiB,CAAA;AAEnE,YAAY,EAAC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAA;AAchE,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CA+BlD;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQjD;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,kFAAkF;IAClF,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAqBD,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAE,aAAsC,EAAC,EAAE,WAAW,kDAmH3F;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,KAAa,EAAC,EAAE,SAAS,2CAYjD;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CAuBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}

package/dist/components/Drawer/DrawerSnap.stories.d.ts

@@ -7,6 +7,7 @@ interface SheetArgs {
     snapPoints: SnapPoint[];
     defaultSnapPoint: SnapPoint;
     titleAlign: 'start' | 'center';
+    flush: boolean;
     onOpenChange?: (open: boolean) => void;
 }
 export declare const SnapSheet: StoryObj<SheetArgs>;
@@ -17,4 +18,5 @@ export declare const SlowShortDragSnapsBack: Story;
 export declare const GrabberTapCyclesDetents: Story;
 export declare const DragUpOnContentGrowsThenScrolls: Story;
 export declare const DoneCloses: Story;
+export declare const FlushBody: Story;
 //# sourceMappingURL=DrawerSnap.stories.d.ts.map

package/dist/components/Drawer/DrawerSnap.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerSnap.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerSnap.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAS,KAAK,SAAS,EAAC,MAAM,UAAU,CAAA;AAK/C,QAAA,MAAM,IAAI,EAAE,IAGX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,UAAU,SAAS;IACjB,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,gBAAgB,EAAE,SAAS,CAAA;IAC3B,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAwCD,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,SAAS,CA2BzC,CAAA;AA8BD,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAQ1C,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAWpC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAA;AAED,eAAO,MAAM,+BAA+B,EAAE,KAiB7C,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KASxB,CAAA"}
+{"version":3,"file":"DrawerSnap.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerSnap.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAS,KAAK,SAAS,EAAC,MAAM,UAAU,CAAA;AAK/C,QAAA,MAAM,IAAI,EAAE,IAGX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,UAAU,SAAS;IACjB,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,gBAAgB,EAAE,SAAS,CAAA;IAC3B,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC9B,KAAK,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AA4CD,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,SAAS,CAgCzC,CAAA;AA8BD,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAQ1C,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAWpC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAA;AAED,eAAO,MAAM,+BAA+B,EAAE,KAiB7C,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KASxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA"}

package/dist/components/Drawer/native.css.d.ts

@@ -48,6 +48,10 @@ export declare const nativeStyles: Readonly<{
         readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
         readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
     }>;
+    readonly bodyFlush: Readonly<{
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", 0>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", 0>;
+    }>;
     readonly hiddenBelow: (height: number) => readonly [Readonly<{
         paddingBottom: css.StyleXClassNameFor<"paddingBottom", number>;
     }>, css.InlineStyles];

package/dist/components/Drawer/native.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"native.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/native.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CvB,CAAA"}
+{"version":3,"file":"native.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/native.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDvB,CAAA"}

package/dist/components/Drawer/styles.css.d.ts

@@ -159,5 +159,9 @@ export declare const styles: Readonly<{
         readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
         readonly flex: css.StyleXClassNameFor<"flex", 1>;
     }>;
+    readonly bodyFlush: Readonly<{
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", 0>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", 0>;
+    }>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Drawer/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AASpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmMjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AASpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuMjB,CAAA"}

package/dist/components/Form/FormSubmitContext.d.ts

@@ -0,0 +1,8 @@
+/**
+ * How a `type="submit"` Button submits its Form where there is no DOM submit
+ * event: on native, Form provides its validated submit here. The web Form
+ * provides nothing; the browser's form submission does it.
+ */
+export declare const FormSubmitContext: import('react').Context<(() => void) | null>;
+export declare function useFormSubmit(): (() => void) | null;
+//# sourceMappingURL=FormSubmitContext.d.ts.map

package/dist/components/Form/FormSubmitContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSubmitContext.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormSubmitContext.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,iCAAwB,IAAI,SAAe,CAAA;AAEzE,wBAAgB,aAAa,WAFyB,IAAI,SAIzD"}

package/dist/components/Listbox/native.css.d.ts

@@ -0,0 +1,84 @@
+import { css } from 'react-strict-dom';
+/**
+ * A picker sheet's rows on native (plan N0, C0 direction A "Check"): a
+ * touch-target row per option, the chosen one filled and checked.
+ */
+export declare const sheetStyles: Readonly<{
+    readonly list: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
+    }>;
+    readonly option: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", string>;
+        readonly borderBottomStyle: css.StyleXClassNameFor<"borderBottomStyle", "solid">;
+        readonly borderBottomColor: css.StyleXClassNameFor<"borderBottomColor", string>;
+    }>;
+    readonly optionFilled: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly label: Readonly<{
+        readonly flex: css.StyleXClassNameFor<"flex", 1>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly labelDisabled: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly check: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly empty: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly textAlign: css.StyleXClassNameFor<"textAlign", "center">;
+    }>;
+    readonly search: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
+        readonly marginLeft: css.StyleXClassNameFor<"marginLeft", string>;
+        readonly marginRight: css.StyleXClassNameFor<"marginRight", string>;
+        readonly marginBottom: css.StyleXClassNameFor<"marginBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
+        readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly searchInput: Readonly<{
+        readonly flex: css.StyleXClassNameFor<"flex", 1>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
+        readonly '::placeholder': css.StyleXClassNameFor<"::placeholder", {
+            readonly color: css.StyleXVar<string>;
+        }>;
+    }>;
+}>;
+//# sourceMappingURL=native.css.d.ts.map

package/dist/components/Listbox/native.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.css.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/native.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EtB,CAAA"}

package/dist/components/Select/Select.d.ts

@@ -21,9 +21,16 @@ declare function Value({ placeholder }: {
 declare function Icon({ children }: {
     children?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-declare function Popup({ children }: {
+interface PopupProps {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    /** The list's accessible name; on native also the sheet's title. */
+    label?: string;
+    /** Native only: the sheet header's text button that closes it unchanged. Default: 'Cancel' */
+    cancelLabel?: string;
+    /** Shown in place of the list when there are no items. */
+    empty?: ReactNode;
+}
+declare function Popup({ children, label, empty }: PopupProps): import("react/jsx-runtime").JSX.Element;
 interface ItemProps {
     value: string;
     children: ReactNode;

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AAYzF,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAGnD,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAW3F;AAGD,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,IAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,2CAsCA;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC,2CASnD;AAGD,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAoB/C;AAQD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAqD/C;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAmDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AAYnG,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAGnD,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAW3F;AAGD,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,IAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,2CAsCA;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC,2CASnD;AAGD,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAoB/C;AAQD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8FAA8F;IAC9F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,EAAE,UAAU,2CA4DlD;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAmDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAA"}

package/dist/components/Select/Select.stories.d.ts

@@ -9,4 +9,15 @@ export declare const KeyboardNavigation: Story;
 export declare const InsideDialog: Story;
 /** Closed, the trigger opens on ArrowDown or ArrowUp, on the selected option (5.3). */
 export declare const ArrowKeysOpen: Story;
+interface LabelledArgs {
+    label: string;
+    empty: string;
+    itemCount: number;
+    onValueChange?: (value: string | null) => void;
+}
+/**
+ * Popup's label names the list (and titles the native sheet); empty replaces
+ * the list when there are no items. Set itemCount to 0 for the empty state.
+ */
+export declare const LabelledAndEmpty: StoryObj<LabelledArgs>;
 //# sourceMappingURL=Select.stories.d.ts.map

package/dist/components/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoC3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAA;AAMD,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAA;AAED,uFAAuF;AACvF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoC3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAA;AAMD,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAA;AAED,uFAAuF;AACvF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAID,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,YAAY,CAiCnD,CAAA"}

package/dist/components/Select/native.css.d.ts

@@ -0,0 +1,11 @@
+import { css } from 'react-strict-dom';
+/** Native Select additions to the shared styles. */
+export declare const nativeStyles: Readonly<{
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
+    readonly iconDown: Readonly<{
+        readonly transform: css.StyleXClassNameFor<"transform", "rotate(90deg)">;
+    }>;
+}>;
+//# sourceMappingURL=native.css.d.ts.map

package/dist/components/Select/native.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/native.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,oDAAoD;AACpD,eAAO,MAAM,YAAY;;;;;;;EASvB,CAAA"}

package/dist/components/Select/selectState.d.ts

@@ -0,0 +1,21 @@
+export interface SelectStateOptions {
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string | null) => void;
+    initialLabels?: Record<string, string>;
+}
+/**
+ * The Select's state both platforms share (plan N0, Decision 10): the value
+ * (controlled or not), whether it is open, and each option's label. Focus,
+ * highlight, document order and keys are the web adapter's (useSelectRoot);
+ * native presses and the sheet are Select.native's.
+ */
+export declare function useSelectState({ defaultValue, value: controlledValue, onValueChange, initialLabels, }: SelectStateOptions): {
+    value: string | null;
+    setValue: (v: string | null) => void;
+    open: boolean;
+    setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    labels: Record<string, string>;
+    registerLabel: (v: string, label: string) => void;
+};
+//# sourceMappingURL=selectState.d.ts.map

package/dist/components/Select/selectState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectState.d.ts","sourceRoot":"","sources":["../../../src/components/Select/selectState.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,aAAa,GACd,EAAE,kBAAkB;;;;;;uBASmB,MAAM,SAAS,MAAM;EAK5D"}

package/dist/components/Select/styles.css.d.ts

@@ -101,5 +101,15 @@ export declare const styles: Readonly<{
     readonly hidden: Readonly<{
         readonly display: css.StyleXClassNameFor<"display", "none">;
     }>;
+    readonly empty: Readonly<{
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly textAlign: css.StyleXClassNameFor<"textAlign", "center">;
+    }>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Select/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoHjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+HjB,CAAA"}

package/dist/components/Select/useSelectRoot.d.ts

@@ -1,13 +1,11 @@
 import { SelectContextValue } from './SelectContext';
-interface UseSelectRootOptions {
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string | null) => void;
-    initialLabels?: Record<string, string>;
-}
-export declare function useSelectRoot({ defaultValue, value: controlledValue, onValueChange, initialLabels, }: UseSelectRootOptions): {
+import { SelectStateOptions } from './selectState';
+/**
+ * The web adapter over the shared Select state: the highlighted option,
+ * document order, keys and DOM focus (the WAI-ARIA select-only combobox).
+ */
+export declare function useSelectRoot(options: SelectStateOptions): {
     ctx: SelectContextValue;
     rootRef: import('react').RefObject<HTMLDivElement | null>;
 };
-export {};
 //# sourceMappingURL=useSelectRoot.d.ts.map

package/dist/components/Select/useSelectRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Select/useSelectRoot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAEvD,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,aAAa,GACd,EAAE,oBAAoB;;;EAsLtB"}
+{"version":3,"file":"useSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Select/useSelectRoot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAiB,KAAK,kBAAkB,EAAC,MAAM,eAAe,CAAA;AAErE;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,kBAAkB;;;EAyKxD"}

package/dist/components/ThemeProvider/ThemeOverrides.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ThemeName } from './ThemeProvider';
+declare const meta: Meta;
+export default meta;
+interface OverrideArgs {
+    theme: ThemeName;
+    bg: string;
+    accent: string;
+}
+/** Colours replaced by token key; the controls change them in place. */
+export declare const Playground: StoryObj<OverrideArgs>;
+export declare const OverridesUpdateInPlace: StoryObj;
+//# sourceMappingURL=ThemeOverrides.stories.d.ts.map

package/dist/components/ThemeProvider/ThemeOverrides.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeOverrides.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeOverrides.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,OAAO,EAAqC,KAAK,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAIlF,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AAYnB,UAAU,YAAY;IACpB,KAAK,EAAE,SAAS,CAAA;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;CACf;AAED,wEAAwE;AACxE,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,YAAY,CAe7C,CAAA;AA4BD,eAAO,MAAM,sBAAsB,EAAE,QAoCpC,CAAA"}

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,10 +1,17 @@
 import { ReactNode } from 'react';
+import { ColorOverrides } from './overrides';
 export type ThemeName = 'dark' | 'light' | 'high-contrast';
+export type { ColorOverrides };
 interface ThemeProviderProps {
     theme?: ThemeName;
+    /**
+     * Colours that replace the theme's own, by token key (`{accent: '#ff5a1f'}`).
+     * They update in place, without a re-mount. A nested provider on the same
+     * theme keeps these and lays its own over them.
+     */
+    overrides?: ColorOverrides;
     children: ReactNode;
 }
 export declare function usePortalMount(): HTMLElement | null;
-export declare function ThemeProvider({ theme, children }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function ThemeProvider({ theme, overrides, children }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/components/ThemeProvider/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAA;AAOzE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,eAAe,CAAA;AAE1D,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAmCD,wBAAgB,cAAc,IAAI,WAAW,GAAG,IAAI,CAEnD;AAED,wBAAgB,aAAa,CAAC,EAAC,KAAc,EAAE,QAAQ,EAAC,EAAE,kBAAkB,2CAW3E"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAOzF,OAAO,EAAmC,KAAK,cAAc,EAAC,MAAM,aAAa,CAAA;AAGjF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,eAAe,CAAA;AAC1D,YAAY,EAAC,cAAc,EAAC,CAAA;AAE5B,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAmCD,wBAAgB,cAAc,IAAI,WAAW,GAAG,IAAI,CAEnD;AASD,wBAAgB,aAAa,CAAC,EAAC,KAAc,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,kBAAkB,2CA8BtF"}

package/dist/components/ThemeProvider/overrideRule.d.ts

@@ -0,0 +1,7 @@
+import { ColorToken } from '@duro-app/tokens/keys';
+import { ColorOverrides } from './overrides';
+/** A value that is a colour and nothing else, so it cannot leave its rule. */
+export declare function isSafeColor(value: string): boolean;
+/** The scoped rule for a provider's overrides, or null when it has none. */
+export declare function overrideRule(scope: string, overrides: ColorOverrides, variableOf: (key: ColorToken) => string | null): string | null;
+//# sourceMappingURL=overrideRule.d.ts.map

package/dist/components/ThemeProvider/overrideRule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overrideRule.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/overrideRule.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AACrD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,8EAA8E;AAC9E,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAUlD;AAED,4EAA4E;AAC5E,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,cAAc,EACzB,UAAU,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,MAAM,GAAG,IAAI,GAC7C,MAAM,GAAG,IAAI,CAaf"}

package/dist/components/ThemeProvider/overrides.d.ts

@@ -0,0 +1,16 @@
+import { ColorToken } from '@duro-app/tokens/keys';
+/** Colours that replace a theme's own, by token key. */
+export type ColorOverrides = Partial<Record<ColorToken, string>>;
+/** The overrides in force at a provider, and the theme they were made for. */
+export interface EffectiveOverrides {
+    theme: string | null;
+    colors: ColorOverrides;
+}
+export declare const OverridesContext: import('react').Context<EffectiveOverrides>;
+/**
+ * One rule on both platforms (plan N0, slice C): a provider on the same theme
+ * as the one above it keeps that one's overrides and lays its own over them;
+ * a provider on another theme starts from its own theme's colours.
+ */
+export declare function mergeOverrides(outer: EffectiveOverrides, theme: string, own: ColorOverrides | undefined): EffectiveOverrides;
+//# sourceMappingURL=overrides.d.ts.map

package/dist/components/ThemeProvider/overrides.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overrides.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/overrides.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,wDAAwD;AACxD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;AAEhE,8EAA8E;AAC9E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,EAAE,cAAc,CAAA;CACvB;AAED,eAAO,MAAM,gBAAgB,6CAA+D,CAAA;AAE5F;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,cAAc,GAAG,SAAS,GAC9B,kBAAkB,CAGpB"}