@limonify/zest-ui 0.1.0

package/lib/dialog/trigger/DialogTrigger.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { Pressable } from 'react-native';
+import type { DialogHandle } from '../store/DialogHandle';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A button that opens the dialog.
+ * Renders a `<Pressable>`.
+ *
+ * Pass a `handle` to render a trigger outside of its `Dialog.Root`: there is no
+ * context reaching across, so the handle is what connects the two.
+ */
+export declare function DialogTrigger<Payload = unknown>(componentProps: DialogTrigger.Props<Payload>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export interface DialogTriggerState {
+    /**
+     * Whether the component should ignore user interaction.
+     */
+    disabled: boolean;
+    /**
+     * Whether the dialog is currently open.
+     */
+    open: boolean;
+    /**
+     * Whether the trigger is currently pressed.
+     */
+    pressed: boolean;
+}
+export interface DialogTriggerProps<Payload = unknown> extends ZestUIComponentProps<typeof Pressable, DialogTriggerState> {
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * A handle shared with a `Dialog.Root`, which is what lets this trigger live
+     * outside of it. Create one with `Dialog.createHandle()`.
+     *
+     * The trigger's `nativeID` is the id a handle's `open(triggerId)` resolves.
+     */
+    handle?: DialogHandle<Payload> | undefined;
+    /**
+     * A payload handed to the root's children when they are a function.
+     */
+    payload?: Payload | undefined;
+}
+export declare namespace DialogTrigger {
+    type State = DialogTriggerState;
+    type Props<Payload = unknown> = DialogTriggerProps<Payload>;
+}
+//# sourceMappingURL=DialogTrigger.d.ts.map

package/lib/dialog/trigger/DialogTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTrigger.d.ts","sourceRoot":"","sources":["../../../src/dialog/trigger/DialogTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAQrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAG,OAAO,EAAE,cAAc,EAAE,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,0EAqF5F;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB,CAAC,OAAO,GAAG,OAAO,CACnD,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,kBAAkB,CAAC;IAClE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED,yBAAiB,aAAa,CAAC;IAC7B,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,CAAC,OAAO,GAAG,OAAO,IAAI,kBAAkB,CAAC,OAAO,CAAC,CAAC;CACpE"}

package/lib/dialog/trigger/DialogTrigger.js

@@ -0,0 +1,117 @@
+"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.DialogTrigger = DialogTrigger;
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const DialogRootContext_1 = require("../root/DialogRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useButton_1 = require("../../internals/use-button/useButton");
+const useId_1 = require("../../hooks/useId");
+const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
+const useMergedRefs_1 = require("../../hooks/useMergedRefs");
+const usePopupHandleStore_1 = require("../../utils/popups/usePopupHandleStore");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+/**
+ * A button that opens the dialog.
+ * Renders a `<Pressable>`.
+ *
+ * Pass a `handle` to render a trigger outside of its `Dialog.Root`: there is no
+ * context reaching across, so the handle is what connects the two.
+ */
+function DialogTrigger(componentProps) {
+    const { render, className, style, disabled = false, handle, nativeID: idProp, payload, ref, ...elementProps } = componentProps;
+    const rootStore = React.useContext(DialogRootContext_1.DialogRootContext);
+    const handleStore = (0, usePopupHandleStore_1.usePopupHandleStore)(handle);
+    // A trigger inside a root uses that root; a detached one follows its handle,
+    // which resolves to the attached root's store or to an inert fallback.
+    const store = (handleStore !== null && handleStore !== void 0 ? handleStore : rootStore);
+    if (store === undefined) {
+        throw new Error('Zest: Dialog.Trigger must be placed within <Dialog.Root>, or given a `handle` it shares with one.');
+    }
+    const id = (0, useId_1.useId)(idProp !== null && idProp !== void 0 ? idProp : undefined);
+    const open = store.useState('open');
+    const [pressed, setPressed] = React.useState(false);
+    const { getButtonProps } = (0, useButton_1.useButton)({ disabled });
+    const triggerRef = React.useRef(null);
+    const registerRef = React.useCallback((node) => {
+        triggerRef.current = node;
+    }, []);
+    const mergedRef = (0, useMergedRefs_1.useMergedRefs)(ref, registerRef);
+    // Registering into whichever store is current is what lets a handle resolve
+    // `open(id)`. The effect re-runs when the handle swaps stores, migrating the
+    // registration to the root that just attached.
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        if (id === undefined) {
+            return undefined;
+        }
+        store.context.triggerNodes.add(id, triggerRef.current);
+        return () => {
+            store.context.triggerNodes.delete(id);
+        };
+    }, [store, id]);
+    const state = { disabled, open, pressed };
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
+        state,
+        ref: mergedRef,
+        props: [
+            {
+                nativeID: id,
+                onPress(event) {
+                    if (payload !== undefined) {
+                        store.set('payload', payload);
+                    }
+                    if (id !== undefined) {
+                        store.set('triggerId', id);
+                    }
+                    store.setOpen(true, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.triggerPress, event));
+                },
+                onPressIn() {
+                    setPressed(true);
+                },
+                onPressOut() {
+                    setPressed(false);
+                },
+                accessibilityState: { expanded: open, disabled: disabled || undefined },
+                'aria-haspopup': 'dialog',
+            },
+            elementProps,
+            getButtonProps,
+        ],
+    });
+}
+//# sourceMappingURL=DialogTrigger.js.map

