@duro-app/ui 5.11.0 → 5.13.0

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

@@ -0,0 +1,55 @@
+import { css } from 'react-strict-dom';
+/**
+ * Native Drawer surfaces. Motion is Reanimated's (plan N0, Decision 4): these
+ * styles draw the panel and backdrop, the animated views around them move them.
+ */
+export declare const nativeStyles: Readonly<{
+    readonly fill: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "absolute">;
+        readonly top: css.StyleXClassNameFor<"top", 0>;
+        readonly left: css.StyleXClassNameFor<"left", 0>;
+        readonly right: css.StyleXClassNameFor<"right", 0>;
+        readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
+    }>;
+    readonly scrim: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly panel: Readonly<{
+        readonly flexGrow: css.StyleXClassNameFor<"flexGrow", 1>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
+        readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly panelBottom: Readonly<{
+        readonly borderTopWidth: css.StyleXClassNameFor<"borderTopWidth", string>;
+        readonly borderTopStyle: css.StyleXClassNameFor<"borderTopStyle", "solid">;
+        readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
+        readonly borderTopLeftRadius: css.StyleXClassNameFor<"borderTopLeftRadius", string>;
+        readonly borderTopRightRadius: css.StyleXClassNameFor<"borderTopRightRadius", string>;
+    }>;
+    readonly panelRight: Readonly<{
+        readonly borderLeftWidth: css.StyleXClassNameFor<"borderLeftWidth", string>;
+        readonly borderLeftStyle: css.StyleXClassNameFor<"borderLeftStyle", "solid">;
+        readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
+    }>;
+    readonly panelLeft: Readonly<{
+        readonly borderRightWidth: css.StyleXClassNameFor<"borderRightWidth", string>;
+        readonly borderRightStyle: css.StyleXClassNameFor<"borderRightStyle", "solid">;
+        readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", string>;
+    }>;
+    readonly insets: (top: number, bottom: number) => readonly [Readonly<{
+        paddingTop: css.StyleXClassNameFor<"paddingTop", number>;
+        paddingBottom: css.StyleXClassNameFor<"paddingBottom", number>;
+    }>, css.InlineStyles];
+    readonly bodyContent: Readonly<{
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+    }>;
+    readonly hiddenBelow: (height: number) => readonly [Readonly<{
+        paddingBottom: css.StyleXClassNameFor<"paddingBottom", number>;
+    }>, css.InlineStyles];
+}>;
+//# sourceMappingURL=native.css.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,96 @@
+import { css } from 'react-strict-dom';
+/** Styles of the Drawer parts both platforms draw (no animations: native has none). */
+export declare const partStyles: Readonly<{
+    readonly grabberHit: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
+        readonly alignSelf: css.StyleXClassNameFor<"alignSelf", "stretch">;
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
+    }>;
+    readonly grabber: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "block">;
+        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 header: Readonly<{
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly headerUnderGrabber: Readonly<{
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", 0>;
+    }>;
+    readonly headerCentered: Readonly<{
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+    }>;
+    readonly headerSide: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexGrow: css.StyleXClassNameFor<"flexGrow", 1>;
+        readonly flexBasis: css.StyleXClassNameFor<"flexBasis", 0>;
+    }>;
+    readonly headerEnd: Readonly<{
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
+    }>;
+    readonly title: Readonly<{
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly margin: css.StyleXClassNameFor<"margin", 0>;
+    }>;
+    readonly description: Readonly<{
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly margin: css.StyleXClassNameFor<"margin", 0>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+    }>;
+    readonly footer: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly borderTopWidth: css.StyleXClassNameFor<"borderTopWidth", string>;
+        readonly borderTopStyle: css.StyleXClassNameFor<"borderTopStyle", "solid">;
+        readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
+    }>;
+    readonly closeButton: 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", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
+        readonly padding: css.StyleXClassNameFor<"padding", 0>;
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
+        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
+    }>;
+    readonly inlineWrapper: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
+    }>;
+}>;
+//# sourceMappingURL=parts.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parts.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/parts.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,uFAAuF;AACvF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmHrB,CAAA"}

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

