@limonify/zest-ui 0.1.0

package/lib/drawer/popup/DrawerPopup.js

@@ -0,0 +1,176 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerPopup = DrawerPopup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_gesture_handler_1 = require("react-native-gesture-handler");
+const useDialogPopupProps_1 = require("../../dialog/popup/useDialogPopupProps");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+const DrawerRootContext_1 = require("../root/DrawerRootContext");
+const useDrawerSnapPoints_1 = require("../root/useDrawerSnapPoints");
+/**
+ * Matches upstream's `DEFAULT_SWIPE_THRESHOLD`: a swipe dismisses once it has
+ * travelled this far, regardless of how fast it was.
+ */
+const DEFAULT_SWIPE_THRESHOLD = 40;
+/**
+ * How far ahead a fling is projected when picking the next snap point, in
+ * seconds of travel at the release velocity. This is what lets a fast flick skip
+ * past a snap point, and what `snapToSequentialPoints` turns off.
+ */
+const VELOCITY_PROJECTION_SECONDS = 0.15;
+/**
+ * A container for the drawer contents, dismissable by swiping it away.
+ * Renders a `<View>` wrapped in a `GestureDetector`.
+ *
+ * Follows the animation contract: the popup never moves itself. It publishes how
+ * far the swipe has travelled as `swipeMovement` on the state object, and the
+ * consumer turns that into a transform.
+ *
+ * Requires `react-native-gesture-handler`, and the app to be wrapped in
+ * `<GestureHandlerRootView>`.
+ */
+function DrawerPopup(componentProps) {
+    const { render, className, style, swipeThreshold = DEFAULT_SWIPE_THRESHOLD, ref, ...elementProps } = componentProps;
+    const { testID } = elementProps;
+    const { swipeDirection, onPopupHeightChange } = (0, DrawerRootContext_1.useDrawerRootContext)();
+    const { activeSnapPoint, activeSnapPointOffset, hasSnapPoints, resolvedSnapPoints, setActiveSnapPoint, snapToSequentialPoints, } = (0, useDrawerSnapPoints_1.useDrawerSnapPoints)();
+    const { store, open, props } = (0, useDialogPopupProps_1.useDialogPopupProps)();
+    const [swiping, setSwiping] = React.useState(false);
+    const [swipeMovement, setSwipeMovement] = React.useState(0);
+    // The gesture callbacks read the movement they just published, which React has
+    // not re-rendered yet by the time the release arrives.
+    const swipeMovementRef = React.useRef(0);
+    const publishMovement = (0, useStableCallback_1.useStableCallback)((movement) => {
+        swipeMovementRef.current = movement;
+        setSwipeMovement(movement);
+    });
+    const handleLayout = (0, useStableCallback_1.useStableCallback)((event) => {
+        onPopupHeightChange(event.nativeEvent.layout.height);
+    });
+    const baseOffset = activeSnapPointOffset !== null && activeSnapPointOffset !== void 0 ? activeSnapPointOffset : 0;
+    const move = (0, useStableCallback_1.useStableCallback)((translationX, translationY) => {
+        const displacement = getDisplacement(swipeDirection, translationX, translationY);
+        if (!hasSnapPoints) {
+            // Without snap points there is nowhere to drag back to, so movement never
+            // goes negative: dragging past the resting place would tear the drawer off
+            // the edge it is anchored to.
+            publishMovement(Math.max(displacement, 0));
+            return;
+        }
+        // With snap points the drawer can also be dragged open, so a negative
+        // displacement is meaningful — it is only damped past the fully-open edge.
+        publishMovement((0, useDrawerSnapPoints_1.getSnapPointSwipeMovement)(baseOffset, displacement));
+    });
+    const release = (0, useStableCallback_1.useStableCallback)((translationX, translationY, velocityX, velocityY) => {
+        const displacement = getDisplacement(swipeDirection, translationX, translationY);
+        if (!hasSnapPoints) {
+            if (displacement > swipeThreshold) {
+                store.setOpen(false, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.swipe));
+            }
+            return;
+        }
+        const velocity = getDisplacement(swipeDirection, velocityX, velocityY);
+        // A fling is projected forward so it can skip past a snap point;
+        // `snapToSequentialPoints` reduces the decision to drag distance alone.
+        const projected = snapToSequentialPoints ? 0 : velocity * VELOCITY_PROJECTION_SECONDS;
+        const targetOffset = baseOffset + swipeMovementRef.current + projected;
+        const offsets = resolvedSnapPoints.map((point) => point.offset);
+        const largestOffset = Math.max(...offsets);
+        // Past the most-closed snap point by the dismiss threshold, the gesture
+        // stops being a snap and becomes a dismissal.
+        if (targetOffset > largestOffset + swipeThreshold) {
+            store.setOpen(false, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.swipe));
+            return;
+        }
+        const nextIndex = (0, useDrawerSnapPoints_1.closestSnapPointIndex)(offsets, targetOffset);
+        const next = resolvedSnapPoints[nextIndex];
+        if (next) {
+            setActiveSnapPoint(next.value, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.swipe));
+        }
+    });
+    const gesture = React.useMemo(() => react_native_gesture_handler_1.Gesture.Pan()
+        // A gesture is invisible to the rendered tree, so tests can only reach it
+        // through gesture-handler's registry, which is keyed by this id.
+        .withTestId(testID !== null && testID !== void 0 ? testID : 'drawer-popup')
+        .onBegin(() => {
+        setSwiping(true);
+    })
+        // The move that activates the pan arrives as `onStart`, and every move
+        // after it as `onUpdate` — the drawer has to follow both.
+        .onStart((event) => move(event.translationX, event.translationY))
+        .onUpdate((event) => move(event.translationX, event.translationY))
+        .onEnd((event) => release(event.translationX, event.translationY, event.velocityX, event.velocityY))
+        .onFinalize(() => {
+        setSwiping(false);
+        publishMovement(0);
+    })
+        // The handlers touch React state, so they must not run on the UI thread.
+        .runOnJS(true), [testID, move, release, publishMovement]);
+    const state = {
+        open,
+        swiping,
+        swipeMovement,
+        swipeDirection,
+        snapPoint: activeSnapPoint !== null && activeSnapPoint !== void 0 ? activeSnapPoint : null,
+        snapPointOffset: activeSnapPointOffset,
+    };
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: [{ ...props, onLayout: handleLayout }, elementProps],
+    });
+    return (0, jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector, { gesture: gesture, children: element });
+}
+/** How far a translation has travelled towards `direction`. */
+function getDisplacement(direction, x, y) {
+    switch (direction) {
+        case 'up':
+            return -y;
+        case 'down':
+            return y;
+        case 'left':
+            return -x;
+        default:
+            return x;
+    }
+}
+//# sourceMappingURL=DrawerPopup.js.map

