@limonify/zest-ui 0.3.1 → 0.4.0

package/lib/combobox/root/useRenderComboboxRoot.js

@@ -0,0 +1,136 @@
+"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.useRenderComboboxRoot = useRenderComboboxRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
+const useRefWithInit_1 = require("../../hooks/useRefWithInit");
+const useTransitionStatus_1 = require("../../internals/useTransitionStatus");
+const usePopupRootHandle_1 = require("../../utils/popups/usePopupRootHandle");
+const useFilter_1 = require("../../filter/useFilter");
+const ComboboxStore_1 = require("../store/ComboboxStore");
+const ComboboxItemsContext_1 = require("./ComboboxItemsContext");
+const ComboboxRootContext_1 = require("./ComboboxRootContext");
+const ComboboxTransitionContext_1 = require("./ComboboxTransitionContext");
+/**
+ * The shared Root implementation behind `Combobox.Root` and `Autocomplete.Root`.
+ *
+ * The two differ only in whether choosing an item records a separate value:
+ * a combobox selects `item.value` and shows its label, an autocomplete puts the
+ * typed text itself forward and treats the list as suggestions.
+ */
+function useRenderComboboxRoot(props, mode) {
+    var _a, _b, _c, _d;
+    const { actionsRef, children, defaultInputValue, defaultOpen = false, defaultTriggerId = null, defaultValue, disablePointerDismissal = false, disabled = false, filter, handle, inputValue, items, onInputValueChange, onOpenChange, onValueChange, open, openOnFocus = true, triggerId, value, } = props;
+    const normalizedItems = React.useMemo(() => (0, ComboboxStore_1.normalizeComboboxItems)(items), [items]);
+    const { contains } = (0, useFilter_1.useFilter)();
+    const filterItem = React.useMemo(() => filter !== null && filter !== void 0 ? filter : ((item, query) => contains(item.label, query)), [filter, contains]);
+    // The initial input text is only read on the first render; compute it once so
+    // it stays stable, or a later selection changing the controlled `value` (and
+    // with it the derived label) would look like a controlled/uncontrolled switch.
+    const initialInputRef = React.useRef(undefined);
+    if (initialInputRef.current === undefined) {
+        initialInputRef.current =
+            defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : (mode === 'combobox'
+                ? ((_b = (_a = normalizedItems.find((item) => item.value === (value !== null && value !== void 0 ? value : defaultValue))) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : '')
+                : '');
+    }
+    const store = (0, useRefWithInit_1.useRefWithInit)(() => new ComboboxStore_1.ComboboxStore({
+        open: defaultOpen,
+        openProp: open,
+        value: defaultValue !== null && defaultValue !== void 0 ? defaultValue : null,
+        valueProp: value,
+        inputValue: initialInputRef.current,
+        inputValueProp: inputValue,
+        items: normalizedItems,
+        mode,
+        disabled,
+        disablePointerDismissal,
+        openOnFocus,
+        triggerId: defaultTriggerId,
+        triggerIdProp: triggerId,
+    })).current;
+    store.useControlledProp('openProp', open);
+    store.useControlledProp('valueProp', value);
+    store.useControlledProp('inputValueProp', inputValue);
+    store.useControlledProp('triggerIdProp', triggerId);
+    store.useContextCallback('onOpenChange', onOpenChange);
+    store.useContextCallback('onValueChange', onValueChange);
+    store.useContextCallback('onInputValueChange', onInputValueChange);
+    store.useSyncedValues({
+        mode,
+        disabled,
+        disablePointerDismissal,
+        openOnFocus,
+        items: normalizedItems,
+    });
+    (0, usePopupRootHandle_1.usePopupRootHandle)({ store, handle, actionsRef });
+    const resolvedOpen = store.useState('open');
+    const selectedValue = store.useState('value');
+    const currentInputValue = store.useState('inputValue');
+    // The label of the currently selected value (combobox mode only).
+    const selectedLabel = mode === 'combobox'
+        ? ((_d = (_c = normalizedItems.find((item) => item.value === selectedValue)) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : '')
+        : '';
+    // Reflect a controlled `value` that changed from outside into the input text.
+    // `selectItem` already sets both, so the ref guard makes that a no-op and stops
+    // this from fighting the user's typing (typing never changes the selection).
+    const lastReflectedValueRef = React.useRef(selectedValue);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        if (mode !== 'combobox' || selectedValue === lastReflectedValueRef.current) {
+            return;
+        }
+        lastReflectedValueRef.current = selectedValue;
+        store.reflectInputValue(selectedLabel);
+    }, [mode, selectedValue, selectedLabel, store]);
+    const filteredItems = React.useMemo(() => {
+        // When the input still shows the current selection, the user has not started
+        // filtering — show every item so a fresh focus reveals the whole list rather
+        // than the single selected row.
+        const query = mode === 'combobox' && currentInputValue === selectedLabel ? '' : currentInputValue.trim();
+        if (query.length === 0) {
+            return normalizedItems;
+        }
+        return normalizedItems.filter((item) => filterItem(item, query));
+    }, [normalizedItems, currentInputValue, selectedLabel, mode, filterItem]);
+    const { transitionStatus } = (0, useTransitionStatus_1.useTransitionStatus)(resolvedOpen, false, true);
+    const itemsContextValue = React.useMemo(() => ({ filteredItems }), [filteredItems]);
+    const transitionContextValue = React.useMemo(() => ({ transitionStatus }), [transitionStatus]);
+    const payload = store.useState('payload');
+    return ((0, jsx_runtime_1.jsx)(ComboboxRootContext_1.ComboboxRootContext.Provider, { value: store, children: (0, jsx_runtime_1.jsx)(ComboboxItemsContext_1.ComboboxItemsContext.Provider, { value: itemsContextValue, children: (0, jsx_runtime_1.jsx)(ComboboxTransitionContext_1.ComboboxTransitionContext.Provider, { value: transitionContextValue, children: typeof children === 'function' ? children(payload) : children }) }) }));
+}
+//# sourceMappingURL=useRenderComboboxRoot.js.map

