@limonify/zest-ui 0.1.0

package/lib/dialog/portal/DialogPortalContext.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.DialogPortalContext = void 0;
+exports.useDialogPortalContext = useDialogPortalContext;
+const React = __importStar(require("react"));
+exports.DialogPortalContext = React.createContext(undefined);
+function useDialogPortalContext() {
+    const context = React.useContext(exports.DialogPortalContext);
+    if (context === undefined) {
+        throw new Error('Zest: <Dialog.Popup> and <Dialog.Viewport> must be used within <Dialog.Portal>.');
+    }
+    return context;
+}
+//# sourceMappingURL=DialogPortalContext.js.map

package/lib/dialog/portal/DialogPortalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogPortalContext.js","sourceRoot":"","sources":["../../../src/dialog/portal/DialogPortalContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKb,wDAMC;AAVD,6CAA+B;AAElB,QAAA,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAsB,SAAS,CAAC,CAAC;AAEvF,SAAgB,sBAAsB;IACpC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAmB,CAAC,CAAC;IACtD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,iFAAiF,CAAC,CAAC;IACrG,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/dialog/root/DialogRoot.d.ts

@@ -0,0 +1,81 @@
+import type * as React from 'react';
+import type { ZestChangeEventDetails } from '../../utils/createChangeEventDetails';
+import type { REASONS } from '../../utils/reasons';
+import type { DialogHandle } from '../store/DialogHandle';
+/**
+ * Groups all parts of the dialog.
+ * Doesn't render its own element.
+ */
+export declare function DialogRoot<Payload = unknown>(props: DialogRoot.Props<Payload>): React.JSX.Element;
+export interface DialogRootState {
+}
+export interface DialogRootActions {
+    /**
+     * Unmounts the dialog without firing `onOpenChange`. Call it after an
+     * externally controlled closing animation finishes.
+     */
+    unmount: () => void;
+    /**
+     * Closes the dialog, reporting the `imperative-action` reason.
+     */
+    close: () => void;
+}
+export interface DialogRootProps<Payload = unknown> {
+    /**
+     * Whether the dialog is currently open.
+     */
+    open?: boolean | undefined;
+    /**
+     * Whether the dialog is initially open.
+     *
+     * To render a controlled dialog, use the `open` prop instead.
+     * @default false
+     */
+    defaultOpen?: boolean | undefined;
+    /**
+     * Event handler called when the dialog is opened or closed.
+     */
+    onOpenChange?: ((open: boolean, eventDetails: DialogRoot.ChangeEventDetails) => void) | undefined;
+    /**
+     * Whether to prevent the dialog from closing on presses outside the popup.
+     * @default false
+     */
+    disablePointerDismissal?: boolean | undefined;
+    /**
+     * A ref to imperative actions.
+     */
+    actionsRef?: React.RefObject<DialogRoot.Actions | null> | undefined;
+    /**
+     * A handle associating this dialog with triggers rendered outside it, and
+     * letting it be opened and closed imperatively. Create one with
+     * `Dialog.createHandle()`.
+     */
+    handle?: DialogHandle<Payload> | undefined;
+    /**
+     * The id of the trigger the dialog is associated with. Useful together with
+     * the `open` prop, to control which trigger a controlled dialog belongs to.
+     */
+    triggerId?: string | null | undefined;
+    /**
+     * The id of the trigger the dialog is initially associated with. Useful
+     * together with `defaultOpen`.
+     */
+    defaultTriggerId?: string | null | undefined;
+    /**
+     * The content of the dialog.
+     *
+     * Pass a function to receive the payload the dialog was opened with, via the
+     * handle's `openWithPayload()` or a trigger's `payload` prop.
+     */
+    children?: React.ReactNode | ((payload: Payload) => React.ReactNode);
+}
+export type DialogRootChangeEventReason = typeof REASONS.triggerPress | typeof REASONS.outsidePress | typeof REASONS.escapeKey | typeof REASONS.closePress | typeof REASONS.imperativeAction | typeof REASONS.none;
+export type DialogRootChangeEventDetails = ZestChangeEventDetails<DialogRootChangeEventReason>;
+export declare namespace DialogRoot {
+    type State = DialogRootState;
+    type Props<Payload = unknown> = DialogRootProps<Payload>;
+    type Actions = DialogRootActions;
+    type ChangeEventReason = DialogRootChangeEventReason;
+    type ChangeEventDetails = DialogRootChangeEventDetails;
+}
+//# sourceMappingURL=DialogRoot.d.ts.map