package/lib/drawer/popup/DrawerPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPopup.js","sourceRoot":"","sources":["../../../src/drawer/popup/DrawerPopup.tsx"],"names":[],"mappings":"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"}

package/lib/drawer/root/DrawerRoot.d.ts

@@ -0,0 +1,119 @@
+import * as React from 'react';
+import type { DialogRoot } from '../../dialog/root/DialogRoot';
+import type { DrawerHandle } from '../handle';
+import type { ZestChangeEventDetails } from '../../utils/createChangeEventDetails';
+import type { REASONS } from '../../utils/reasons';
+import { type DrawerSnapPoint, type DrawerSwipeDirection } from './DrawerRootContext';
+/**
+ * Groups all parts of the drawer.
+ * Doesn't render its own element.
+ *
+ * A drawer is a dialog that can also be dismissed by swiping it away, so it
+ * reuses the dialog store and every dialog part but its own `Drawer.Popup`.
+ *
+ * **Not ported from upstream.** `modal` (a React Native `Modal` is always modal,
+ * and there is no page behind it to scroll-lock) and `onOpenChangeComplete` (see
+ * the animation contract in CLAUDE.md — nothing in RN reports that a closing
+ * animation finished).
+ * Upstream's `Indent`/`IndentBackground` parts have no counterpart either: they
+ * scale the page behind the drawer, which a `Modal` renders in a separate native
+ * window from.
+ */
+export declare function DrawerRoot<Payload = unknown>(props: DrawerRoot.Props<Payload>): React.JSX.Element;
+export interface DrawerRootState {
+}
+export interface DrawerRootProps<Payload = unknown> {
+    /**
+     * Whether the drawer is currently open.
+     */
+    open?: boolean | undefined;
+    /**
+     * Whether the drawer is initially open.
+     *
+     * To render a controlled drawer, use the `open` prop instead.
+     * @default false
+     */
+    defaultOpen?: boolean | undefined;
+    /**
+     * Event handler called when the drawer is opened or closed.
+     */
+    onOpenChange?: ((open: boolean, eventDetails: DrawerRoot.ChangeEventDetails) => void) | undefined;
+    /**
+     * Whether to prevent the drawer from closing on presses outside the popup.
+     * Swipe dismissal is unaffected.
+     * @default false
+     */
+    disablePointerDismissal?: boolean | undefined;
+    /**
+     * The swipe direction used to dismiss the drawer.
+     * @default 'down'
+     */
+    swipeDirection?: DrawerSwipeDirection | undefined;
+    /**
+     * Snap points used to position the drawer. A number `<= 1` is a fraction of
+     * the viewport height, anything larger is a pixel value.
+     *
+     * A snap point describes how much of the drawer is *visible*, so snap points
+     * are vertical by nature and only apply to `swipeDirection: 'down'`.
+     */
+    snapPoints?: readonly DrawerSnapPoint[] | undefined;
+    /**
+     * The currently active snap point. Use with `onSnapPointChange` to control it.
+     */
+    snapPoint?: DrawerSnapPoint | null | undefined;
+    /**
+     * The initial snap point when uncontrolled. Defaults to the first of
+     * `snapPoints`.
+     */
+    defaultSnapPoint?: DrawerSnapPoint | null | undefined;
+    /**
+     * Event handler called when the active snap point changes.
+     */
+    onSnapPointChange?: ((snapPoint: DrawerSnapPoint | null, eventDetails: DrawerRoot.SnapPointChangeEventDetails) => void) | undefined;
+    /**
+     * Disables velocity-based snap skipping, so drag distance alone determines the
+     * next snap point.
+     * @default false
+     */
+    snapToSequentialPoints?: boolean | undefined;
+    /**
+     * A ref to imperative actions.
+     */
+    actionsRef?: React.RefObject<DialogRoot.Actions | null> | undefined;
+    /**
+     * A handle associating this drawer with triggers rendered outside it, and
+     * letting it be opened and closed imperatively. Create one with
+     * `Drawer.createHandle()`.
+     */
+    handle?: DrawerHandle<Payload> | undefined;
+    /**
+     * The id of the trigger the drawer is associated with.
+     */
+    triggerId?: string | null | undefined;
+    /**
+     * The id of the trigger the drawer is initially associated with.
+     */
+    defaultTriggerId?: string | null | undefined;
+    /**
+     * The content of the drawer.
+     *
+     * Pass a function to receive the payload the drawer was opened with.
+     */
+    children?: React.ReactNode | ((payload: Payload) => React.ReactNode);
+}
+export type DrawerRootChangeEventReason = typeof REASONS.triggerPress | typeof REASONS.outsidePress | typeof REASONS.escapeKey | typeof REASONS.closePress | typeof REASONS.swipe | typeof REASONS.imperativeAction | typeof REASONS.none;
+export type DrawerRootChangeEventDetails = ZestChangeEventDetails<DrawerRootChangeEventReason>;
+export type DrawerRootSnapPointChangeEventReason = DrawerRootChangeEventReason;
+export type DrawerRootSnapPointChangeEventDetails = ZestChangeEventDetails<DrawerRootSnapPointChangeEventReason>;
+export declare namespace DrawerRoot {
+    type State = DrawerRootState;
+    type Props<Payload = unknown> = DrawerRootProps<Payload>;
+    type Actions = DialogRoot.Actions;
+    type ChangeEventReason = DrawerRootChangeEventReason;
+    type ChangeEventDetails = DrawerRootChangeEventDetails;
+    type SnapPointChangeEventReason = DrawerRootSnapPointChangeEventReason;
+    type SnapPointChangeEventDetails = DrawerRootSnapPointChangeEventDetails;
+    type SwipeDirection = DrawerSwipeDirection;
+    type SnapPoint = DrawerSnapPoint;
+}
+//# sourceMappingURL=DrawerRoot.d.ts.map