package/lib/dialog/trigger/DialogTrigger.js.map

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

package/lib/dialog/viewport/DialogViewport.d.ts

@@ -0,0 +1,22 @@
+import { Pressable } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A positioning container for the dialog popup.
+ * Renders a full-screen `<Pressable>` that dismisses the dialog on outside
+ * press (unless `disablePointerDismissal` is set on the root). Presses inside
+ * `<Dialog.Popup>` are claimed by the popup and never reach the viewport.
+ */
+export declare function DialogViewport(componentProps: DialogViewport.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export interface DialogViewportState {
+    /**
+     * Whether the dialog is currently open.
+     */
+    open: boolean;
+}
+export interface DialogViewportProps extends ZestUIComponentProps<typeof Pressable, DialogViewportState> {
+}
+export declare namespace DialogViewport {
+    type State = DialogViewportState;
+    type Props = DialogViewportProps;
+}
+//# sourceMappingURL=DialogViewport.d.ts.map

package/lib/dialog/viewport/DialogViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogViewport.d.ts","sourceRoot":"","sources":["../../../src/dialog/viewport/DialogViewport.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA0C,MAAM,cAAc,CAAC;AAIjF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,KAAK,qGA+BlE;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,mBACf,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,mBAAmB,CAAC;CAAG;AAExE,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,mBAAmB,CAAC;CACzC"}

package/lib/dialog/viewport/DialogViewport.js

@@ -0,0 +1,44 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogViewport = DialogViewport;
+const react_native_1 = require("react-native");
+const DialogRootContext_1 = require("../root/DialogRootContext");
+const DialogPortalContext_1 = require("../portal/DialogPortalContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+/**
+ * A positioning container for the dialog popup.
+ * Renders a full-screen `<Pressable>` that dismisses the dialog on outside
+ * press (unless `disablePointerDismissal` is set on the root). Presses inside
+ * `<Dialog.Popup>` are claimed by the popup and never reach the viewport.
+ */
+function DialogViewport(componentProps) {
+    const { render, className, style, children, ref, ...elementProps } = componentProps;
+    const keepMounted = (0, DialogPortalContext_1.useDialogPortalContext)();
+    const store = (0, DialogRootContext_1.useDialogRootContext)();
+    const open = store.useState('open');
+    const state = { open };
+    const shouldRender = keepMounted || open;
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
+        enabled: shouldRender,
+        state,
+        ref,
+        props: [
+            {
+                style: react_native_1.StyleSheet.absoluteFill,
+                accessible: false,
+                onPress(event) {
+                    if (store.state.disablePointerDismissal) {
+                        return;
+                    }
+                    store.setOpen(false, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.outsidePress, event));
+                },
+                children,
+            },
+            elementProps,
+        ],
+    });
+}
+//# sourceMappingURL=DialogViewport.js.map