package/lib/dialog/root/DialogRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogRoot.d.ts","sourceRoot":"","sources":["../../../src/dialog/root/DialogRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAG,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,qBAE7E;AAED,MAAM,WAAW,eAAe;CAAG;AAEnC,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,eAAe,CAAC,OAAO,GAAG,OAAO;IAChD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EACT,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,CAAC,kBAAkB,KAAK,IAAI,CAAC,GACtE,SAAS,CAAC;IACd;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACtE;AAED,MAAM,MAAM,2BAA2B,GACnC,OAAO,OAAO,CAAC,YAAY,GAC3B,OAAO,OAAO,CAAC,YAAY,GAC3B,OAAO,OAAO,CAAC,SAAS,GACxB,OAAO,OAAO,CAAC,UAAU,GACzB,OAAO,OAAO,CAAC,gBAAgB,GAC/B,OAAO,OAAO,CAAC,IAAI,CAAC;AAExB,MAAM,MAAM,4BAA4B,GAAG,sBAAsB,CAAC,2BAA2B,CAAC,CAAC;AAE/F,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,CAAC,OAAO,GAAG,OAAO,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC;IAChE,KAAY,OAAO,GAAG,iBAAiB,CAAC;IACxC,KAAY,iBAAiB,GAAG,2BAA2B,CAAC;IAC5D,KAAY,kBAAkB,GAAG,4BAA4B,CAAC;CAC/D"}

package/lib/dialog/root/DialogRoot.js

@@ -0,0 +1,13 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogRoot = DialogRoot;
+const useRenderDialogRoot_1 = require("./useRenderDialogRoot");
+/**
+ * Groups all parts of the dialog.
+ * Doesn't render its own element.
+ */
+function DialogRoot(props) {
+    return (0, useRenderDialogRoot_1.useRenderDialogRoot)(props, 'dialog');
+}
+//# sourceMappingURL=DialogRoot.js.map

package/lib/dialog/root/DialogRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogRoot.js","sourceRoot":"","sources":["../../../src/dialog/root/DialogRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAWb,gCAEC;AARD,+DAA4D;AAE5D;;;GAGG;AACH,SAAgB,UAAU,CAAoB,KAAgC;IAC5E,OAAO,IAAA,yCAAmB,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC9C,CAAC"}

package/lib/dialog/root/DialogRootContext.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { DialogStore } from '../store/DialogStore';
+export declare const DialogRootContext: React.Context<DialogStore<any> | undefined>;
+export declare function useDialogRootContext(): DialogStore<any>;
+//# sourceMappingURL=DialogRootContext.d.ts.map

package/lib/dialog/root/DialogRootContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogRootContext.d.ts","sourceRoot":"","sources":["../../../src/dialog/root/DialogRootContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAKxD,eAAO,MAAM,iBAAiB,6CAA+D,CAAC;AAE9F,wBAAgB,oBAAoB,qBASnC"}

package/lib/dialog/root/DialogRootContext.js

@@ -0,0 +1,51 @@
+"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.DialogRootContext = void 0;
+exports.useDialogRootContext = useDialogRootContext;
+const React = __importStar(require("react"));
+// `any` rather than a concrete reason: the store is generic over the reasons its
+// variant can emit, and typing the context with one variant's union would make
+// the others' stores unassignable. See DialogStore.
+exports.DialogRootContext = React.createContext(undefined);
+function useDialogRootContext() {
+    const context = React.useContext(exports.DialogRootContext);
+    if (context === undefined) {
+        throw new Error('Zest: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.');
+    }
+    return context;
+}
+//# sourceMappingURL=DialogRootContext.js.map

