@duro-app/ui 5.11.0 → 5.13.0

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

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SizeToken } from '@duro-app/tokens/keys';
+import { Breakpoint } from '@duro-app/tokens/tokens/breakpoints.css';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+interface SplitArgs {
+    defaultSize: SizeToken;
+    minSize: SizeToken;
+    maxSize: SizeToken;
+    collapseBelow: Breakpoint;
+    onSizeChange?: (px: number) => void;
+}
+export declare const Default: StoryObj<SplitArgs>;
+export declare const KeyboardMovesTheSeparator: Story;
+export declare const NarrowStacksInOneColumn: Story;
+//# sourceMappingURL=SplitPane.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPane.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAQvE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAOrB,UAAU,SAAS;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,OAAO,EAAE,SAAS,CAAA;IAClB,aAAa,EAAE,UAAU,CAAA;IACzB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAkDD,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,SAAS,CAkBvC,CAAA;AAID,eAAO,MAAM,yBAAyB,EAAE,KA4BvC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAcrC,CAAA"}

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

@@ -0,0 +1,78 @@
+import { css } from 'react-strict-dom';
+/**
+ * SplitPane, the picked B0 direction (docs/mockups/split-pane/Hairline.dc.html):
+ * a hairline between the panes inside a wider hit area; hover, keyboard
+ * focus or a drag thicken it to the accent and show a grip.
+ */
+export declare const styles: Readonly<{
+    readonly root: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "stretch">;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", 0>;
+        readonly height: css.StyleXClassNameFor<"height", "100%">;
+    }>;
+    readonly rootStacked: Readonly<{
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
+        readonly height: css.StyleXClassNameFor<"height", "auto">;
+    }>;
+    readonly primary: Readonly<{
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
+        readonly overflow: css.StyleXClassNameFor<"overflow", "auto">;
+    }>;
+    readonly primarySize: (px: number) => readonly [Readonly<{
+        width: css.StyleXClassNameFor<"width", number>;
+    }>, css.InlineStyles];
+    readonly secondary: Readonly<{
+        readonly flexGrow: css.StyleXClassNameFor<"flexGrow", 1>;
+        readonly flexBasis: css.StyleXClassNameFor<"flexBasis", 0>;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
+        readonly overflow: css.StyleXClassNameFor<"overflow", "auto">;
+    }>;
+    readonly stackedPane: Readonly<{
+        readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly overflow: css.StyleXClassNameFor<"overflow", "visible">;
+    }>;
+    readonly handle: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "relative">;
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: css.StyleXClassNameFor<"width", string>;
+        readonly cursor: css.StyleXClassNameFor<"cursor", "col-resize">;
+        readonly touchAction: css.StyleXClassNameFor<"touchAction", "none">;
+        readonly userSelect: css.StyleXClassNameFor<"userSelect", "none">;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none">;
+    }>;
+    readonly line: Readonly<{
+        readonly width: css.StyleXClassNameFor<"width", string>;
+        readonly height: css.StyleXClassNameFor<"height", "100%">;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, width">;
+        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
+        readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
+    }>;
+    readonly lineActive: Readonly<{
+        readonly width: css.StyleXClassNameFor<"width", string>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly grip: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "absolute">;
+        readonly top: css.StyleXClassNameFor<"top", "50%">;
+        readonly left: css.StyleXClassNameFor<"left", "50%">;
+        readonly transform: css.StyleXClassNameFor<"transform", "translate(-50%, -50%)">;
+        readonly width: css.StyleXClassNameFor<"width", string>;
+        readonly height: css.StyleXClassNameFor<"height", string>;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly opacity: css.StyleXClassNameFor<"opacity", 0>;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "opacity">;
+        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
+    }>;
+    readonly gripShown: Readonly<{
+        readonly opacity: css.StyleXClassNameFor<"opacity", 1>;
+    }>;
+}>;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC;;;;GAIG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqEjB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAA;AAG/C,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,QAAQ,EACR,UAAU,GAAG,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,WAAW,CACnE,CAAA;AACD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAElF,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAC,IAAI,EAAE,IAAY,EAAE,OAAiB,EAAC,EAAE,eAAe,2CAMlF"}
+{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAA;AAK/C,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,QAAQ,EACR,UAAU,GAAG,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,WAAW,CACnE,CAAA;AACD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAWlF,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAC,IAAI,EAAE,IAAY,EAAE,OAAiB,EAAC,EAAE,eAAe,2CAMlF"}

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

@@ -21,5 +21,8 @@ export declare const styles: Readonly<{
     readonly muted: Readonly<{
         readonly color: css.StyleXClassNameFor<"color", string>;
     }>;
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

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

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

package/dist/components/Switch/Switch.d.ts

@@ -1,20 +1,4 @@
-import { ReactNode } from 'react';
-interface SwitchProps {
-    /** Controlled checked state. */
-    checked?: boolean;
-    /** Initial checked state (uncontrolled). */
-    defaultChecked?: boolean;
-    /** Callback fired when the checked state changes. */
-    onCheckedChange?: (checked: boolean) => void;
-    /** Prevents user interaction. */
-    disabled?: boolean;
-    /** Form field name for the hidden input. */
-    name?: string;
-    /** Value submitted when checked. */
-    value?: string;
-    /** Label content rendered beside the switch. */
-    children?: ReactNode;
-}
+import { SwitchProps } from './Switch.types';
+export type { SwitchProps } from './Switch.types';
 export declare function Switch({ checked: controlledChecked, defaultChecked, onCheckedChange, disabled, name, value, children, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=Switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAA;AAOzD,UAAU,WAAW;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qDAAqD;IACrD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,IAAI,EACJ,KAAK,EACL,QAAQ,GACT,EAAE,WAAW,2CAwDb"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE/C,YAAY,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE/C,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,IAAI,EACJ,KAAK,EACL,QAAQ,GACT,EAAE,WAAW,2CAiDb"}

package/dist/components/Switch/Switch.types.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface SwitchProps {
+    /** Controlled checked state. */
+    checked?: boolean;
+    /** Initial checked state (uncontrolled). */
+    defaultChecked?: boolean;
+    /** Callback fired when the checked state changes. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Prevents user interaction. */
+    disabled?: boolean;
+    /** Form field name for the hidden input. */
+    name?: string;
+    /** Value submitted when checked. */
+    value?: string;
+    /** Label content rendered beside the switch. */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Switch.types.d.ts.map

package/dist/components/Switch/Switch.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,MAAM,WAAW,WAAW;IAC1B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qDAAqD;IACrD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}

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

@@ -76,6 +76,7 @@ export declare const styles: Readonly<{
         readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
         readonly gap: css.StyleXClassNameFor<"gap", string>;
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
         readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
         readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;

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

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

package/dist/components/Tabs/TabLayout.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+/** Web: the tab itself; the List measures it in the DOM (TabLayout.native.tsx reports it). */
+export declare function TabLayout({ children }: {
+    value: string;
+    children: ReactNode;
+}): ReactNode;
+//# sourceMappingURL=TabLayout.d.ts.map

package/dist/components/Tabs/TabLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,8FAA8F;AAC9F,wBAAgB,SAAS,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,aAEzE"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AAQzF,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA0B,GAC3B,EAAE,SAAS,2CAUX;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE,SAAS,2CA4IlC;AAID,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,GAAG,CAAC,EAAC,KAAK,EAAE,QAAgB,EAAE,QAAQ,EAAC,EAAE,QAAQ,2CAuCzD;AAID,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,KAAK,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,UAAU,kDAa3C;AAED,eAAO,MAAM,IAAI;;;;;CAKhB,CAAA"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAA;AAa9D,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA0B,GAC3B,EAAE,SAAS,2CAUX;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE,SAAS,2CAkClC;AAID,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,GAAG,CAAC,EAAC,KAAK,EAAE,QAAgB,EAAE,QAAQ,EAAC,EAAE,QAAQ,2CA0CzD;AAID,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,KAAK,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,UAAU,kDAa3C;AAED,eAAO,MAAM,IAAI;;;;;CAKhB,CAAA"}

package/dist/components/Tabs/indicator.d.ts

@@ -0,0 +1,28 @@
+import { Orientation } from '../../shared/types';
+/** Where the sliding indicator sits along the list, in px. */
+export interface IndicatorBox {
+    offset: number;
+    size: number;
+}
+/** A tab's box inside its list, as native `onLayout` reports it. */
+export interface TabBox {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/** Native: each Tab reports its box here, so the List places the indicator. */
+export declare const TabLayoutContext: import('react').Context<((value: string, box: TabBox) => void) | null>;
+export declare function useReportTabLayout(): ((value: string, box: TabBox) => void) | null;
+export interface TabIndicatorInput {
+    listRef: React.RefObject<HTMLDivElement | null>;
+    activeValue: string | null;
+    orientation: Orientation;
+    setIndicatorActive: (active: boolean) => void;
+}
+export interface TabIndicator {
+    indicator: IndicatorBox | null;
+    /** Native only: what the Tabs report their layout to. */
+    reportTabLayout: ((value: string, box: TabBox) => void) | null;
+}
+//# sourceMappingURL=indicator.d.ts.map

package/dist/components/Tabs/indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/indicator.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAEnD,8DAA8D;AAC9D,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb;AAED,oEAAoE;AACpE,MAAM,WAAW,MAAM;IACrB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,mCAA0B,MAAM,OAAO,MAAM,KAAK,IAAI,SAAe,CAAA;AAElG,wBAAgB,kBAAkB,aAFqB,MAAM,OAAO,MAAM,KAAK,IAAI,SAIlF;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC/C,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,WAAW,CAAA;IACxB,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9C;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,YAAY,GAAG,IAAI,CAAA;IAC9B,yDAAyD;IACzD,eAAe,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAA;CAC/D"}

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

@@ -24,6 +24,10 @@ export declare const styles: Readonly<{
         readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", string>;
         readonly gap: css.StyleXClassNameFor<"gap", 0>;
     }>;
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "opacity">;
+    }>;
     readonly tab: Readonly<{
         readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
         readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;

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

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

package/dist/components/Tabs/useTabIndicator.d.ts

@@ -0,0 +1,4 @@
+import { TabIndicator, TabIndicatorInput } from './indicator';
+/** Web: the active tab measured in the DOM, kept current by a ResizeObserver. */
+export declare function useTabIndicator({ listRef, activeValue, orientation, setIndicatorActive, }: TabIndicatorInput): TabIndicator;
+//# sourceMappingURL=useTabIndicator.d.ts.map

package/dist/components/Tabs/useTabIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/useTabIndicator.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,YAAY,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAA;AAE9E,iFAAiF;AACjF,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,WAAW,EACX,WAAW,EACX,kBAAkB,GACnB,EAAE,iBAAiB,GAAG,YAAY,CAuClC"}

package/dist/components/Tabs/useTabKeys.d.ts

@@ -0,0 +1,13 @@
+import { Orientation } from '../../shared/types';
+interface TabKeysInput {
+    listRef: React.RefObject<HTMLDivElement | null>;
+    orientation: Orientation;
+    activeValue: string | null;
+    onSelect: (value: string) => void;
+    tabsRef: React.RefObject<Map<string, boolean>>;
+    orderRef: React.RefObject<string[]>;
+}
+/** Web: arrow keys, Home and End move the selection and focus along the list. */
+export declare function useTabKeys({ listRef, orientation, activeValue, onSelect, tabsRef, orderRef, }: TabKeysInput): void;
+export {};
+//# sourceMappingURL=useTabKeys.d.ts.map

package/dist/components/Tabs/useTabKeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabKeys.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/useTabKeys.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAEnD,UAAU,YAAY;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC/C,WAAW,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;CACpC;AAED,iFAAiF;AACjF,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,YAAY,QA8Ed"}

package/dist/components/Tag/RemoveGlyph.d.ts

@@ -0,0 +1,4 @@
+import { RemoveGlyphProps } from './types';
+/** The tag's remove cross: 1.5 strokes on a 12 box, drawn in the tag's text colour. */
+export declare function RemoveGlyph({ size }: RemoveGlyphProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RemoveGlyph.d.ts.map

package/dist/components/Tag/RemoveGlyph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveGlyph.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/RemoveGlyph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAE7C,uFAAuF;AACvF,wBAAgB,WAAW,CAAC,EAAC,IAAI,EAAC,EAAE,gBAAgB,2CAMnD"}

package/dist/components/Tag/Tag.d.ts

@@ -1,26 +1,4 @@
-import { ReactNode } from 'react';
-export type TagVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
-export type TagSize = 'sm' | 'md';
-interface TagProps {
-    /** Value identifier — required when used inside TagGroup */
-    value?: string;
-    variant?: TagVariant;
-    size?: TagSize;
-    /** Show remove button. Auto-derived from TagGroup context when inside one. */
-    removable?: boolean;
-    /** Called when remove button is clicked. Auto-wired to TagGroup when inside one. */
-    onRemove?: () => void;
-    disabled?: boolean;
-    /**
-     * Allow the label to wrap / break instead of staying on one line. Tags are
-     * `white-space: nowrap` by default (they read as pills); set this for long
-     * identifier-style values (e.g. `lldap.group.member.remove`) sitting in a
-     * constrained column, so they break within their cell instead of leaking
-     * into the next one.
-     */
-    wrap?: boolean;
-    children: ReactNode;
-}
+import { TagProps } from './types';
+export type { TagProps, TagSize, TagVariant } from './types';
 export declare function Tag({ value, variant, size, removable: removableProp, onRemove: onRemoveProp, disabled: disabledProp, wrap, children, }: TagProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAA;AAKzD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAC7E,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjC,UAAU,QAAQ;IAChB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;CACpB;AAYD,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,OAAmB,EACnB,IAAW,EACX,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAoB,EAC9B,IAAY,EACZ,QAAQ,GACT,EAAE,QAAQ,2CAsGV"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAc,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAA;AAElD,YAAY,EAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAC,MAAM,SAAS,CAAA;AAY1D,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,OAAmB,EACnB,IAAW,EACX,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAoB,EAC9B,IAAY,EACZ,QAAQ,GACT,EAAE,QAAQ,2CA6FV"}

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

@@ -81,6 +81,14 @@ export declare const styles: Readonly<{
         readonly opacity: css.StyleXClassNameFor<"opacity", 1 | 0.6>;
         readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", 0>;
     }>;
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
+        readonly alignSelf: css.StyleXClassNameFor<"alignSelf", "flex-start">;
+    }>;
+    readonly nativeButtonFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
     readonly removeButtonDisabled: Readonly<{
         readonly cursor: css.StyleXClassNameFor<"cursor", "not-allowed">;
         readonly opacity: css.StyleXClassNameFor<"opacity", 0.4>;

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

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

package/dist/components/Tag/types.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import { ColorToken } from '@duro-app/tokens/keys';
+export type TagVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
+/** Each variant's text colour, which the remove cross draws in. */
+export declare const variantText: {
+    readonly default: "text";
+    readonly success: "successText";
+    readonly warning: "warningText";
+    readonly error: "errorText";
+    readonly info: "infoText";
+};
+export type TagSize = 'sm' | 'md';
+export interface TagProps {
+    /** Value identifier — required when used inside TagGroup */
+    value?: string;
+    variant?: TagVariant;
+    size?: TagSize;
+    /** Show remove button. Auto-derived from TagGroup context when inside one. */
+    removable?: boolean;
+    /** Called when remove button is clicked. Auto-wired to TagGroup when inside one. */
+    onRemove?: () => void;
+    disabled?: boolean;
+    /**
+     * Allow the label to wrap / break instead of staying on one line. Tags are
+     * `white-space: nowrap` by default (they read as pills); set this for long
+     * identifier-style values (e.g. `lldap.group.member.remove`) sitting in a
+     * constrained column, so they break within their cell instead of leaking
+     * into the next one.
+     */
+    wrap?: boolean;
+    children: ReactNode;
+}
+export interface RemoveGlyphProps {
+    /** px, from the glyph size tokens */
+    size: number;
+    /** Native only: the web inherits the tag's text colour. */
+    color: ColorToken;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Tag/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAE7E,mEAAmE;AACnE,eAAO,MAAM,WAAW;;;;;;CAM2B,CAAA;AAEnD,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjC,MAAM,WAAW,QAAQ;IACvB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,KAAK,EAAE,UAAU,CAAA;CAClB"}

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

@@ -2,6 +2,7 @@ import { css } from 'react-strict-dom';
 export declare const styles: Readonly<{
     readonly base: Readonly<{
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
         readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
         readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;

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

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

package/dist/components/Toast/ToastProvider.d.ts

@@ -1,25 +1,6 @@
 import { ReactNode } from 'react';
-export type ToastVariant = 'success' | 'error' | 'info' | 'warning';
-export interface ToastAction {
-    label: string;
-    onClick: () => void;
-}
-export interface ToastOptions {
-    /** Visual + semantic tone. Errors announce assertively; errors and
-     *  warnings linger longer. */
-    variant?: ToastVariant;
-    message: ReactNode;
-    /** Optional single action, e.g. Undo. Runs, then dismisses the toast. */
-    action?: ToastAction;
-    /** Auto-dismiss delay in ms. `0` (or negative) keeps it until dismissed.
-     *  The countdown pauses while the toast is hovered or holds focus. */
-    duration?: number;
-}
-export interface ToastContextValue {
-    /** Show a toast; returns its id so it can be dismissed programmatically. */
-    toast: (opts: ToastOptions) => string;
-    dismiss: (id: string) => void;
-}
+import { ToastContextValue } from './store';
+export type { ToastAction, ToastContextValue, ToastOptions, ToastVariant } from './store';
 export declare function useToast(): ToastContextValue;
 export interface ToastProviderProps {
     /** Accessible name of each toast's close button, e.g. from the app's

package/dist/components/Toast/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAOd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AAEnE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B;kCAC8B;IAC9B,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;0EACsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,KAAK,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,CAAA;IACrC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B;AAqED,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C;AAwED,MAAM,WAAW,kBAAkB;IACjC;2BACuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAC,YAAwB,EAAE,QAAQ,EAAC,EAAE,kBAAkB,2CAkCrF"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAMd,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,SAAS,CAAA;AAEhB,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAC,MAAM,SAAS,CAAA;AAiBvF,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C;AAwED,MAAM,WAAW,kBAAkB;IACjC;2BACuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAC,YAAwB,EAAE,QAAQ,EAAC,EAAE,kBAAkB,2CAwCrF"}

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

@@ -0,0 +1,81 @@
+import { css } from 'react-strict-dom';
+/**
+ * The native toast, the picked B0 direction (docs/mockups/native-toast/
+ * Tinted.dc.html): a card with a status-coloured edge, one row of message,
+ * action and close. Motion is Reanimated's.
+ */
+export declare const nativeStyles: Readonly<{
+    readonly region: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "absolute">;
+        readonly left: css.StyleXClassNameFor<"left", 0>;
+        readonly right: css.StyleXClassNameFor<"right", 0>;
+        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 paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+    }>;
+    readonly regionBottom: (bottom: number) => readonly [Readonly<{
+        bottom: css.StyleXClassNameFor<"bottom", number>;
+    }>, css.InlineStyles];
+    readonly toast: Readonly<{
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
+        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 paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", 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 borderLeftWidth: css.StyleXClassNameFor<"borderLeftWidth", string>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
+    }>;
+    readonly success: Readonly<{
+        readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
+    }>;
+    readonly error: Readonly<{
+        readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
+    }>;
+    readonly info: Readonly<{
+        readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
+    }>;
+    readonly warning: Readonly<{
+        readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
+    }>;
+    readonly message: Readonly<{
+        readonly flexGrow: css.StyleXClassNameFor<"flexGrow", 1>;
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 1>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly action: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly padding: css.StyleXClassNameFor<"padding", string>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly close: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: css.StyleXClassNameFor<"width", string>;
+        readonly height: css.StyleXClassNameFor<"height", string>;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
+    }>;
+}>;
+//# sourceMappingURL=native.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"native.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/native.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEvB,CAAA"}

package/dist/components/Toast/store.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+/** The toast queue both platforms' ToastProvider render (plan N0, Slice B). */
+export type ToastVariant = 'success' | 'error' | 'info' | 'warning';
+export interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+export interface ToastOptions {
+    /** Visual + semantic tone. Errors announce assertively; errors and
+     *  warnings linger longer. */
+    variant?: ToastVariant;
+    message: ReactNode;
+    /** Optional single action, e.g. Undo. Runs, then dismisses the toast. */
+    action?: ToastAction;
+    /** Auto-dismiss delay in ms. `0` (or negative) keeps it until dismissed.
+     *  The countdown pauses while the toast is hovered or holds focus. */
+    duration?: number;
+}
+export interface ToastContextValue {
+    /** Show a toast; returns its id so it can be dismissed programmatically. */
+    toast: (opts: ToastOptions) => string;
+    dismiss: (id: string) => void;
+}
+export interface ToastEntry {
+    id: string;
+    variant: ToastVariant;
+    message: ReactNode;
+    action?: ToastAction;
+    duration: number;
+}
+export interface ToastStore {
+    subscribe: (cb: () => void) => () => void;
+    getSnapshot: () => readonly ToastEntry[];
+    add: (opts: ToastOptions) => string;
+    remove: (id: string) => void;
+    /**
+     * What is left of a toast's countdown, in ms. Kept here, not in the toast's
+     * component: on native a toast re-renders into another host when a Dialog
+     * above it closes, and its countdown carries on.
+     */
+    remaining: (id: string) => number;
+    /** Count `ms` of shown time against a toast's countdown. */
+    spend: (id: string, ms: number) => void;
+}
+export declare const DEFAULT_DURATION: Record<ToastVariant, number>;
+export declare function createToastStore(): ToastStore;
+//# sourceMappingURL=store.d.ts.map

package/dist/components/Toast/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,+EAA+E;AAE/E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AAEnE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B;kCAC8B;IAC9B,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;0EACsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,KAAK,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,CAAA;IACrC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;IACzC,WAAW,EAAE,MAAM,SAAS,UAAU,EAAE,CAAA;IACxC,GAAG,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,CAAA;IACnC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B;;;;OAIG;IACH,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC,4DAA4D;IAC5D,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAKzD,CAAA;AAED,wBAAgB,gBAAgB,IAAI,UAAU,CAoC7C"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAM1E,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAGnD,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA;AAEpC,UAAU,WAAW;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAYD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,KAAK,EACL,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EAAE,QAAoB,EAC1B,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,WAAW,2CAuEb"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAM1E,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAInD,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA;AAEpC,UAAU,WAAW;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAYD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,KAAK,EACL,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EAAE,QAAoB,EAC1B,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,WAAW,2CAwEb"}