@@ -0,0 +1,56 @@
+import { ReactNode, RefObject } from 'react';
+import { DurationToken } from '@duro-app/tokens/keys';
+import { SnapPoint } from './sheetPhysics';
+export type DrawerAnchor = 'right' | 'left' | 'bottom';
+export type DrawerSize = 'sm' | 'md' | 'lg';
+export type { SnapPoint };
+export interface DrawerContextValue {
+    /** Rendered: open, or playing the exit animation. */
+    open: boolean;
+    closing: boolean;
+    closeDuration: DurationToken;
+    anchor: DrawerAnchor;
+    dismissable: boolean;
+    swipeDismiss: boolean;
+    requestOpen: () => void;
+    requestClose: () => void;
+    /** Close immediately without the exit animation (a swipe has played its own) */
+    requestCloseImmediate: () => void;
+    titleId: string;
+    descriptionId: string;
+    /** The panel's host: a DOM element on the web, a view on native */
+    panelRef: RefObject<unknown>;
+    /** A bottom sheet's detents, ascending; empty when the drawer has none */
+    snapPoints: readonly SnapPoint[];
+    /** Index into snapPoints the sheet rests at */
+    snapIndex: number;
+    setSnapIndex: (index: number) => void;
+}
+export declare const DrawerContext: import('react').Context<DrawerContextValue | null>;
+export declare function useDrawer(): DrawerContextValue;
+export interface GrabberLabels {
+    /** The grabber's name when a press grows the sheet */
+    expand: string;
+    /** The grabber's name when a press shrinks it */
+    collapse: string;
+}
+export declare const DEFAULT_GRABBER_LABELS: GrabberLabels;
+interface HeaderProps {
+    children: ReactNode;
+    /**
+     * 'center' puts the Title in the middle and the other children at the end,
+     * as a phone sheet does (a text close button on the right). Default: 'start'
+     */
+    titleAlign?: 'start' | 'center';
+}
+export declare function Header({ children, titleAlign }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Title({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Description({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Footer({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAE7C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC3C,YAAY,EAAC,SAAS,EAAC,CAAA;AAEvB,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,aAAa,CAAA;IAC5B,MAAM,EAAE,YAAY,CAAA;IACpB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,OAAO,CAAA;IACrB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,gFAAgF;IAChF,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,MAAM,CAAA;IACrB,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC5B,0EAA0E;IAC1E,UAAU,EAAE,SAAS,SAAS,EAAE,CAAA;IAChC,+CAA+C;IAC/C,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAA;AAE3E,wBAAgB,SAAS,uBAIxB;AAED,MAAM,WAAW,aAAa;IAC5B,sDAAsD;IACtD,MAAM,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,aAGpC,CAAA;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAChC;AAED,wBAAgB,MAAM,CAAC,EAAC,QAAQ,EAAE,UAAoB,EAAC,EAAE,WAAW,2CAgBnE;AAED,wBAAgB,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOtD;AAED,wBAAgB,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO5D;AAED,wBAAgB,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEvD"}

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

@@ -0,0 +1,56 @@
+/**
+ * The drawer's drag rules, shared by the web (pointer events) and native
+ * (Gesture Handler on the UI thread) so both settle a drag the same way.
+ * Pure numbers: no DOM, no React Native. The functions the native drag
+ * calls on the UI thread are worklets ('worklet'); on the web the directive
+ * is an inert string.
+ */
+/** A bottom-sheet detent (plan N0, Decision 5). */
+export type SnapPoint = 'medium' | 'large';
+/** Fraction of the panel (or of the lowest detent) a drag must cover to dismiss */
+export declare const DISMISS_THRESHOLD = 0.3;
+/** Release speed (px/ms) that dismisses, or moves one detent, whatever the distance */
+export declare const VELOCITY_THRESHOLD = 0.5;
+/** Duration of the slide-out once a drag dismisses (ms) */
+export declare const DISMISS_DURATION: 160;
+/** Duration of the settle onto a detent, or the snap back (ms) */
+export declare const SNAP_DURATION: 200;
+/** Movement (px) before a press becomes a drag; under it a tap stays a tap */
+export declare const DRAG_SLOP = 8;
+/** Movement (px) across the drag's axis that hands the gesture to a scroll instead */
+export declare const CROSS_SLOP = 16;
+/** 'medium' is half the window */
+export declare const MEDIUM_FRACTION = 0.5;
+/** How far (px) a snap sheet may be pulled past its largest detent: it resists, never further */
+export declare const SNAP_MAX_OVERSHOOT: 24;
+/** Height of one detent: 'medium' half the window, 'large' the window less its top inset. */
+export declare function detentHeight(point: SnapPoint, windowHeight: number, topInset: number): number;
+/** The detents in ascending height, each once. */
+export declare function sortSnapPoints(points: readonly SnapPoint[]): SnapPoint[];
+/**
+ * Where a released drag settles: a detent index into `heights` (ascending),
+ * or 'dismiss'.
+ *
+ * - A fling (|velocity| over VELOCITY_THRESHOLD) moves one detent in its
+ *   direction from the detent it started at; down from the lowest dismisses.
+ * - Otherwise the nearest detent wins, unless the sheet is below the lowest
+ *   by more than DISMISS_THRESHOLD of it, which dismisses.
+ *
+ * `velocity` is px/ms, positive downward (closing).
+ */
+export declare function settleDetent({ heights, from, height, velocity, }: {
+    heights: readonly number[];
+    from: number;
+    height: number;
+    velocity: number;
+}): number | 'dismiss';
+/** The grabber's tap: the next detent up, wrapping from the largest to the smallest. */
+export declare function cycleDetent(index: number, count: number): number;
+/**
+ * Past the largest detent the sheet resists: the overshoot grows ever more
+ * slowly and never exceeds `max`.
+ */
+export declare function rubberBand(overshoot: number, max: number): number;
+/** Whether a side drawer's release dismisses it. `movement` is toward its edge. */
+export declare function shouldDismissEdge(movement: number, size: number, velocity: number): boolean;
+//# sourceMappingURL=sheetPhysics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheetPhysics.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/sheetPhysics.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,mDAAmD;AACnD,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE1C,mFAAmF;AACnF,eAAO,MAAM,iBAAiB,MAAM,CAAA;AAEpC,uFAAuF;AACvF,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAErC,2DAA2D;AAC3D,eAAO,MAAM,gBAAgB,KAAoB,CAAA;AAEjD,kEAAkE;AAClE,eAAO,MAAM,aAAa,KAAmB,CAAA;AAE7C,8EAA8E;AAC9E,eAAO,MAAM,SAAS,IAAI,CAAA;AAE1B,sFAAsF;AACtF,eAAO,MAAM,UAAU,KAAK,CAAA;AAE5B,kCAAkC;AAClC,eAAO,MAAM,eAAe,MAAM,CAAA;AAElC,iGAAiG;AACjG,eAAO,MAAM,kBAAkB,IAAgB,CAAA;AAE/C,6FAA6F;AAC7F,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAG7F;AAED,kDAAkD;AAClD,wBAAgB,cAAc,CAAC,MAAM,EAAE,SAAS,SAAS,EAAE,GAAG,SAAS,EAAE,CAExE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB,GAAG,MAAM,GAAG,SAAS,CAWrB;AAED,wFAAwF;AACxF,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAGhE;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAIjE;AAED,mFAAmF;AACnF,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAG3F"}

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

@@ -51,6 +51,7 @@ export declare const styles: Readonly<{
     }>;
     readonly panelHorizontal: Readonly<{
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly height: css.StyleXClassNameFor<"height", "100%">;
         readonly borderLeftWidth: css.StyleXClassNameFor<"borderLeftWidth", string>;
         readonly borderLeftStyle: css.StyleXClassNameFor<"borderLeftStyle", "solid">;
@@ -58,6 +59,7 @@ export declare const styles: Readonly<{
     }>;
     readonly panelVertical: Readonly<{
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly borderTopWidth: css.StyleXClassNameFor<"borderTopWidth", string>;
         readonly borderTopStyle: css.StyleXClassNameFor<"borderTopStyle", "solid">;
         readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
@@ -65,6 +67,19 @@ export declare const styles: Readonly<{
         readonly borderTopRightRadius: css.StyleXClassNameFor<"borderTopRightRadius", string>;
         readonly maxHeight: css.StyleXClassNameFor<"maxHeight", "85vh">;
     }>;
+    readonly panelSnap: Readonly<{
+        readonly maxHeight: css.StyleXClassNameFor<"maxHeight", "none">;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "height">;
+        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
+        readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
+    }>;
+    readonly sheetHeight: (height: number) => readonly [Readonly<{
+        height: css.StyleXClassNameFor<"height", number>;
+    }>, css.InlineStyles];
+    readonly grabberHitWeb: Readonly<{
+        readonly cursor: css.StyleXClassNameFor<"cursor", "grab">;
+        readonly touchAction: css.StyleXClassNameFor<"touchAction", "none">;
+    }>;
     readonly panelLeftBorder: Readonly<{
         readonly borderLeftWidth: css.StyleXClassNameFor<"borderLeftWidth", 0>;
         readonly borderRightWidth: css.StyleXClassNameFor<"borderRightWidth", string>;
@@ -137,32 +152,6 @@ export declare const styles: Readonly<{
     readonly closeDurationSlow: Readonly<{
         readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
     }>;
-    readonly header: Readonly<{
-        readonly display: css.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
-        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
-        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
-        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
-        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
-        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
-        readonly gap: css.StyleXClassNameFor<"gap", string>;
-    }>;
-    readonly title: Readonly<{
-        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
-        readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
-        readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
-        readonly color: css.StyleXClassNameFor<"color", string>;
-        readonly margin: css.StyleXClassNameFor<"margin", 0>;
-    }>;
-    readonly description: Readonly<{
-        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
-        readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
-        readonly color: css.StyleXClassNameFor<"color", string>;
-        readonly margin: css.StyleXClassNameFor<"margin", 0>;
-        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
-        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
-        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
-    }>;
     readonly body: Readonly<{
         readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
         readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
@@ -170,37 +159,5 @@ export declare const styles: Readonly<{
         readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
         readonly flex: css.StyleXClassNameFor<"flex", 1>;
     }>;
-    readonly footer: Readonly<{
-        readonly display: css.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
-        readonly gap: css.StyleXClassNameFor<"gap", string>;
-        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
-        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
-        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
-        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
-        readonly borderTopWidth: css.StyleXClassNameFor<"borderTopWidth", string>;
-        readonly borderTopStyle: css.StyleXClassNameFor<"borderTopStyle", "solid">;
-        readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
-    }>;
-    readonly closeButton: 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", string>;
-        readonly color: css.StyleXClassNameFor<"color", string>;
-        readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
-        readonly padding: css.StyleXClassNameFor<"padding", 0>;
-        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
-        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
-        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
-    }>;
-    readonly inlineWrapper: Readonly<{
-        readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
-    }>;
 }>;
 //# 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;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyPjB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmMjB,CAAA"}

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

@@ -0,0 +1,35 @@
+/**
+ * Real touch input and viewport control for Storybook interaction tests
+ * (the Drawer's, SplitPane's), through
+ * Chrome DevTools Protocol: synthetic pointer events neither scroll nor go
+ * through touch adjustment the way a finger does.
+ */
+export type Point = {
+    x: number;
+    y: number;
+};
+/**
+ * A CDP command. `vitest/browser` loads only under the test runner, so it is
+ * imported here, at call time: a static import breaks the built Storybook.
+ * `CDPSession` is empty until the provider's typings load; `send` exists at runtime.
+ */
+export declare function cdpSend(method: string, params: object): Promise<unknown>;
+/** Set the page's viewport (test runner only, like `cdpSend`). */
+export declare function setViewport(width: number, height: number): Promise<void>;
+export declare const pause: (ms: number) => Promise<unknown>;
+/**
+ * CDP input lands in top-level page coordinates; the story runs in an iframe
+ * the test runner offsets and may scale to fit. Map a point up every frame.
+ */
+export declare function toPage(p: Point): Point;
+/**
+ * A finger drag from one point to another, in `steps` moves 16 ms apart.
+ * Each move is a round trip to the browser; few of them keep a test well
+ * inside its timeout on a loaded machine.
+ */
+export declare function touchDrag(from: Point, to: Point, steps?: number): Promise<void>;
+/** A finger tap. */
+export declare function touchTap(at: Point): Promise<void>;
+/** The centre of an element, in its own document's coordinates. */
+export declare function centre(el: Element): Point;
+//# sourceMappingURL=touchInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"touchInput.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/touchInput.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,KAAK,GAAG;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAE1C;;;;GAIG;AACH,wBAAsB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAI3D;AAED,kEAAkE;AAClE,wBAAsB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAG9D;AAED,eAAO,MAAM,KAAK,GAAI,IAAI,MAAM,qBAA0C,CAAA;AAE1E;;;GAGG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,CAWtC;AASD;;;;GAIG;AACH,wBAAsB,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,SAAI,iBAWhE;AAED,oBAAoB;AACpB,wBAAsB,QAAQ,CAAC,EAAE,EAAE,KAAK,iBAGvC;AAED,mEAAmE;AACnE,wBAAgB,MAAM,CAAC,EAAE,EAAE,OAAO,GAAG,KAAK,CAGzC"}

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

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { DurationToken } from '@duro-app/tokens/keys';
+import { DrawerAnchor, DrawerContextValue } from './parts';
+import { SnapPoint } from './sheetPhysics';
+export interface DrawerRootProps {
+    children: ReactNode;
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Called when drawer open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Which edge the drawer slides from. Default: 'right' */
+    anchor?: DrawerAnchor;
+    /** Whether clicking backdrop or pressing Escape (Android's back button on native) closes the drawer. Default: true */
+    dismissable?: boolean;
+    /** Whether swipe gesture dismisses the drawer. Default: true */
+    swipeDismiss?: boolean;
+    /** Motion token for the close animation. Default: 'fast' (150ms) */
+    closeAnimationDuration?: DurationToken;
+    /**
+     * Bottom anchor only: the heights the sheet rests at. 'medium' is half the
+     * window, 'large' the window less its top safe-area inset. A drag moves
+     * between them and dismisses below the lowest; the grabber steps through
+     * them on a tap. Without it, a bottom drawer is as tall as its content.
+     */
+    snapPoints?: readonly SnapPoint[];
+    /** The detent the sheet opens at. Default: the lowest of snapPoints */
+    defaultSnapPoint?: SnapPoint;
+}
+/** The state both platforms' Drawer.Root share: open and closing, ids, and the detent. */
+export declare function useDrawerRoot({ open: controlledOpen, defaultOpen, onOpenChange, anchor, dismissable, swipeDismiss, closeAnimationDuration, snapPoints: snapPointsProp, defaultSnapPoint, }: Omit<DrawerRootProps, 'children'>): DrawerContextValue;
+//# sourceMappingURL=useDrawerRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/useDrawerRoot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA8C,MAAM,OAAO,CAAA;AACjF,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAC,YAAY,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAC7D,OAAO,EAAiB,KAAK,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAE7D,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,sHAAsH;IACtH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;IACtC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,SAAS,EAAE,CAAA;IACjC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AAED,0FAA0F;AAC1F,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,MAAgB,EAChB,WAAkB,EAClB,YAAmB,EACnB,sBAA+B,EAC/B,UAAU,EAAE,cAAc,EAC1B,gBAAgB,GACjB,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG,kBAAkB,CA6CxD"}

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

@@ -0,0 +1,7 @@
+import { SnapPoint } from './sheetPhysics';
+/**
+ * Web: each detent's height in px, ascending, following the window as it
+ * resizes (a rotated phone, an opened on-screen keyboard).
+ */
+export declare function useSheetHeights(points: readonly SnapPoint[], active: boolean): number[];
+//# sourceMappingURL=useSheetHeights.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetHeights.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/useSheetHeights.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAqB3D;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,SAAS,SAAS,EAAE,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,CAevF"}

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

@@ -1,4 +1,13 @@
-import { DrawerAnchor } from './Drawer';
+import { DrawerAnchor } from './parts';
+/** A bottom sheet's detents: the drag moves between them before it dismisses. */
+export interface SwipeSnap {
+    /** Each detent's height in px, ascending */
+    heights: readonly number[];
+    /** The detent the sheet rests at */
+    index: number;
+    /** A drag settled on another detent */
+    onSnap: (index: number) => void;
+}
 interface UseSwipeDismissOptions {
     anchor: DrawerAnchor;
     enabled: boolean;
@@ -9,6 +18,8 @@ interface UseSwipeDismissOptions {
      * exists, and listeners must follow the element that is actually shown.
      */
     panel: HTMLDivElement | null;
+    /** Bottom anchor with snapPoints: drag between detents, dismiss below the lowest */
+    snap?: SwipeSnap | null;
 }
 /**
  * Hook that adds swipe-to-dismiss gesture to a drawer panel.
@@ -17,6 +28,6 @@ interface UseSwipeDismissOptions {
  * Opposite direction: iOS-style — panel stays anchored, shows subtle
  * overscroll feedback (box-shadow intensifies), then snaps back.
  */
-export declare function useSwipeDismiss({ anchor, enabled, onDismiss, panel }: UseSwipeDismissOptions): void;
+export declare function useSwipeDismiss({ anchor, enabled, onDismiss, panel, snap, }: UseSwipeDismissOptions): void;
 export {};
 //# sourceMappingURL=useSwipeDismiss.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSwipeDismiss.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/useSwipeDismiss.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,UAAU,CAAA;AAkB1C,UAAU,sBAAsB;IAC9B,MAAM,EAAE,YAAY,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB;;;;OAIG;IACH,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;CAC7B;AAeD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAC,EAAE,sBAAsB,QAuS1F"}
+{"version":3,"file":"useSwipeDismiss.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/useSwipeDismiss.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAkBzC,iFAAiF;AACjF,MAAM,WAAW,SAAS;IACxB,4CAA4C;IAC5C,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,uCAAuC;IACvC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAED,UAAU,sBAAsB;IAC9B,MAAM,EAAE,YAAY,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB;;;;OAIG;IACH,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,oFAAoF;IACpF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACxB;AAiBD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,IAAW,GACZ,EAAE,sBAAsB,QA0YxB"}

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

@@ -69,6 +69,7 @@ export declare const styles: Readonly<{
         readonly flexWrap: css.StyleXClassNameFor<"flexWrap", "wrap">;
         readonly alignItems: css.StyleXClassNameFor<"alignItems", "stretch">;
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
     }>;
     readonly nativeCell: (basis: string) => readonly [Readonly<{
         flexBasis: css.StyleXClassNameFor<"flexBasis", string>;

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

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

package/dist/components/Icon/Icon.d.ts

@@ -1,10 +1,4 @@
-import { IconSize } from '@duro-app/tokens/keys';
-export type { IconSize };
-export type IconName = 'x-circle' | 'check-circle' | 'check-done' | 'clock' | 'forbidden' | 'info-circle' | 'alert-triangle' | 'shield' | 'lock' | 'key' | 'map' | 'layers' | 'repeat' | 'database' | 'shield-check' | 'route' | 'git-branch' | 'menu' | 'pin' | 'server' | 'hard-drive' | 'box' | 'image' | 'tag' | 'pie-chart' | 'users' | 'user-plus' | 'mail' | 'file-text' | 'plug' | 'search' | 'mic' | 'sun' | 'moon' | 'monitor' | 'contrast' | 'signal' | 'battery' | 'video' | 'music' | 'play' | 'pause' | 'info-circle-filled' | 'alert-triangle-filled' | 'check-circle-filled' | 'x-circle-filled' | 'shield-filled' | 'lock-filled';
-interface IconProps {
-    name: IconName;
-    /** Token from the icon size scale: sm 16, md 18, lg 24, xl 36, xxl 48. */
-    size?: IconSize;
-}
-export declare function Icon({ name, size: sizeToken }: IconProps): import("react/jsx-runtime").JSX.Element;
+import { IconProps } from './types';
+export type { IconName, IconProps, IconSize } from './types';
+export declare function Icon({ name, size: sizeToken, color }: IconProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAE/D,YAAY,EAAC,QAAQ,EAAC,CAAA;AAEtB,MAAM,MAAM,QAAQ,GAChB,UAAU,GACV,cAAc,GACd,YAAY,GACZ,OAAO,GACP,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,QAAQ,GACR,MAAM,GACN,KAAK,GAEL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,YAAY,GACZ,MAAM,GACN,KAAK,GAEL,QAAQ,GACR,YAAY,GACZ,KAAK,GACL,OAAO,GACP,KAAK,GACL,WAAW,GAEX,OAAO,GACP,WAAW,GACX,MAAM,GACN,WAAW,GACX,MAAM,GAEN,QAAQ,GACR,KAAK,GAEL,KAAK,GACL,MAAM,GACN,SAAS,GACT,UAAU,GAEV,QAAQ,GACR,SAAS,GAET,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GAEP,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,iBAAiB,GACjB,eAAe,GACf,aAAa,CAAA;AA0WjB,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAgB,EAAC,EAAE,SAAS,2CAyB7D"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAA;AAEtC,YAAY,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAA;AAQ1D,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAgB,EAAE,KAAK,EAAC,EAAE,SAAS,2CA4BpE"}

package/dist/components/Icon/geometry.d.ts

@@ -0,0 +1,60 @@
+import { IconName } from './types';
+/**
+ * Icon glyphs as renderer-independent geometry on a 24-unit grid (plan N0,
+ * Decision 9): the web draws them as SVG elements, native with the renderer
+ * the icon benchmark picks. Generated once from the JSX tables Icon.tsx held
+ * through 5.11; edit the data here.
+ *
+ * A `stroke` glyph is drawn with a 2-unit stroke, round caps and joins, and no
+ * fill. A `fill` glyph is filled, with even-odd cutouts where `fillRule` says;
+ * a shape inside it may carry its own stroke (`lock-filled`'s shackle).
+ */
+/** `currentColor` is the icon's colour (the text colour on the web, `color` on native). */
+export type Paint = 'currentColor' | 'none';
+export type Shape = {
+    tag: 'path';
+    d: string;
+    fillRule?: 'evenodd';
+    /** Paint override for this shape: the icon's colour, or none. */
+    fill?: Paint;
+    stroke?: Paint;
+    strokeWidth?: number;
+    strokeLinecap?: 'round';
+} | {
+    tag: 'circle';
+    cx: number;
+    cy: number;
+    r: number;
+} | {
+    tag: 'ellipse';
+    cx: number;
+    cy: number;
+    rx: number;
+    ry: number;
+} | {
+    tag: 'line';
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+} | {
+    tag: 'rect';
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rx?: number;
+    ry?: number;
+} | {
+    tag: 'polyline';
+    points: string;
+} | {
+    tag: 'polygon';
+    points: string;
+};
+export interface Glyph {
+    readonly style: 'stroke' | 'fill';
+    readonly shapes: readonly Shape[];
+}
+export declare const GLYPHS: Record<IconName, Glyph>;
+//# sourceMappingURL=geometry.d.ts.map

package/dist/components/Icon/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAA;AAErC;;;;;;;;;GASG;AACH,2FAA2F;AAC3F,MAAM,MAAM,KAAK,GAAG,cAAc,GAAG,MAAM,CAAA;AAE3C,MAAM,MAAM,KAAK,GACb;IACE,GAAG,EAAE,MAAM,CAAA;IACX,CAAC,EAAE,MAAM,CAAA;IACT,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,iEAAiE;IACjE,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,GACD;IAAC,GAAG,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,GAClD;IAAC,GAAG,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,GAChE;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,GAC7D;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,GAC5F;IAAC,GAAG,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,GACjC;IAAC,GAAG,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,CAAA;AAEpC,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,MAAM,EAAE,SAAS,KAAK,EAAE,CAAA;CAClC;AAED,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,CAia1C,CAAA"}