package/lib/dialog/root/DialogRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogRootContext.js","sourceRoot":"","sources":["../../../src/dialog/root/DialogRootContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASb,oDASC;AAjBD,6CAA+B;AAG/B,iFAAiF;AACjF,+EAA+E;AAC/E,oDAAoD;AACvC,QAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAA+B,SAAS,CAAC,CAAC;AAE9F,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/dialog/root/useRenderDialogRoot.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { DialogRootProps } from './DialogRoot';
+export type DialogRootMode = 'dialog' | 'alert-dialog';
+/**
+ * The shared Root implementation behind `Dialog.Root` and `AlertDialog.Root`.
+ *
+ * An alert dialog is a dialog that never dismisses on an outside press and
+ * announces itself as `alertdialog`.
+ */
+export declare function useRenderDialogRoot<Payload = unknown>(props: DialogRootProps<Payload>, mode?: DialogRootMode): React.JSX.Element;
+//# sourceMappingURL=useRenderDialogRoot.d.ts.map

package/lib/dialog/root/useRenderDialogRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderDialogRoot.d.ts","sourceRoot":"","sources":["../../../src/dialog/root/useRenderDialogRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,cAAc,CAAC;AAEvD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,GAAG,OAAO,EACnD,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,EAC/B,IAAI,GAAE,cAAyB,qBA4ChC"}

package/lib/dialog/root/useRenderDialogRoot.js

@@ -0,0 +1,37 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRenderDialogRoot = useRenderDialogRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useRefWithInit_1 = require("../../hooks/useRefWithInit");
+const usePopupRootHandle_1 = require("../../utils/popups/usePopupRootHandle");
+const DialogStore_1 = require("../store/DialogStore");
+const DialogRootContext_1 = require("./DialogRootContext");
+/**
+ * The shared Root implementation behind `Dialog.Root` and `AlertDialog.Root`.
+ *
+ * An alert dialog is a dialog that never dismisses on an outside press and
+ * announces itself as `alertdialog`.
+ */
+function useRenderDialogRoot(props, mode = 'dialog') {
+    const { actionsRef, children, defaultOpen = false, defaultTriggerId = null, disablePointerDismissal: disablePointerDismissalProp = false, handle, onOpenChange, open, triggerId, } = props;
+    const isAlertDialog = mode === 'alert-dialog';
+    const disablePointerDismissal = isAlertDialog || disablePointerDismissalProp;
+    const role = isAlertDialog ? 'alertdialog' : 'dialog';
+    const store = (0, useRefWithInit_1.useRefWithInit)(() => new DialogStore_1.DialogStore({
+        open: defaultOpen,
+        openProp: open,
+        disablePointerDismissal,
+        role,
+        triggerId: defaultTriggerId,
+        triggerIdProp: triggerId,
+    })).current;
+    store.useControlledProp('openProp', open);
+    store.useControlledProp('triggerIdProp', triggerId);
+    store.useContextCallback('onOpenChange', onOpenChange);
+    store.useSyncedValues({ disablePointerDismissal, role });
+    (0, usePopupRootHandle_1.usePopupRootHandle)({ store, handle, actionsRef });
+    const payload = store.useState('payload');
+    return ((0, jsx_runtime_1.jsx)(DialogRootContext_1.DialogRootContext.Provider, { value: store, children: typeof children === 'function' ? children(payload) : children }));
+}
+//# sourceMappingURL=useRenderDialogRoot.js.map