package/lib/dialog/viewport/DialogViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogViewport.js","sourceRoot":"","sources":["../../../src/dialog/viewport/DialogViewport.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAeb,wCA+BC;AA7CD,+CAAiF;AACjF,iEAAiE;AACjE,uEAAuE;AACvE,wEAAqE;AAErE,mFAAgF;AAChF,iDAA8C;AAE9C;;;;;GAKG;AACH,SAAgB,cAAc,CAAC,cAAoC;IACjE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAEpF,MAAM,WAAW,GAAG,IAAA,4CAAsB,GAAE,CAAC;IAC7C,MAAM,KAAK,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAErC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,KAAK,GAAwB,EAAE,IAAI,EAAE,CAAC;IAE5C,MAAM,YAAY,GAAG,WAAW,IAAI,IAAI,CAAC;IAEzC,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,OAAO,EAAE,YAAY;QACrB,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,yBAAU,CAAC,YAAY;gBAC9B,UAAU,EAAE,KAAK;gBACjB,OAAO,CAAC,KAA4B;oBAClC,IAAI,KAAK,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAC;wBACxC,OAAO;oBACT,CAAC;oBACD,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAA,mDAAwB,EAAC,iBAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;gBAC9E,CAAC;gBACD,QAAQ;aACT;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/drawer/handle.d.ts

@@ -0,0 +1,15 @@
+import { DialogHandle } from '../dialog/store/DialogHandle';
+/**
+ * Controls a drawer imperatively, and associates `Drawer.Trigger`s rendered
+ * outside the root with it.
+ *
+ * A drawer reuses the dialog store, so it reuses its handle too — only the name
+ * in warnings differs.
+ */
+export type DrawerHandle<Payload = unknown> = DialogHandle<Payload>;
+/**
+ * Creates a handle that connects a `Drawer.Root` to triggers rendered outside it,
+ * and controls it imperatively.
+ */
+export declare function createDrawerHandle<Payload = unknown>(): DrawerHandle<Payload>;
+//# sourceMappingURL=handle.d.ts.map

package/lib/drawer/handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle.d.ts","sourceRoot":"","sources":["../../src/drawer/handle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,CAAC,OAAO,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC;AAEpE;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,GAAG,OAAO,KAAK,YAAY,CAAC,OAAO,CAAC,CAE7E"}

package/lib/drawer/handle.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDrawerHandle = createDrawerHandle;
+const DialogHandle_1 = require("../dialog/store/DialogHandle");
+/**
+ * Creates a handle that connects a `Drawer.Root` to triggers rendered outside it,
+ * and controls it imperatively.
+ */
+function createDrawerHandle() {
+    return new DialogHandle_1.DialogHandle('Drawer');
+}
+//# sourceMappingURL=handle.js.map

package/lib/drawer/handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle.js","sourceRoot":"","sources":["../../src/drawer/handle.ts"],"names":[],"mappings":";;AAeA,gDAEC;AAjBD,+DAA4D;AAW5D;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,OAAO,IAAI,2BAAY,CAAU,QAAQ,CAAC,CAAC;AAC7C,CAAC"}

package/lib/drawer/index.d.ts

@@ -0,0 +1,8 @@
+export * as Drawer from './index.parts';
+export type * from './root/DrawerRoot';
+export { createDrawerHandle, type DrawerHandle } from './handle';
+export type * from './popup/DrawerPopup';
+export type * from './swipe-area/DrawerSwipeArea';
+export { useDrawerRootContext, type DrawerSnapPoint, type DrawerSwipeDirection, } from './root/DrawerRootContext';
+export { useDrawerSnapPoints, type ResolvedDrawerSnapPoint, } from './root/useDrawerSnapPoints';
+//# sourceMappingURL=index.d.ts.map

package/lib/drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,mBAAmB,mBAAmB,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACjE,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,8BAA8B,CAAC;AAClD,OAAO,EACL,oBAAoB,EACpB,KAAK,eAAe,EACpB,KAAK,oBAAoB,GAC1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,mBAAmB,EACnB,KAAK,uBAAuB,GAC7B,MAAM,4BAA4B,CAAC"}

package/lib/drawer/index.js