package/lib/combobox/root/useRenderComboboxRoot.js.map

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

package/lib/combobox/store/ComboboxHandle.d.ts

@@ -0,0 +1,42 @@
+import { ComboboxStore } from './ComboboxStore';
+import { BasePopupHandle } from '../../utils/popups/BasePopupHandle';
+/**
+ * Controls a combobox imperatively, and associates a `Combobox.Input` rendered
+ * outside the root with it. Create one with `Combobox.createHandle()` and pass
+ * it to the root's and the input's `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 ComboboxHandle extends BasePopupHandle<ComboboxStore, ComboboxStore> {
+    constructor(componentName?: string);
+    /**
+     * Points the positioner at the input the list was opened from. Without this an
+     * imperative open would anchor to whatever was last measured.
+     */
+    protected associateTrigger(store: ComboboxStore, triggerNode: unknown): void;
+    /**
+     * Opens the list, anchored to the input with the given id.
+     *
+     * Call this from an event handler or an effect, never during rendering.
+     *
+     * @param triggerId The `nativeID` of a mounted `Combobox.Input` carrying this handle.
+     */
+    open(triggerId: string): void;
+    /**
+     * Closes the list.
+     *
+     * Call this from an event handler or an effect, never during rendering.
+     */
+    close(): void;
+    /**
+     * Whether the list is open. `false` while no root is attached.
+     */
+    get isOpen(): boolean;
+}
+/**
+ * Creates a handle that connects a `Combobox.Root` to a `Combobox.Input`
+ * rendered outside it, and controls it imperatively.
+ */
+export declare function createComboboxHandle(): ComboboxHandle;
+//# sourceMappingURL=ComboboxHandle.d.ts.map

