@duro-app/ui 5.12.0 → 5.13.0

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

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SnapPoint } from './Drawer';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+interface SheetArgs {
+    snapPoints: SnapPoint[];
+    defaultSnapPoint: SnapPoint;
+    titleAlign: 'start' | 'center';
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const SnapSheet: StoryObj<SheetArgs>;
+export declare const DragUpGrowsToLarge: Story;
+export declare const DragDownShrinksToMedium: Story;
+export declare const DragDownBelowMediumDismisses: Story;
+export declare const SlowShortDragSnapsBack: Story;
+export declare const GrabberTapCyclesDetents: Story;
+export declare const DragUpOnContentGrowsThenScrolls: Story;
+export declare const DoneCloses: Story;
+//# sourceMappingURL=DrawerSnap.stories.d.ts.map

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

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

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

@@ -67,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>;
@@ -139,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>;
@@ -172,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6PjB,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/Menu/Menu.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode, Ref } from 'react';
+import { OnNavigate } from '../../shared/navigate';
 import { ControlSize } from '../../shared/types';
 interface RootProps {
     children: ReactNode;
@@ -34,9 +35,14 @@ interface ItemProps {
 declare function Item({ onClick, children }: ItemProps): import("react/jsx-runtime").JSX.Element;
 interface LinkItemProps {
     href: string;
+    /**
+     * Called for a plain primary click (ADR-0002): call `event.preventDefault()`,
+     * then your router's navigate. Without it the browser follows the link.
+     */
+    onNavigate?: OnNavigate;
     children: ReactNode;
 }
-declare function LinkItem({ href, children }: LinkItemProps): import("react/jsx-runtime").JSX.Element;
+declare function LinkItem({ href, onNavigate, children }: LinkItemProps): import("react/jsx-runtime").JSX.Element;
 declare function Separator(): import("react/jsx-runtime").JSX.Element;
 export declare const Menu: {
     Root: typeof Root;

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAOT,MAAM,OAAO,CAAA;AAQd,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAQnD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAC,EAAE,SAAS,2CAUnE;AAQD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gFAAgF;IAChF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,uHAAuH;IACvH,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,OAAmB,EACnB,IAAgB,EAChB,GAAG,GACJ,EAAE,YAAY,2CAiDd;AAGD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB;AAKD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAe,EAAC,EAAE,UAAU,sCAkDrD;AAGD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA6B3C;AAGD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,QAAQ,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,aAAa,2CAyBhD;AAMD,iBAAS,SAAS,4CAEjB;AAED,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAA"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAOT,MAAM,OAAO,CAAA;AAQd,OAAO,EAAoC,KAAK,UAAU,EAAC,MAAM,uBAAuB,CAAA;AACxF,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAQnD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAC,EAAE,SAAS,2CAUnE;AAQD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gFAAgF;IAChF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,uHAAuH;IACvH,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,OAAmB,EACnB,IAAgB,EAChB,GAAG,GACJ,EAAE,YAAY,2CAiDd;AAGD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB;AAKD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAe,EAAC,EAAE,UAAU,sCAkDrD;AAGD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA6B3C;AAGD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,QAAQ,CAAC,EAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAC,EAAE,aAAa,2CA4B5D;AAMD,iBAAS,SAAS,4CAEjB;AAED,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAA"}

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

@@ -0,0 +1,14 @@
+import { css } from 'react-strict-dom';
+/** Native Menu 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">;
+    }>;
+    readonly itemPressed: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+}>;
+//# sourceMappingURL=native.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"native.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/native.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,kDAAkD;AAClD,eAAO,MAAM,YAAY;;;;;;;;;;EAavB,CAAA"}

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

@@ -0,0 +1,16 @@
+export interface MenuOpenOptions {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * The menu's open state, controlled or not, shared by both platforms (plan
+ * N0, Decision 10). Focus, highlight and keys are each platform's adapter:
+ * `useMenuRoot` on the web, Menu.native on native.
+ */
+export declare function useMenuOpen({ open: openProp, defaultOpen, onOpenChange }: MenuOpenOptions): {
+    open: boolean;
+    openRef: import('react').RefObject<boolean>;
+    setOpen: (next: boolean) => void;
+};
+//# sourceMappingURL=useMenuOpen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuOpen.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/useMenuOpen.ts"],"names":[],"mappings":"AAEA,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;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAmB,EAAE,YAAY,EAAC,EAAE,eAAe;;;oBAUrF,OAAO;EASjB"}