package/lib/dialog/root/useRenderDialogRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderDialogRoot.js","sourceRoot":"","sources":["../../../src/dialog/root/useRenderDialogRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgBb,kDA8CC;;AA5DD,+DAA4D;AAC5D,8EAA2E;AAC3E,sDAAmD;AAEnD,2DAAwD;AAIxD;;;;;GAKG;AACH,SAAgB,mBAAmB,CACjC,KAA+B,EAC/B,OAAuB,QAAQ;IAE/B,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,gBAAgB,GAAG,IAAI,EACvB,uBAAuB,EAAE,2BAA2B,GAAG,KAAK,EAC5D,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAI,KAAK,cAAc,CAAC;IAC9C,MAAM,uBAAuB,GAAG,aAAa,IAAI,2BAA2B,CAAC;IAC7E,MAAM,IAAI,GAA6B,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhF,MAAM,KAAK,GAAG,IAAA,+BAAc,EAC1B,GAAG,EAAE,CACH,IAAI,yBAAW,CAAC;QACd,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,IAAI;QACd,uBAAuB;QACvB,IAAI;QACJ,SAAS,EAAE,gBAAgB;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC,CACL,CAAC,OAAO,CAAC;IAEV,KAAK,CAAC,iBAAiB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,iBAAiB,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;IACpD,KAAK,CAAC,kBAAkB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACvD,KAAK,CAAC,eAAe,CAAC,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC,CAAC;IAEzD,IAAA,uCAAkB,EAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAY,CAAC;IAErD,OAAO,CACL,uBAAC,qCAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACrC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,GACnC,CAC9B,CAAC;AACJ,CAAC"}

package/lib/dialog/store/DialogHandle.d.ts

@@ -0,0 +1,45 @@
+import { DialogStore } from './DialogStore';
+import { BasePopupHandle } from '../../utils/popups/BasePopupHandle';
+/**
+ * Controls a dialog imperatively, and associates `Dialog.Trigger`s rendered
+ * outside the root with it. Create one with `Dialog.createHandle()` and pass it
+ * to the root's and the triggers' `handle` prop.
+ *
+ * The imperative methods only take effect while a root using this handle is
+ * mounted; calls made before one attaches (or after it unmounts) are ignored.
+ */
+export declare class DialogHandle<Payload = unknown> extends BasePopupHandle<DialogStore<any>, DialogStore<any>> {
+    constructor(componentName?: string);
+    /**
+     * Opens the dialog, optionally associating it with a trigger.
+     *
+     * Call this from an event handler or an effect, never during rendering.
+     *
+     * @param triggerId The id of a mounted `Dialog.Trigger` carrying this handle,
+     * or `null` to open without associating one.
+     */
+    open(triggerId?: string | null): void;
+    /**
+     * Opens the dialog with a payload, without associating it with a trigger. The
+     * payload reaches the root's children when they are a function.
+     *
+     * Call this from an event handler or an effect, never during rendering.
+     */
+    openWithPayload(payload: Payload): void;
+    /**
+     * Closes the dialog.
+     *
+     * Call this from an event handler or an effect, never during rendering.
+     */
+    close(): void;
+    /**
+     * Whether the dialog is open. `false` while no root is attached.
+     */
+    get isOpen(): boolean;
+}
+/**
+ * Creates a handle that connects a `Dialog.Root` to `Dialog.Trigger`s rendered
+ * outside it, and controls it imperatively.
+ */
+export declare function createDialogHandle<Payload = unknown>(): DialogHandle<Payload>;
+//# sourceMappingURL=DialogHandle.d.ts.map

package/lib/dialog/store/DialogHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHandle.d.ts","sourceRoot":"","sources":["../../../src/dialog/store/DialogHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE;;;;;;;GAOG;AACH,qBAAa,YAAY,CAAC,OAAO,GAAG,OAAO,CAAE,SAAQ,eAAe,CAClE,WAAW,CAAC,GAAG,CAAC,EAChB,WAAW,CAAC,GAAG,CAAC,CACjB;gBACa,aAAa,GAAE,MAAiB;IAO5C;;;;;;;OAOG;IACH,IAAI,CAAC,SAAS,GAAE,MAAM,GAAG,IAAW;IAIpC;;;;;OAKG;IACH,eAAe,CAAC,OAAO,EAAE,OAAO;IAiBhC;;;;OAIG;IACH,KAAK;IAIL;;OAEG;IACH,IAAI,MAAM,YAET;CACF;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,GAAG,OAAO,KAAK,YAAY,CAAC,OAAO,CAAC,CAE7E"}

