@duro-app/ui 5.12.0 → 5.13.0

package/dist/components/Menu/useMenuRoot.d.ts

@@ -1,9 +1,6 @@
 import { MenuContextValue } from './MenuContext';
-export interface MenuRootOptions {
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
+import { MenuOpenOptions } from './useMenuOpen';
+export type MenuRootOptions = MenuOpenOptions;
 /**
  * The menu-button pattern (WAI-ARIA APG): on open, focus moves to the
  * `role="menu"` popup, which carries `aria-activedescendant`; arrows move the
@@ -12,7 +9,7 @@ export interface MenuRootOptions {
  * elsewhere (an editor) are never intercepted, and Escape stops there so an
  * enclosing Popover or Dialog stays open.
  */
-export declare function useMenuRoot({ open: openProp, defaultOpen, onOpenChange }: MenuRootOptions): {
+export declare function useMenuRoot(options: MenuRootOptions): {
     ctx: MenuContextValue;
     rootRef: import('react').RefObject<HTMLDivElement | null>;
 };

package/dist/components/Menu/useMenuRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/useMenuRoot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAGnD,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAmB,EAAE,YAAY,EAAC,EAAE,eAAe;;;EAkL/F"}
+{"version":3,"file":"useMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/useMenuRoot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAc,KAAK,eAAe,EAAC,MAAM,eAAe,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,eAAe,CAAA;AAE7C;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,eAAe;;;EAkKnD"}

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

@@ -0,0 +1,11 @@
+import { css } from 'react-strict-dom';
+/** Native Popover additions to the shared styles. */
+export declare const nativeStyles: Readonly<{
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
+    readonly popupInPlace: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "relative">;
+    }>;
+}>;
+//# sourceMappingURL=native.css.d.ts.map

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

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

package/dist/components/SideNav/Chevron.d.ts

@@ -0,0 +1,4 @@
+import { ChevronProps } from './types';
+/** The group disclosure's chevron, drawn in the trigger's text colour. */
+export declare function Chevron(_props: ChevronProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chevron.d.ts.map

package/dist/components/SideNav/Chevron.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/Chevron.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEzC,0EAA0E;AAC1E,wBAAgB,OAAO,CAAC,MAAM,EAAE,YAAY,2CAe3C"}

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAkD,MAAM,OAAO,CAAA;AAMrF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,GACd,EAAE,SAAS,2CAgEX;AAID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAC,EAAE,UAAU,2CAoEtE;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;;GASG;AACH,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,YAAY,2CAY/C;AAID,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB;yEACqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAC,EAAE,SAAS,2CAyB/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}
+{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAQf,MAAM,OAAO,CAAA;AAWd;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,GACd,EAAE,SAAS,2CAgEX;AAID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAC,EAAE,UAAU,2CAoEtE;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;;GASG;AACH,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,YAAY,2CAY/C;AAID,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB;yEACqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAC,EAAE,SAAS,2CA2B/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}

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

@@ -107,6 +107,12 @@ export declare const styles: Readonly<{
         readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
         readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
     }>;
+    readonly itemsHidden: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "none">;
+    }>;
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
     readonly markerActive: Readonly<{
         readonly height: css.StyleXClassNameFor<"height", string>;
     }>;

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

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

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

@@ -0,0 +1,6 @@
+import { ColorToken } from '@duro-app/tokens/keys';
+export interface ChevronProps {
+    /** Native only: the web inherits the trigger's text colour. */
+    color: ColorToken;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,MAAM,WAAW,YAAY;IAC3B,+DAA+D;IAC/D,KAAK,EAAE,UAAU,CAAA;CAClB"}

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

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import { SizeToken } from '@duro-app/tokens/keys';
+import { Breakpoint } from '@duro-app/tokens/tokens/breakpoints.css';
+interface RootProps {
+    children: ReactNode;
+    /** The primary (first) pane's starting width, a size token. Default: `sidebarW` */
+    defaultSize?: SizeToken;
+    /** Controlled width of the primary pane, in px (from `onSizeChange`) */
+    size?: number;
+    /** Called with the primary pane's new width while the handle moves */
+    onSizeChange?: (px: number) => void;
+    /** The primary pane's narrowest width, a size token. Default: `sidebarW` */
+    minSize?: SizeToken;
+    /** The primary pane's widest width, a size token. Default: `panelLg` */
+    maxSize?: SizeToken;
+    /** Below this breakpoint, measured on the split's own width, the panes stack. Default: `sm` */
+    collapseBelow?: Breakpoint;
+    /** The handle's accessible name ("Resize list"). */
+    'aria-label': string;
+}
+/**
+ * Two panes side by side with a resizable separator between them: a list
+ * and its detail, an editor and its preview. The first Pane is sized by the
+ * handle (pointer drag, arrow keys, Home and End); the second takes the rest.
+ * Below `collapseBelow` the panes stack in one column and the handle goes.
+ */
+declare function Root({ children, defaultSize, size: controlledSize, onSizeChange, minSize, maxSize, collapseBelow, 'aria-label': label, }: RootProps): import("react/jsx-runtime").JSX.Element;
+declare function Pane({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Handle(): import("react/jsx-runtime").JSX.Element | null;
+export declare const SplitPane: {
+    Root: typeof Root;
+    Pane: typeof Pane;
+    Handle: typeof Handle;
+};
+export {};
+//# sourceMappingURL=SplitPane.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;AA+BvE,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,+FAA+F;IAC/F,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,oDAAoD;IACpD,YAAY,EAAE,MAAM,CAAA;CACrB;AAED;;;;;GAKG;AACH,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,WAAwB,EACxB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,OAAoB,EACpB,OAAmB,EACnB,aAAoB,EACpB,YAAY,EAAE,KAAK,GACpB,EAAE,SAAS,2CAiCX;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAc9C;AAED,iBAAS,MAAM,mDAkFd;AAED,eAAO,MAAM,SAAS;;;;CAIrB,CAAA"}

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

@@ -0,0 +1,3 @@
+import { ComponentMeta } from '../component-meta';
+export declare const meta: ComponentMeta;
+//# sourceMappingURL=SplitPane.meta.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPane.meta.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAqClB,CAAA"}

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/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/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"}