package/lib/drawer/root/DrawerRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerRoot.d.ts","sourceRoot":"","sources":["../../../src/drawer/root/DrawerRoot.tsx"],"names":[],"mappings":"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"}

package/lib/drawer/root/DrawerRoot.js

@@ -0,0 +1,102 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerRoot = DrawerRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const useRenderDialogRoot_1 = require("../../dialog/root/useRenderDialogRoot");
+const useControlled_1 = require("../../hooks/useControlled");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+const DrawerRootContext_1 = require("./DrawerRootContext");
+/**
+ * Groups all parts of the drawer.
+ * Doesn't render its own element.
+ *
+ * A drawer is a dialog that can also be dismissed by swiping it away, so it
+ * reuses the dialog store and every dialog part but its own `Drawer.Popup`.
+ *
+ * **Not ported from upstream.** `modal` (a React Native `Modal` is always modal,
+ * and there is no page behind it to scroll-lock) and `onOpenChangeComplete` (see
+ * the animation contract in CLAUDE.md — nothing in RN reports that a closing
+ * animation finished).
+ * Upstream's `Indent`/`IndentBackground` parts have no counterpart either: they
+ * scale the page behind the drawer, which a `Modal` renders in a separate native
+ * window from.
+ */
+function DrawerRoot(props) {
+    var _a;
+    const { swipeDirection = 'down', snapPoints, snapPoint, defaultSnapPoint, onSnapPointChange, snapToSequentialPoints = false, ...dialogProps } = props;
+    const [popupHeight, setPopupHeight] = React.useState(0);
+    const [activeSnapPoint, setActiveSnapPointState] = (0, useControlled_1.useControlled)({
+        controlled: snapPoint,
+        default: (_a = defaultSnapPoint !== null && defaultSnapPoint !== void 0 ? defaultSnapPoint : snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[0]) !== null && _a !== void 0 ? _a : null,
+        name: 'Drawer',
+        state: 'snapPoint',
+    });
+    const setActiveSnapPoint = (0, useStableCallback_1.useStableCallback)((nextSnapPoint, eventDetails) => {
+        if (nextSnapPoint === activeSnapPoint) {
+            return;
+        }
+        onSnapPointChange === null || onSnapPointChange === void 0 ? void 0 : onSnapPointChange(nextSnapPoint, eventDetails);
+        if (eventDetails.isCanceled) {
+            return;
+        }
+        setActiveSnapPointState(nextSnapPoint);
+    });
+    const onPopupHeightChange = (0, useStableCallback_1.useStableCallback)((height) => {
+        setPopupHeight(height);
+    });
+    const contextValue = React.useMemo(() => ({
+        swipeDirection,
+        snapPoints,
+        snapToSequentialPoints,
+        activeSnapPoint,
+        setActiveSnapPoint,
+        popupHeight,
+        onPopupHeightChange,
+    }), [
+        swipeDirection,
+        snapPoints,
+        snapToSequentialPoints,
+        activeSnapPoint,
+        setActiveSnapPoint,
+        popupHeight,
+        onPopupHeightChange,
+    ]);
+    const dialogRoot = (0, useRenderDialogRoot_1.useRenderDialogRoot)(dialogProps, 'dialog');
+    return ((0, jsx_runtime_1.jsx)(DrawerRootContext_1.DrawerRootContext.Provider, { value: contextValue, children: dialogRoot }));
+}
+//# sourceMappingURL=DrawerRoot.js.map