package/lib/combobox/store/ComboboxHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxHandle.d.ts","sourceRoot":"","sources":["../../../src/combobox/store/ComboboxHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE;;;;;;;GAOG;AACH,qBAAa,cAAe,SAAQ,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC;gBACnE,aAAa,GAAE,MAAmB;IAO9C;;;OAGG;cACgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO;IAM9E;;;;;;OAMG;IACH,IAAI,CAAC,SAAS,EAAE,MAAM;IAItB;;;;OAIG;IACH,KAAK;IAIL;;OAEG;IACH,IAAI,MAAM,YAET;CACF;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,cAAc,CAErD"}

package/lib/combobox/store/ComboboxHandle.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxHandle = void 0;
+exports.createComboboxHandle = createComboboxHandle;
+const ComboboxStore_1 = require("./ComboboxStore");
+const BasePopupHandle_1 = require("../../utils/popups/BasePopupHandle");
+/**
+ * Controls a combobox imperatively, and associates a `Combobox.Input` rendered
+ * outside the root with it. Create one with `Combobox.createHandle()` and pass
+ * it to the root's and the input's `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 ComboboxHandle extends BasePopupHandle_1.BasePopupHandle {
+    constructor(componentName = 'Combobox') {
+        // `true`: the list is anchored to the input, so opening it by an unknown
+        // trigger id is an error rather than a warning — there would be nothing to
+        // anchor to.
+        super(new ComboboxStore_1.ComboboxStore(), componentName, true);
+    }
+    /**
+     * Points the positioner at the input the list was opened from. Without this an
+     * imperative open would anchor to whatever was last measured.
+     */
+    associateTrigger(store, triggerNode) {
+        if (triggerNode !== undefined) {
+            store.set('triggerNode', triggerNode);
+        }
+    }
+    /**
+     * Opens the list, anchored to the input with the given id.
+     *
+     * Call this from an event handler or an effect, never during rendering.
+     *
+     * @param triggerId The `nativeID` of a mounted `Combobox.Input` carrying this handle.
+     */
+    open(triggerId) {
+        this.openByTrigger(triggerId);
+    }
+    /**
+     * Closes the list.
+     *
+     * Call this from an event handler or an effect, never during rendering.
+     */
+    close() {
+        this.closePopup();
+    }
+    /**
+     * Whether the list 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.ComboboxHandle = ComboboxHandle;
+/**
+ * Creates a handle that connects a `Combobox.Root` to a `Combobox.Input`
+ * rendered outside it, and controls it imperatively.
+ */
+function createComboboxHandle() {
+    return new ComboboxHandle();
+}
+//# sourceMappingURL=ComboboxHandle.js.map

package/lib/combobox/store/ComboboxHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxHandle.js","sourceRoot":"","sources":["../../../src/combobox/store/ComboboxHandle.ts"],"names":[],"mappings":";;;AA6DA,oDAEC;AA/DD,mDAAgD;AAChD,wEAAqE;AAErE;;;;;;;GAOG;AACH,MAAa,cAAe,SAAQ,iCAA6C;IAC/E,YAAY,gBAAwB,UAAU;QAC5C,yEAAyE;QACzE,2EAA2E;QAC3E,aAAa;QACb,KAAK,CAAC,IAAI,6BAAa,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC;IAED;;;OAGG;IACgB,gBAAgB,CAAC,KAAoB,EAAE,WAAoB;QAC5E,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YAC9B,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAED;;;;;;OAMG;IACH,IAAI,CAAC,SAAiB;QACpB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAChC,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;AA5CD,wCA4CC;AAED;;;GAGG;AACH,SAAgB,oBAAoB;IAClC,OAAO,IAAI,cAAc,EAAE,CAAC;AAC9B,CAAC"}

package/lib/combobox/store/ComboboxStore.d.ts