@@ -0,0 +1,44 @@
+"use strict";
+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.useDrawerSnapPoints = exports.useDrawerRootContext = exports.createDrawerHandle = exports.Drawer = void 0;
+exports.Drawer = __importStar(require("./index.parts"));
+var handle_1 = require("./handle");
+Object.defineProperty(exports, "createDrawerHandle", { enumerable: true, get: function () { return handle_1.createDrawerHandle; } });
+var DrawerRootContext_1 = require("./root/DrawerRootContext");
+Object.defineProperty(exports, "useDrawerRootContext", { enumerable: true, get: function () { return DrawerRootContext_1.useDrawerRootContext; } });
+var useDrawerSnapPoints_1 = require("./root/useDrawerSnapPoints");
+Object.defineProperty(exports, "useDrawerSnapPoints", { enumerable: true, get: function () { return useDrawerSnapPoints_1.useDrawerSnapPoints; } });
+//# sourceMappingURL=index.js.map

package/lib/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/drawer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAwC;AAGxC,mCAAiE;AAAxD,4GAAA,kBAAkB,OAAA;AAG3B,8DAIkC;AAHhC,yHAAA,oBAAoB,OAAA;AAItB,kEAGoC;AAFlC,0HAAA,mBAAmB,OAAA"}

package/lib/drawer/index.parts.d.ts

@@ -0,0 +1,12 @@
+export { DrawerRoot as Root } from './root/DrawerRoot';
+export { createDrawerHandle as createHandle } from './handle';
+export { DrawerPopup as Popup } from './popup/DrawerPopup';
+export { DrawerSwipeArea as SwipeArea } from './swipe-area/DrawerSwipeArea';
+export { DialogTrigger as Trigger } from '../dialog/trigger/DialogTrigger';
+export { DialogPortal as Portal } from '../dialog/portal/DialogPortal';
+export { DialogBackdrop as Backdrop } from '../dialog/backdrop/DialogBackdrop';
+export { DialogViewport as Viewport } from '../dialog/viewport/DialogViewport';
+export { DialogTitle as Title } from '../dialog/title/DialogTitle';
+export { DialogDescription as Description } from '../dialog/description/DialogDescription';
+export { DialogClose as Close } from '../dialog/close/DialogClose';
+//# sourceMappingURL=index.parts.d.ts.map

package/lib/drawer/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","sourceRoot":"","sources":["../../src/drawer/index.parts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,kBAAkB,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,eAAe,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAI5E,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,iBAAiB,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAC3F,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,6BAA6B,CAAC"}

package/lib/drawer/index.parts.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Close = exports.Description = exports.Title = exports.Viewport = exports.Backdrop = exports.Portal = exports.Trigger = exports.SwipeArea = exports.Popup = exports.createHandle = exports.Root = void 0;
+var DrawerRoot_1 = require("./root/DrawerRoot");
+Object.defineProperty(exports, "Root", { enumerable: true, get: function () { return DrawerRoot_1.DrawerRoot; } });
+var handle_1 = require("./handle");
+Object.defineProperty(exports, "createHandle", { enumerable: true, get: function () { return handle_1.createDrawerHandle; } });
+var DrawerPopup_1 = require("./popup/DrawerPopup");
+Object.defineProperty(exports, "Popup", { enumerable: true, get: function () { return DrawerPopup_1.DrawerPopup; } });
+var DrawerSwipeArea_1 = require("./swipe-area/DrawerSwipeArea");
+Object.defineProperty(exports, "SwipeArea", { enumerable: true, get: function () { return DrawerSwipeArea_1.DrawerSwipeArea; } });
+// A drawer is a dialog with a swipe gesture, so every part but the Root and the
+// Popup is the dialog's own, unchanged — they read the same store.
+var DialogTrigger_1 = require("../dialog/trigger/DialogTrigger");
+Object.defineProperty(exports, "Trigger", { enumerable: true, get: function () { return DialogTrigger_1.DialogTrigger; } });
+var DialogPortal_1 = require("../dialog/portal/DialogPortal");
+Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return DialogPortal_1.DialogPortal; } });
+var DialogBackdrop_1 = require("../dialog/backdrop/DialogBackdrop");
+Object.defineProperty(exports, "Backdrop", { enumerable: true, get: function () { return DialogBackdrop_1.DialogBackdrop; } });
+var DialogViewport_1 = require("../dialog/viewport/DialogViewport");
+Object.defineProperty(exports, "Viewport", { enumerable: true, get: function () { return DialogViewport_1.DialogViewport; } });
+var DialogTitle_1 = require("../dialog/title/DialogTitle");
+Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return DialogTitle_1.DialogTitle; } });
+var DialogDescription_1 = require("../dialog/description/DialogDescription");
+Object.defineProperty(exports, "Description", { enumerable: true, get: function () { return DialogDescription_1.DialogDescription; } });
+var DialogClose_1 = require("../dialog/close/DialogClose");
+Object.defineProperty(exports, "Close", { enumerable: true, get: function () { return DialogClose_1.DialogClose; } });
+//# sourceMappingURL=index.parts.js.map