package/lib/drawer/root/DrawerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerRoot.js","sourceRoot":"","sources":["../../../src/drawer/root/DrawerRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8Bb,gCAkEC;;AA/FD,6CAA+B;AAE/B,+EAA4E;AAE5E,6DAA0D;AAC1D,qEAAkE;AAGlE,2DAI6B;AAE7B;;;;;;;;;;;;;;GAcG;AACH,SAAgB,UAAU,CAAoB,KAAgC;;IAC5E,MAAM,EACJ,cAAc,GAAG,MAAM,EACvB,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,GAAG,KAAK,EAC9B,GAAG,WAAW,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExD,MAAM,CAAC,eAAe,EAAE,uBAAuB,CAAC,GAAG,IAAA,6BAAa,EAAyB;QACvF,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,CAAC,CAAC,mCAAI,IAAI;QACpD,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,WAAW;KACnB,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAA,qCAAiB,EAC1C,CAAC,aAAqC,EAAE,YAAoD,EAAE,EAAE;QAC9F,IAAI,aAAa,KAAK,eAAe,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QAED,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,aAAa,EAAE,YAAY,CAAC,CAAC;QAEjD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,uBAAuB,CAAC,aAAa,CAAC,CAAC;IACzC,CAAC,CACF,CAAC;IAEF,MAAM,mBAAmB,GAAG,IAAA,qCAAiB,EAAC,CAAC,MAAc,EAAE,EAAE;QAC/D,cAAc,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAsB,KAAK,CAAC,OAAO,CACnD,GAAG,EAAE,CAAC,CAAC;QACL,cAAc;QACd,UAAU;QACV,sBAAsB;QACtB,eAAe;QACf,kBAAkB;QAClB,WAAW;QACX,mBAAmB;KACpB,CAAC,EACF;QACE,cAAc;QACd,UAAU;QACV,sBAAsB;QACtB,eAAe;QACf,kBAAkB;QAClB,WAAW;QACX,mBAAmB;KACpB,CACF,CAAC;IAEF,MAAM,UAAU,GAAG,IAAA,yCAAmB,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAE9D,OAAO,CACL,uBAAC,qCAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,UAAU,GAA8B,CAC3F,CAAC;AACJ,CAAC"}