@@ -0,0 +1,147 @@
+import type { TextInput } from 'react-native';
+import { ReactStore } from '../../store/ReactStore';
+import { PopupTriggerMap } from '../../utils/popups/PopupTriggerMap';
+import type { ComboboxRoot } from '../root/ComboboxRoot';
+/**
+ * The items to filter and choose from: strings, or `{ value, label }` records
+ * for non-string values.
+ */
+export type ComboboxItems = ReadonlyArray<string | {
+    value: unknown;
+    label: string;
+}>;
+export interface ComboboxItem {
+    value: unknown;
+    label: string;
+}
+/** Normalizes the `items` prop into `{ value, label }` records. */
+export declare function normalizeComboboxItems(items: ComboboxItems | undefined): ComboboxItem[];
+export type State = {
+    /**
+     * The uncontrolled open state. Read through the `open` selector, which
+     * resolves the controlled prop first.
+     */
+    open: boolean;
+    /**
+     * The controlled `open` prop, when provided.
+     */
+    openProp: boolean | undefined;
+    /**
+     * The uncontrolled selected value. Read through the `value` selector.
+     */
+    value: unknown;
+    /**
+     * The controlled `value` prop, when provided.
+     */
+    valueProp: unknown;
+    /**
+     * The uncontrolled input text. Read through the `inputValue` selector.
+     */
+    inputValue: string;
+    /**
+     * The controlled `inputValue` prop, when provided.
+     */
+    inputValueProp: string | undefined;
+    /**
+     * Every item, normalized.
+     */
+    items: ComboboxItem[];
+    /**
+     * `'combobox'` selects a value and shows its label; `'autocomplete'` is free
+     * text with suggestions, where the typed string is the value.
+     */
+    mode: 'combobox' | 'autocomplete';
+    disabled: boolean;
+    disablePointerDismissal: boolean;
+    /**
+     * Whether focusing the input opens the list.
+     */
+    openOnFocus: boolean;
+    /**
+     * The anchor's native node, carried across the portal boundary.
+     */
+    triggerNode: unknown;
+    /**
+     * The input's measured width, used to size the popup.
+     */
+    triggerWidth: number | undefined;
+    /**
+     * The input's measured height.
+     */
+    triggerHeight: number | undefined;
+    update: (() => void) | undefined;
+    /**
+     * Ref to the input element, for programmatic blur.
+     */
+    inputRef: React.RefObject<TextInput | null> | undefined;
+    /**
+     * The payload of the trigger the popup was opened by, handed to the root's
+     * children when they are a function.
+     */
+    payload: unknown;
+    /**
+     * The id of the trigger the popup is associated with, or `null` for none.
+     */
+    triggerId: string | null;
+    /**
+     * The controlled `triggerId` prop, when provided.
+     */
+    triggerIdProp: string | null | undefined;
+};
+type Context = {
+    onOpenChange: ((open: boolean, eventDetails: ComboboxRoot.ChangeEventDetails) => void) | undefined;
+    onValueChange: ((value: any, eventDetails: ComboboxRoot.ChangeEventDetails) => void) | undefined;
+    onInputValueChange: ((value: string, eventDetails: ComboboxRoot.ChangeEventDetails) => void) | undefined;
+    /**
+     * Every trigger bound to this root, by id. A handle resolves `open(id)`
+     * through this, which is what lets an input rendered outside the root open it.
+     */
+    triggerNodes: PopupTriggerMap;
+};
+declare const selectors: {
+    open: (state: State) => boolean;
+    value: (state: State) => unknown;
+    inputValue: (state: State) => string;
+    items: (state: State) => ComboboxItem[];
+    mode: (state: State) => "combobox" | "autocomplete";
+    disabled: (state: State) => boolean;
+    disablePointerDismissal: (state: State) => boolean;
+    openOnFocus: (state: State) => boolean;
+    triggerNode: (state: State) => unknown;
+    triggerWidth: (state: State) => number | undefined;
+    triggerHeight: (state: State) => number | undefined;
+    update: (state: State) => (() => void) | undefined;
+    inputRef: (state: State) => import("react").RefObject<TextInput | null> | undefined;
+    payload: (state: State) => unknown;
+    triggerId: (state: State) => string | null;
+};
+/**
+ * The store behind `Combobox.Root` and `Autocomplete.Root`.
+ *
+ * It follows the same controlled-prop and cancelable-event contract as the other
+ * popup families: every change fires its callback first and only commits the
+ * uncontrolled key when the consumer has not called `eventDetails.cancel()`.
+ */
+export declare class ComboboxStore extends ReactStore<Readonly<State>, Context, typeof selectors> {
+    constructor(initialState?: Partial<State>);
+    setOpen: (nextOpen: boolean, eventDetails: ComboboxRoot.ChangeEventDetails) => void;
+    setValue: (nextValue: unknown, eventDetails: ComboboxRoot.ChangeEventDetails) => void;
+    setInputValue: (nextValue: string, eventDetails: ComboboxRoot.ChangeEventDetails) => void;
+    /**
+     * Reflects a value the consumer changed from outside into the input text.
+     *
+     * This is not a change the consumer made through the combobox, so it fires no
+     * callback — it writes the uncontrolled key directly.
+     */
+    reflectInputValue: (nextValue: string) => void;
+    /**
+     * Selects an item: records the value, fills the input with its label, and
+     * closes the popup.
+     *
+     * One `eventDetails` object is shared by all three, so canceling in any
+     * handler stops the rest — the same contract the group components use.
+     */
+    selectItem: (item: ComboboxItem, eventDetails: ComboboxRoot.ChangeEventDetails) => void;
+}
+export {};
+//# sourceMappingURL=ComboboxStore.d.ts.map