package/lib/dialog/store/DialogHandle.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogHandle = void 0;
+exports.createDialogHandle = createDialogHandle;
+const DialogStore_1 = require("./DialogStore");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+const BasePopupHandle_1 = require("../../utils/popups/BasePopupHandle");
+/**
+ * Controls a dialog imperatively, and associates `Dialog.Trigger`s rendered
+ * outside the root with it. Create one with `Dialog.createHandle()` and pass it
+ * to the root's and the triggers' `handle` prop.
+ *
+ * The imperative methods only take effect while a root using this handle is
+ * mounted; calls made before one attaches (or after it unmounts) are ignored.
+ */
+class DialogHandle extends BasePopupHandle_1.BasePopupHandle {
+    constructor(componentName = 'Dialog') {
+        // An inert, closed store for detached triggers to register into while no root
+        // is mounted. `false`: a dialog is not anchored, so opening it by an unknown
+        // trigger id is a warning rather than an error.
+        super(new DialogStore_1.DialogStore(), componentName, false);
+    }
+    /**
+     * Opens the dialog, optionally associating it with a trigger.
+     *
+     * Call this from an event handler or an effect, never during rendering.
+     *
+     * @param triggerId The id of a mounted `Dialog.Trigger` carrying this handle,
+     * or `null` to open without associating one.
+     */
+    open(triggerId = null) {
+        this.openByTrigger(triggerId);
+    }
+    /**
+     * Opens the dialog with a payload, without associating it with a trigger. The
+     * payload reaches the root's children when they are a function.
+     *
+     * Call this from an event handler or an effect, never during rendering.
+     */
+    openWithPayload(payload) {
+        const attachedStore = this.attachedStore;
+        if (attachedStore === null) {
+            if (process.env.NODE_ENV !== 'production') {
+                console.warn('Zest: DialogHandle.openWithPayload() was called while no root using this handle is mounted. ' +
+                    'The call and its payload were ignored; mount a root with this handle before opening it imperatively.');
+            }
+            return;
+        }
+        attachedStore.set('payload', payload);
+        attachedStore.setOpen(true, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.imperativeAction));
+    }
+    /**
+     * Closes the dialog.
+     *
+     * Call this from an event handler or an effect, never during rendering.
+     */
+    close() {
+        this.closePopup();
+    }
+    /**
+     * Whether the dialog is open. `false` while no root is attached.
+     */
+    get isOpen() {
+        var _a, _b;
+        return (_b = (_a = this.attachedStore) === null || _a === void 0 ? void 0 : _a.select('open')) !== null && _b !== void 0 ? _b : false;
+    }
+}
+exports.DialogHandle = DialogHandle;
+/**
+ * Creates a handle that connects a `Dialog.Root` to `Dialog.Trigger`s rendered
+ * outside it, and controls it imperatively.
+ */
+function createDialogHandle() {
+    return new DialogHandle();
+}
+//# sourceMappingURL=DialogHandle.js.map

package/lib/dialog/store/DialogHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHandle.js","sourceRoot":"","sources":["../../../src/dialog/store/DialogHandle.ts"],"names":[],"mappings":";;;AAgFA,gDAEC;AAlFD,+CAA4C;AAC5C,mFAAgF;AAChF,iDAA8C;AAC9C,wEAAqE;AAErE;;;;;;;GAOG;AACH,MAAa,YAAgC,SAAQ,iCAGpD;IACC,YAAY,gBAAwB,QAAQ;QAC1C,8EAA8E;QAC9E,6EAA6E;QAC7E,gDAAgD;QAChD,KAAK,CAAC,IAAI,yBAAW,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;IAED;;;;;;;OAOG;IACH,IAAI,CAAC,YAA2B,IAAI;QAClC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED;;;;;OAKG;IACH,eAAe,CAAC,OAAgB;QAC9B,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;QAEzC,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;YAC3B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;gBAC1C,OAAO,CAAC,IAAI,CACV,8FAA8F;oBAC5F,sGAAsG,CACzG,CAAC;YACJ,CAAC;YACD,OAAO;QACT,CAAC;QAED,aAAa,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACtC,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,IAAA,mDAAwB,EAAC,iBAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAClF,CAAC;IAED;;;;OAIG;IACH,KAAK;QACH,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED;;OAEG;IACH,IAAI,MAAM;;QACR,OAAO,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,CAAC,MAAM,CAAC,mCAAI,KAAK,CAAC;IACrD,CAAC;CACF;AA7DD,oCA6DC;AAED;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,OAAO,IAAI,YAAY,EAAW,CAAC;AACrC,CAAC"}