package/lib/drawer/root/DrawerRootContext.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import type { DrawerRoot } from './DrawerRoot';
+export type DrawerSwipeDirection = 'up' | 'down' | 'left' | 'right';
+/**
+ * A number `<= 1` is a fraction of the viewport height; anything larger is a
+ * pixel value. Upstream also accepts `'148px'`/`'30rem'` strings — see
+ * `resolveSnapPointHeight` for why React Native takes numbers only.
+ */
+export type DrawerSnapPoint = number;
+export interface DrawerRootContext {
+    /**
+     * The direction a swipe must travel to dismiss the drawer.
+     */
+    swipeDirection: DrawerSwipeDirection;
+    /**
+     * Snap points used to position the drawer, if any.
+     */
+    snapPoints: readonly DrawerSnapPoint[] | undefined;
+    /**
+     * Whether to disable velocity-based snap skipping.
+     */
+    snapToSequentialPoints: boolean;
+    /**
+     * The currently active snap point. `undefined` means "the first one";
+     * `null` means none.
+     */
+    activeSnapPoint: DrawerSnapPoint | null | undefined;
+    setActiveSnapPoint: (snapPoint: DrawerSnapPoint | null, eventDetails: DrawerRoot.SnapPointChangeEventDetails) => void;
+    /**
+     * The popup's measured height, which every snap point offset is derived from.
+     */
+    popupHeight: number;
+    onPopupHeightChange: (height: number) => void;
+}
+export declare const DrawerRootContext: React.Context<DrawerRootContext | undefined>;
+export declare function useDrawerRootContext(): DrawerRootContext;
+//# sourceMappingURL=DrawerRootContext.d.ts.map

package/lib/drawer/root/DrawerRootContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerRootContext.d.ts","sourceRoot":"","sources":["../../../src/drawer/root/DrawerRootContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC;AAErC,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,cAAc,EAAE,oBAAoB,CAAC;IACrC;;OAEG;IACH,UAAU,EAAE,SAAS,eAAe,EAAE,GAAG,SAAS,CAAC;IACnD;;OAEG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,eAAe,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACpD,kBAAkB,EAAE,CAClB,SAAS,EAAE,eAAe,GAAG,IAAI,EACjC,YAAY,EAAE,UAAU,CAAC,2BAA2B,KACjD,IAAI,CAAC;IACV;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,iBAAiB,8CAAgE,CAAC;AAE/F,wBAAgB,oBAAoB,sBASnC"}

package/lib/drawer/root/DrawerRootContext.js