package/lib/combobox/store/ComboboxStore.d.ts.map

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

package/lib/combobox/store/ComboboxStore.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxStore = void 0;
+exports.normalizeComboboxItems = normalizeComboboxItems;
+const createSelector_1 = require("../../store/createSelector");
+const ReactStore_1 = require("../../store/ReactStore");
+const PopupTriggerMap_1 = require("../../utils/popups/PopupTriggerMap");
+/** Normalizes the `items` prop into `{ value, label }` records. */
+function normalizeComboboxItems(items) {
+    if (!items) {
+        return [];
+    }
+    return items.map((item) => typeof item === 'string' ? { value: item, label: item } : { value: item.value, label: item.label });
+}
+const selectors = {
+    open: (0, createSelector_1.createSelector)((state) => { var _a; return (_a = state.openProp) !== null && _a !== void 0 ? _a : state.open; }),
+    value: (0, createSelector_1.createSelector)((state) => state.valueProp !== undefined ? state.valueProp : state.value),
+    inputValue: (0, createSelector_1.createSelector)((state) => { var _a; return (_a = state.inputValueProp) !== null && _a !== void 0 ? _a : state.inputValue; }),
+    items: (0, createSelector_1.createSelector)((state) => state.items),
+    mode: (0, createSelector_1.createSelector)((state) => state.mode),
+    disabled: (0, createSelector_1.createSelector)((state) => state.disabled),
+    disablePointerDismissal: (0, createSelector_1.createSelector)((state) => state.disablePointerDismissal),
+    openOnFocus: (0, createSelector_1.createSelector)((state) => state.openOnFocus),
+    triggerNode: (0, createSelector_1.createSelector)((state) => state.triggerNode),
+    triggerWidth: (0, createSelector_1.createSelector)((state) => state.triggerWidth),
+    triggerHeight: (0, createSelector_1.createSelector)((state) => state.triggerHeight),
+    update: (0, createSelector_1.createSelector)((state) => state.update),
+    inputRef: (0, createSelector_1.createSelector)((state) => state.inputRef),
+    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; }),
+};
+/**
+ * The store behind `Combobox.Root` and `Autocomplete.Root`.
+ *
+ * It follows the same controlled-prop and cancelable-event contract as the other
+ * popup families: every change fires its callback first and only commits the
+ * uncontrolled key when the consumer has not called `eventDetails.cancel()`.
+ */
+class ComboboxStore extends ReactStore_1.ReactStore {
+    constructor(initialState) {
+        super({
+            open: false,
+            openProp: undefined,
+            value: null,
+            valueProp: undefined,
+            inputValue: '',
+            inputValueProp: undefined,
+            items: [],
+            mode: 'combobox',
+            disabled: false,
+            disablePointerDismissal: false,
+            openOnFocus: true,
+            triggerNode: null,
+            triggerWidth: undefined,
+            triggerHeight: undefined,
+            update: undefined,
+            inputRef: undefined,
+            payload: undefined,
+            triggerId: null,
+            triggerIdProp: undefined,
+            ...initialState,
+        }, {
+            onOpenChange: undefined,
+            onValueChange: undefined,
+            onInputValueChange: 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);
+        };
+        this.setValue = (nextValue, eventDetails) => {
+            var _a, _b;
+            (_b = (_a = this.context).onValueChange) === null || _b === void 0 ? void 0 : _b.call(_a, nextValue, eventDetails);
+            if (eventDetails.isCanceled) {
+                return;
+            }
+            this.set('value', nextValue);
+        };
+        this.setInputValue = (nextValue, eventDetails) => {
+            var _a, _b;
+            (_b = (_a = this.context).onInputValueChange) === null || _b === void 0 ? void 0 : _b.call(_a, nextValue, eventDetails);
+            if (eventDetails.isCanceled) {
+                return;
+            }
+            this.set('inputValue', nextValue);
+        };
+        /**
+         * Reflects a value the consumer changed from outside into the input text.
+         *
+         * This is not a change the consumer made through the combobox, so it fires no
+         * callback — it writes the uncontrolled key directly.
+         */
+        this.reflectInputValue = (nextValue) => {
+            this.set('inputValue', nextValue);
+        };
+        /**
+         * Selects an item: records the value, fills the input with its label, and
+         * closes the popup.
+         *
+         * One `eventDetails` object is shared by all three, so canceling in any
+         * handler stops the rest — the same contract the group components use.
+         */
+        this.selectItem = (item, eventDetails) => {
+            if (this.select('mode') === 'combobox') {
+                this.setValue(item.value, eventDetails);
+                if (eventDetails.isCanceled) {
+                    return;
+                }
+            }
+            this.setInputValue(item.label, eventDetails);
+            if (eventDetails.isCanceled) {
+                return;
+            }
+            this.setOpen(false, eventDetails);
+        };
+    }
+}
+exports.ComboboxStore = ComboboxStore;
+//# sourceMappingURL=ComboboxStore.js.map