package/lib/dialog/store/DialogStore.d.ts

@@ -0,0 +1,71 @@
+import { ReactStore } from '../../store/ReactStore';
+import type { ZestChangeEventDetails } from '../../utils/createChangeEventDetails';
+import { PopupTriggerMap } from '../../utils/popups/PopupTriggerMap';
+import type { DialogRootChangeEventReason } from '../root/DialogRoot';
+export type State = {
+    /**
+     * The uncontrolled open state. Consumers must read through the `open`
+     * selector, which resolves the controlled prop first.
+     */
+    open: boolean;
+    /**
+     * The controlled `open` prop, when provided. Takes precedence over the
+     * internal `open` state (mirrors Base UI's popup store).
+     */
+    openProp: boolean | undefined;
+    titleElementId: string | undefined;
+    descriptionElementId: string | undefined;
+    disablePointerDismissal: boolean;
+    /**
+     * `alertdialog` for AlertDialog, which reuses this store and every Dialog part.
+     */
+    role: 'dialog' | 'alertdialog';
+    /**
+     * The payload of the trigger the dialog was opened by, handed to the root's
+     * children when they are a function.
+     */
+    payload: unknown;
+    /**
+     * The id of the trigger the dialog is associated with, or `null` for none.
+     */
+    triggerId: string | null;
+    /**
+     * The controlled `triggerId` prop, when provided.
+     */
+    triggerIdProp: string | null | undefined;
+};
+type Context<Reason extends string> = {
+    onOpenChange: ((open: boolean, eventDetails: ZestChangeEventDetails<Reason>) => void) | undefined;
+    /**
+     * Every trigger bound to this dialog, by id. A handle resolves `open(id)`
+     * through this, which is what lets a trigger rendered outside the root open it.
+     */
+    triggerNodes: PopupTriggerMap;
+};
+declare const selectors: {
+    open: (state: State) => boolean;
+    titleElementId: (state: State) => string | undefined;
+    payload: (state: State) => unknown;
+    triggerId: (state: State) => string | null;
+    descriptionElementId: (state: State) => string | undefined;
+    disablePointerDismissal: (state: State) => boolean;
+    role: (state: State) => "dialog" | "alertdialog";
+};
+/**
+ * React Native adaptation of Base UI's DialogStore.
+ *
+ * `Dialog`, `AlertDialog` and `Drawer` all share this store but do not dismiss
+ * for the same set of reasons — only a drawer can be swiped away. The store is
+ * generic over that union so no variant advertises a reason it cannot emit, and
+ * `DialogRootContext` erases it to `any` (the same trick the group components
+ * use) so the parts stay non-generic.
+ *
+ * TODO(later): nested dialog counting, openMethod interaction typing,
+ * transitions (`mounted`/`transitionStatus`), handles/payloads.
+ */
+export declare class DialogStore<Reason extends string = DialogRootChangeEventReason> extends ReactStore<Readonly<State>, Context<Reason>, typeof selectors> {
+    constructor(initialState?: Partial<State>);
+    setOpen: (nextOpen: boolean, eventDetails: ZestChangeEventDetails<Reason>) => void;
+}
+export {};
+//# sourceMappingURL=DialogStore.d.ts.map