@@ -0,0 +1,48 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerRootContext = void 0;
+exports.useDrawerRootContext = useDrawerRootContext;
+const React = __importStar(require("react"));
+exports.DrawerRootContext = React.createContext(undefined);
+function useDrawerRootContext() {
+    const context = React.useContext(exports.DrawerRootContext);
+    if (context === undefined) {
+        throw new Error('Zest: DrawerRootContext is missing. Drawer parts must be placed within <Drawer.Root>.');
+    }
+    return context;
+}
+//# sourceMappingURL=DrawerRootContext.js.map

package/lib/drawer/root/DrawerRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerRootContext.js","sourceRoot":"","sources":["../../../src/drawer/root/DrawerRootContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4Cb,oDASC;AApDD,6CAA+B;AAyClB,QAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAgC,SAAS,CAAC,CAAC;AAE/F,SAAgB,oBAAoB;IAClC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAiB,CAAC,CAAC;IACpD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,uFAAuF,CACxF,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/drawer/root/useDrawerSnapPoints.d.ts

@@ -0,0 +1,49 @@
+import type { DrawerSnapPoint } from './DrawerRootContext';
+export interface ResolvedDrawerSnapPoint {
+    value: DrawerSnapPoint;
+    /**
+     * How much of the popup is visible at this snap point, in pixels.
+     */
+    height: number;
+    /**
+     * How far the popup is pushed off the edge at this snap point, in pixels.
+     * This is what the consumer translates by.
+     */
+    offset: number;
+}
+/**
+ * Damps the swipe once the drag overshoots the fully-open edge (`nextOffset < 0`),
+ * so the popup resists travelling past it instead of tearing off the screen.
+ * Ported from upstream verbatim.
+ */
+export declare function getSnapPointSwipeMovement(baseOffset: number, movementValue: number): number;
+/**
+ * Turns a snap point into a visible height: a number `<= 1` is a fraction of the
+ * viewport, anything larger is a pixel value.
+ *
+ * **Diverges from upstream:** it accepts `'148px'`/`'30rem'` strings too. React
+ * Native styles are unitless numbers and it has no root font size, so a string
+ * form would have nothing to resolve against — zest takes numbers only.
+ */
+export declare function resolveSnapPointHeight(snapPoint: DrawerSnapPoint, viewportHeight: number): number | null;
+/** The index of the value closest to `target`, or `-1` when there are none. */
+export declare function closestSnapPointIndex(values: number[], target: number): number;
+export declare function resolveSnapPoints(snapPoints: readonly DrawerSnapPoint[] | undefined, popupHeight: number, viewportHeight: number): ResolvedDrawerSnapPoint[];
+/**
+ * Resolves the drawer's snap points against the measured popup and the window.
+ *
+ * Upstream measures the viewport element and watches it with a `ResizeObserver`.
+ * React Native has `useWindowDimensions`, which already re-renders on rotation —
+ * and a drawer's Modal is full-screen (`statusBarTranslucent`), so the window
+ * *is* the viewport.
+ */
+export declare function useDrawerSnapPoints(): {
+    snapPoints: readonly number[] | undefined;
+    snapToSequentialPoints: boolean;
+    activeSnapPoint: number | null | undefined;
+    setActiveSnapPoint: (snapPoint: DrawerSnapPoint | null, eventDetails: import("./DrawerRoot").DrawerRoot.SnapPointChangeEventDetails) => void;
+    resolvedSnapPoints: ResolvedDrawerSnapPoint[];
+    activeSnapPointOffset: number | null;
+    hasSnapPoints: boolean;
+};
+//# sourceMappingURL=useDrawerSnapPoints.d.ts.map

package/lib/drawer/root/useDrawerSnapPoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerSnapPoints.d.ts","sourceRoot":"","sources":["../../../src/drawer/root/useDrawerSnapPoints.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,eAAe,CAAC;IACvB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM,CAO3F;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAUxF;AAED,+EAA+E;AAC/E,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAa9E;AAED,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,SAAS,eAAe,EAAE,GAAG,SAAS,EAClD,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,GACrB,uBAAuB,EAAE,CA2C3B;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB;;;;;;;;EAsDlC"}