package/lib/combobox/store/ComboboxStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxStore.js","sourceRoot":"","sources":["../../../src/combobox/store/ComboboxStore.ts"],"names":[],"mappings":"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"}

package/lib/combobox/value/ComboboxValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxValue.d.ts","sourceRoot":"","sources":["../../../src/combobox/value/ComboboxValue.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,CAAC,KAAK,0EAYhE;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,EAAE,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,yBAAiB,aAAa,CAAC;IAC7B,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,kBAAkB,CAAC;CACxC"}
+{"version":3,"file":"ComboboxValue.d.ts","sourceRoot":"","sources":["../../../src/combobox/value/ComboboxValue.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,CAAC,KAAK,0EAahE;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,EAAE,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,yBAAiB,aAAa,CAAC;IAC7B,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,kBAAkB,CAAC;CACxC"}

package/lib/combobox/value/ComboboxValue.js

@@ -12,7 +12,8 @@ const useRenderElement_1 = require("../../use-render/useRenderElement");
  */
 function ComboboxValue(componentProps) {
     const { render, className, style, children, ref, ...elementProps } = componentProps;
-    const { inputValue } = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const store = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const inputValue = store.useState('inputValue');
     const state = { value: inputValue };
     return (0, useRenderElement_1.useRenderElement)(react_native_1.Text, componentProps, {
         state,

package/lib/combobox/value/ComboboxValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxValue.js","sourceRoot":"","sources":["../../../src/combobox/value/ComboboxValue.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAYb,sCAYC;AAtBD,+CAAoC;AACpC,qEAAqE;AACrE,wEAAqE;AAGrE;;;;GAIG;AACH,SAAgB,aAAa,CAAC,cAAmC;IAC/D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAEpF,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,4CAAsB,GAAE,CAAC;IAEhD,MAAM,KAAK,GAAuB,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IAExD,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,UAAU,EAAE,EAAE,YAAY,CAAC;KAC5D,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"ComboboxValue.js","sourceRoot":"","sources":["../../../src/combobox/value/ComboboxValue.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAYb,sCAaC;AAvBD,+CAAoC;AACpC,qEAAqE;AACrE,wEAAqE;AAGrE;;;;GAIG;AACH,SAAgB,aAAa,CAAC,cAAmC;IAC/D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAEpF,MAAM,KAAK,GAAG,IAAA,4CAAsB,GAAE,CAAC;IACvC,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEhD,MAAM,KAAK,GAAuB,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IAExD,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,UAAU,EAAE,EAAE,YAAY,CAAC;KAC5D,CAAC,CAAC;AACL,CAAC"}

package/lib/context-menu/positioner/ContextMenuPositioner.d.ts

@@ -6,17 +6,33 @@ import type { ZestUIComponentProps } from '../../types';
  * Positions the context menu popup at the point the long press landed.
  * Renders a `<View>`.
  *
- * Unlike `Menu.Positioner`, it anchors to a screen point rather than a trigger
- * element, so there is no collision-aware floating-ui pass — the popup is placed
- * directly at the press coordinates.
+ * Unlike `Menu.Positioner` it anchors to a screen point rather than a trigger
+ * element, so it does not go through `useAnchorPositioning`: floating-ui
+ * measures a real node, and there is no node here. Collision handling is
+ * therefore its own — the popup flips to the other side of the press point when
+ * it would otherwise run off the screen, and is kept `collisionPadding` inside
+ * the edges. `side` and `align` on state report where it actually landed.
  */
 export declare function ContextMenuPositioner(componentProps: ContextMenuPositioner.Props): React.JSX.Element;
 export interface ContextMenuPositionerState {
     open: boolean;
+    /**
+     * `'bottom'` when the popup hangs below the press point, `'top'` when it was
+     * flipped above it to stay on screen.
+     */
     side: Side;
+    /**
+     * `'start'` when the popup extends right of the press point, `'end'` when it
+     * was flipped to its left.
+     */
     align: Align;
 }
 export interface ContextMenuPositionerProps extends ZestUIComponentProps<typeof View, ContextMenuPositionerState> {
+    /**
+     * How much space to keep between the popup and the edges of the screen.
+     * @default 5
+     */
+    collisionPadding?: number | undefined;
 }
 export declare namespace ContextMenuPositioner {
     type State = ContextMenuPositionerState;

package/lib/context-menu/positioner/ContextMenuPositioner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuPositioner.d.ts","sourceRoot":"","sources":["../../../src/context-menu/positioner/ContextMenuPositioner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMpC,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,cAAc,EAAE,qBAAqB,CAAC,KAAK,qBA8BhF;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,0BACf,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,0BAA0B,CAAC;CAAG;AAE1E,yBAAiB,qBAAqB,CAAC;IACrC,KAAY,KAAK,GAAG,0BAA0B,CAAC;IAC/C,KAAY,KAAK,GAAG,0BAA0B,CAAC;CAChD"}
+{"version":3,"file":"ContextMenuPositioner.d.ts","sourceRoot":"","sources":["../../../src/context-menu/positioner/ContextMenuPositioner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAA+C,MAAM,cAAc,CAAC;AAMjF,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,cAAc,EAAE,qBAAqB,CAAC,KAAK,qBA6FhF;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,0BACf,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,0BAA0B,CAAC;IACrE;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC;AAED,yBAAiB,qBAAqB,CAAC;IACrC,KAAY,KAAK,GAAG,0BAA0B,CAAC;IAC/C,KAAY,KAAK,GAAG,0BAA0B,CAAC;CAChD"}