package/lib/drawer/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","sourceRoot":"","sources":["../../src/drawer/index.parts.ts"],"names":[],"mappings":";;;AAAA,gDAAuD;AAA9C,kGAAA,UAAU,OAAQ;AAC3B,mCAA8D;AAArD,sGAAA,kBAAkB,OAAgB;AAC3C,mDAA2D;AAAlD,oGAAA,WAAW,OAAS;AAC7B,gEAA4E;AAAnE,4GAAA,eAAe,OAAa;AAErC,gFAAgF;AAChF,mEAAmE;AACnE,iEAA2E;AAAlE,wGAAA,aAAa,OAAW;AACjC,8DAAuE;AAA9D,sGAAA,YAAY,OAAU;AAC/B,oEAA+E;AAAtE,0GAAA,cAAc,OAAY;AACnC,oEAA+E;AAAtE,0GAAA,cAAc,OAAY;AACnC,2DAAmE;AAA1D,oGAAA,WAAW,OAAS;AAC7B,6EAA2F;AAAlF,gHAAA,iBAAiB,OAAe;AACzC,2DAAmE;AAA1D,oGAAA,WAAW,OAAS"}

package/lib/drawer/popup/DrawerPopup.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+import { type DrawerSnapPoint, type DrawerSwipeDirection } from '../root/DrawerRootContext';
+/**
+ * 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>`.
+ */
+export declare function DrawerPopup(componentProps: DrawerPopup.Props): React.JSX.Element;
+export interface DrawerPopupState {
+    /**
+     * Whether the drawer is currently open.
+     */
+    open: boolean;
+    /**
+     * Whether a swipe is currently in progress.
+     */
+    swiping: boolean;
+    /**
+     * How far the current swipe has travelled towards `swipeDirection`, in pixels,
+     * and `0` whenever no swipe is in progress. Without snap points this is never
+     * negative; with them it goes negative as the drawer is dragged open.
+     */
+    swipeMovement: number;
+    /**
+     * The direction a swipe must travel to dismiss the drawer.
+     */
+    swipeDirection: DrawerSwipeDirection;
+    /**
+     * The currently active snap point, or `null` when there are none.
+     */
+    snapPoint: DrawerSnapPoint | null;
+    /**
+     * How far the active snap point pushes the popup off the edge, in pixels, or
+     * `null` when there are no snap points. Add `swipeMovement` to it to place the
+     * popup mid-drag.
+     */
+    snapPointOffset: number | null;
+}
+export interface DrawerPopupProps extends ZestUIComponentProps<typeof View, DrawerPopupState> {
+    /**
+     * How far a swipe must travel, in pixels, before it dismisses the drawer. With
+     * snap points, how far past the most-closed one a swipe must go to dismiss
+     * rather than snap.
+     * @default 40
+     */
+    swipeThreshold?: number | undefined;
+}
+export declare namespace DrawerPopup {
+    type State = DrawerPopupState;
+    type Props = DrawerPopupProps;
+}
+//# sourceMappingURL=DrawerPopup.d.ts.map

package/lib/drawer/popup/DrawerPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPopup.d.ts","sourceRoot":"","sources":["../../../src/drawer/popup/DrawerPopup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAA0B,MAAM,cAAc,CAAC;AAK5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,EAAwB,KAAK,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAoBlH;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,qBAoI5D;AAgBD,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,cAAc,EAAE,oBAAoB,CAAC;IACrC;;OAEG;IACH,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC;;;;OAIG;IACH,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC;IAC3F;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACtC"}