package/lib/dialog/store/DialogStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogStore.d.ts","sourceRoot":"","sources":["../../../src/dialog/store/DialogStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AAEtE,MAAM,MAAM,KAAK,GAAG;IAClB;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,uBAAuB,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC;IAC/B;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,KAAK,OAAO,CAAC,MAAM,SAAS,MAAM,IAAI;IACpC,YAAY,EACR,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,sBAAsB,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,GACvE,SAAS,CAAC;IACd;;;OAGG;IACH,YAAY,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;CAQd,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,qBAAa,WAAW,CAAC,MAAM,SAAS,MAAM,GAAG,2BAA2B,CAAE,SAAQ,UAAU,CAC9F,QAAQ,CAAC,KAAK,CAAC,EACf,OAAO,CAAC,MAAM,CAAC,EACf,OAAO,SAAS,CACjB;gBACa,YAAY,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC;IAmBlC,OAAO,GAAI,UAAU,OAAO,EAAE,cAAc,sBAAsB,CAAC,MAAM,CAAC,UAY/E;CACH"}

package/lib/dialog/store/DialogStore.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogStore = void 0;
+const createSelector_1 = require("../../store/createSelector");
+const ReactStore_1 = require("../../store/ReactStore");
+const PopupTriggerMap_1 = require("../../utils/popups/PopupTriggerMap");
+const selectors = {
+    open: (0, createSelector_1.createSelector)((state) => { var _a; return (_a = state.openProp) !== null && _a !== void 0 ? _a : state.open; }),
+    titleElementId: (0, createSelector_1.createSelector)((state) => state.titleElementId),
+    payload: (0, createSelector_1.createSelector)((state) => state.payload),
+    triggerId: (0, createSelector_1.createSelector)((state) => { var _a; return (_a = state.triggerIdProp) !== null && _a !== void 0 ? _a : state.triggerId; }),
+    descriptionElementId: (0, createSelector_1.createSelector)((state) => state.descriptionElementId),
+    disablePointerDismissal: (0, createSelector_1.createSelector)((state) => state.disablePointerDismissal),
+    role: (0, createSelector_1.createSelector)((state) => state.role),
+};
+/**
+ * React Native adaptation of Base UI's DialogStore.
+ *
+ * `Dialog`, `AlertDialog` and `Drawer` all share this store but do not dismiss
+ * for the same set of reasons — only a drawer can be swiped away. The store is
+ * generic over that union so no variant advertises a reason it cannot emit, and
+ * `DialogRootContext` erases it to `any` (the same trick the group components
+ * use) so the parts stay non-generic.
+ *
+ * TODO(later): nested dialog counting, openMethod interaction typing,
+ * transitions (`mounted`/`transitionStatus`), handles/payloads.
+ */
+class DialogStore extends ReactStore_1.ReactStore {
+    constructor(initialState) {
+        super({
+            open: false,
+            openProp: undefined,
+            titleElementId: undefined,
+            descriptionElementId: undefined,
+            disablePointerDismissal: false,
+            role: 'dialog',
+            payload: undefined,
+            triggerId: null,
+            triggerIdProp: undefined,
+            ...initialState,
+        }, { onOpenChange: undefined, triggerNodes: new PopupTriggerMap_1.PopupTriggerMap() }, selectors);
+        this.setOpen = (nextOpen, eventDetails) => {
+            var _a, _b;
+            if (nextOpen === this.select('open')) {
+                return;
+            }
+            (_b = (_a = this.context).onOpenChange) === null || _b === void 0 ? void 0 : _b.call(_a, nextOpen, eventDetails);
+            if (eventDetails.isCanceled) {
+                return;
+            }
+            this.set('open', nextOpen);
+        };
+    }
+}
+exports.DialogStore = DialogStore;
+//# sourceMappingURL=DialogStore.js.map

package/lib/dialog/store/DialogStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogStore.js","sourceRoot":"","sources":["../../../src/dialog/store/DialogStore.ts"],"names":[],"mappings":";;;AAAA,+DAA4D;AAC5D,uDAAoD;AAEpD,wEAAqE;AA+CrE,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK,CAAC,IAAI,CAAA,EAAA,CAAC;IACpE,cAAc,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC;IACtE,OAAO,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;IACxD,SAAS,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC,SAAS,CAAA,EAAA,CAAC;IACnF,oBAAoB,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC;IAClF,uBAAuB,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC;IACxF,IAAI,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;CACnD,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAa,WAAiE,SAAQ,uBAIrF;IACC,YAAY,YAA6B;QACvC,KAAK,CACH;YACE,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,SAAS;YACzB,oBAAoB,EAAE,SAAS;YAC/B,uBAAuB,EAAE,KAAK;YAC9B,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,IAAI;YACf,aAAa,EAAE,SAAS;YACxB,GAAG,YAAY;SAChB,EACD,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,iCAAe,EAAE,EAAE,EAChE,SAAS,CACV,CAAC;QAGG,YAAO,GAAG,CAAC,QAAiB,EAAE,YAA4C,EAAE,EAAE;;YACnF,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;gBACrC,OAAO;YACT,CAAC;YAED,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,YAAY,mDAAG,QAAQ,EAAE,YAAY,CAAC,CAAC;YAEpD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;gBAC5B,OAAO;YACT,CAAC;YAED,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC7B,CAAC,CAAC;IAdF,CAAC;CAeF;AArCD,kCAqCC"}

package/lib/dialog/title/DialogTitle.d.ts

@@ -0,0 +1,16 @@
+import { Text } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A heading that labels the dialog.
+ * Renders a `<Text>` with a heading role.
+ */
+export declare function DialogTitle(componentProps: DialogTitle.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface DialogTitleProps extends ZestUIComponentProps<typeof Text, DialogTitleState> {
+}
+export interface DialogTitleState {
+}
+export declare namespace DialogTitle {
+    type Props = DialogTitleProps;
+    type State = DialogTitleState;
+}
+//# sourceMappingURL=DialogTitle.d.ts.map

package/lib/dialog/title/DialogTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.d.ts","sourceRoot":"","sources":["../../../src/dialog/title/DialogTitle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,8FAa5D;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC;CAAG;AAEhG,MAAM,WAAW,gBAAgB;CAAG;AAEpC,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACtC"}

package/lib/dialog/title/DialogTitle.js

@@ -0,0 +1,23 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogTitle = DialogTitle;
+const react_native_1 = require("react-native");
+const DialogRootContext_1 = require("../root/DialogRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useId_1 = require("../../hooks/useId");
+/**
+ * A heading that labels the dialog.
+ * Renders a `<Text>` with a heading role.
+ */
+function DialogTitle(componentProps) {
+    const { render, className, style, nativeID: idProp, ref, ...elementProps } = componentProps;
+    const store = (0, DialogRootContext_1.useDialogRootContext)();
+    const id = (0, useId_1.useId)(idProp !== null && idProp !== void 0 ? idProp : undefined);
+    store.useSyncedValueWithCleanup('titleElementId', id);
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Text, componentProps, {
+        ref,
+        props: [{ nativeID: id, role: 'heading' }, elementProps],
+    });
+}
+//# sourceMappingURL=DialogTitle.js.map

package/lib/dialog/title/DialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.js","sourceRoot":"","sources":["../../../src/dialog/title/DialogTitle.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAWb,kCAaC;AAvBD,+CAAoC;AACpC,iEAAiE;AACjE,wEAAqE;AACrE,6CAA0C;AAG1C;;;GAGG;AACH,SAAgB,WAAW,CAAC,cAAiC;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE5F,MAAM,KAAK,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAErC,MAAM,EAAE,GAAG,IAAA,aAAK,EAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,SAAS,CAAC,CAAC;IAEtC,KAAK,CAAC,yBAAyB,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;IAEtD,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,GAAG;QACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE,EAAE,YAAY,CAAC;KAClE,CAAC,CAAC;AACL,CAAC"}