@limonify/zest-ui 0.3.1 → 0.4.0

package/lib/combobox/input/ComboboxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../src/combobox/input/ComboboxInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,CAAC,KAAK,0EAiDhE;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAAG;AAEtF,yBAAiB,aAAa,CAAC;IAC7B,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,kBAAkB,CAAC;CACxC"}
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../src/combobox/input/ComboboxInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AASjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAG,OAAO,EAAE,cAAc,EAAE,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,0EAoH5F;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB,CAAC,OAAO,GAAG,OAAO,CACnD,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IACjF;;;;;OAKG;IACH,MAAM,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACpC;;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/combobox/input/ComboboxInput.js

@@ -39,38 +39,98 @@ const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const ComboboxRootContext_1 = require("../root/ComboboxRootContext");
 const useRenderElement_1 = require("../../use-render/useRenderElement");
+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");
 /**
  * The text input that filters the list, and the element the popup is anchored to.
  * Renders a `<TextInput>`.
+ *
+ * Pass a `handle` to render the input outside of its `Combobox.Root`: there is
+ * no context reaching across, so the handle is what connects the two.
  */
 function ComboboxInput(componentProps) {
-    const { render, className, style, ref, ...elementProps } = componentProps;
-    const { open, setOpen, inputValue, setInputValue, disabled, openOnFocus, setTriggerNode, update, } = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const { render, className, style, handle, nativeID: idProp, payload, ref, ...elementProps } = componentProps;
+    const rootStore = React.useContext(ComboboxRootContext_1.ComboboxRootContext);
+    const handleStore = (0, usePopupHandleStore_1.usePopupHandleStore)(handle);
+    // An input 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: Combobox.Input must be placed within <Combobox.Root> or <Autocomplete.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 disabled = store.useState('disabled');
+    const inputValue = store.useState('inputValue');
+    const openOnFocus = store.useState('openOnFocus');
+    const update = store.useState('update');
+    const internalRef = React.useRef(null);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        store.set('inputRef', internalRef);
+    }, [store]);
+    const triggerRef = React.useRef(null);
     const anchorRef = React.useCallback((node) => {
-        setTriggerNode(node);
-    }, [setTriggerNode]);
-    const mergedRef = (0, useMergedRefs_1.useMergedRefs)(ref, anchorRef);
+        triggerRef.current = node;
+        store.set('triggerNode', node);
+    }, [store]);
+    const mergedRef = (0, useMergedRefs_1.useMergedRefs)(ref, anchorRef, internalRef);
+    // 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 = { open, disabled };
     return (0, useRenderElement_1.useRenderElement)(react_native_1.TextInput, componentProps, {
         state,
         ref: mergedRef,
         props: [
             {
+                nativeID: id,
                 value: inputValue,
                 editable: !disabled,
                 onChangeText(text) {
-                    setInputValue(text);
+                    // One event details object is shared, so canceling the text change
+                    // also stops the list from opening.
+                    const eventDetails = (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.inputChange);
+                    store.setInputValue(text, eventDetails);
+                    if (eventDetails.isCanceled) {
+                        return;
+                    }
+                    // Typing reopens the list so suggestions follow the query.
+                    if (!store.select('open') && text.length > 0) {
+                        store.setOpen(true, eventDetails);
+                    }
                 },
                 onFocus() {
+                    if (payload !== undefined) {
+                        store.set('payload', payload);
+                    }
+                    if (id !== undefined) {
+                        store.set('triggerId', id);
+                    }
                     if (openOnFocus) {
-                        setOpen(true);
+                        store.setOpen(true, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.triggerFocus));
                     }
                 },
-                onLayout() {
+                onLayout(event) {
+                    const { width, height } = event.nativeEvent.layout;
+                    store.set('triggerWidth', width);
+                    store.set('triggerHeight', height);
                     update === null || update === void 0 ? void 0 : update();
                 },
                 accessibilityRole: 'search',
+                accessibilityState: { expanded: open, disabled: disabled || undefined },
                 'aria-expanded': open,
                 'aria-autocomplete': 'list',
             },

package/lib/combobox/input/ComboboxInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.js","sourceRoot":"","sources":["../../../src/combobox/input/ComboboxInput.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYb,sCAiDC;AA5DD,6CAA+B;AAC/B,+CAAyC;AACzC,qEAAqE;AACrE,wEAAqE;AACrE,6DAA0D;AAG1D;;;GAGG;AACH,SAAgB,aAAa,CAAC,cAAmC;IAC/D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,cAAc,EACd,MAAM,GACP,GAAG,IAAA,4CAAsB,GAAE,CAAC;IAE7B,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,IAAa,EAAE,EAAE;QAChB,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAEhD,MAAM,KAAK,GAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IAErD,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,UAAU;gBACjB,QAAQ,EAAE,CAAC,QAAQ;gBACnB,YAAY,CAAC,IAAY;oBACvB,aAAa,CAAC,IAAI,CAAC,CAAC;gBACtB,CAAC;gBACD,OAAO;oBACL,IAAI,WAAW,EAAE,CAAC;wBAChB,OAAO,CAAC,IAAI,CAAC,CAAC;oBAChB,CAAC;gBACH,CAAC;gBACD,QAAQ;oBACN,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;gBACb,CAAC;gBACD,iBAAiB,EAAE,QAAiB;gBACpC,eAAe,EAAE,IAAI;gBACrB,mBAAmB,EAAE,MAAe;aACrC;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"ComboboxInput.js","sourceRoot":"","sources":["../../../src/combobox/input/ComboboxInput.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBb,sCAoHC;AAzID,6CAA+B;AAC/B,+CAAiE;AACjE,qEAAkE;AAClE,wEAAqE;AACrE,6CAA0C;AAC1C,uEAAoE;AACpE,6DAA0D;AAC1D,gFAA6E;AAC7E,mFAAgF;AAChF,iDAA8C;AAK9C;;;;;;GAMG;AACH,SAAgB,aAAa,CAAoB,cAA4C;IAC3F,MAAM,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EAAE,MAAM,EAChB,OAAO,EACP,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,yCAAmB,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,IAAA,yCAAmB,EAAC,MAAM,CAAC,CAAC;IAEhD,4EAA4E;IAC5E,uEAAuE;IACvE,MAAM,KAAK,GAAG,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,SAAS,CAA8B,CAAC;IAEtE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CACb,4HAA4H,CAC7H,CAAC;IACJ,CAAC;IAED,MAAM,EAAE,GAAG,IAAA,aAAK,EAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,SAAS,CAAC,CAAC;IAEtC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAExC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAY,IAAI,CAAC,CAAC;IAElD,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,KAAK,CAAC,GAAG,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAU,IAAI,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,IAAa,EAAE,EAAE;QAChB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;IAE7D,4EAA4E;IAC5E,6EAA6E;IAC7E,+CAA+C;IAC/C,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;YACrB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IAEhB,MAAM,KAAK,GAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IAErD,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,UAAU;gBACjB,QAAQ,EAAE,CAAC,QAAQ;gBACnB,YAAY,CAAC,IAAY;oBACvB,mEAAmE;oBACnE,oCAAoC;oBACpC,MAAM,YAAY,GAAG,IAAA,mDAAwB,EAAC,iBAAO,CAAC,WAAW,CAAC,CAAC;oBAEnE,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;oBAExC,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;wBAC5B,OAAO;oBACT,CAAC;oBAED,2DAA2D;oBAC3D,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBAC7C,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;oBACpC,CAAC;gBACH,CAAC;gBACD,OAAO;oBACL,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;wBAC1B,KAAK,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;oBAChC,CAAC;oBACD,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;wBACrB,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;oBAC7B,CAAC;oBAED,IAAI,WAAW,EAAE,CAAC;wBAChB,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAA,mDAAwB,EAAC,iBAAO,CAAC,YAAY,CAAC,CAAC,CAAC;oBACtE,CAAC;gBACH,CAAC;gBACD,QAAQ,CAAC,KAAwB;oBAC/B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;oBACnD,KAAK,CAAC,GAAG,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;oBACjC,KAAK,CAAC,GAAG,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;oBACnC,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;gBACb,CAAC;gBACD,iBAAiB,EAAE,QAAiB;gBACpC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE;gBACvE,eAAe,EAAE,IAAI;gBACrB,mBAAmB,EAAE,MAAe;aACrC;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/combobox/item/ComboboxItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Pressable } from 'react-native';
-import { type ComboboxItem as ComboboxItemData } from '../root/ComboboxRootContext';
+import type { ComboboxItem as ComboboxItemData } from '../store/ComboboxStore';
 import type { ZestUIComponentProps } from '../../types';
 /**
  * A selectable item in the list.
@@ -8,8 +8,18 @@ import type { ZestUIComponentProps } from '../../types';
  */
 export declare function ComboboxItem(componentProps: ComboboxItem.Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 export interface ComboboxItemState {
+    /**
+     * Whether this item is the selected one.
+     */
     selected: boolean;
+    /**
+     * Whether the item is currently pressed.
+     */
     pressed: boolean;
+    /**
+     * The item's index in the list, in visual order.
+     */
+    index: number;
 }
 export interface ComboboxItemProps extends ZestUIComponentProps<typeof Pressable, ComboboxItemState> {
     /**

package/lib/combobox/item/ComboboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItem.d.ts","sourceRoot":"","sources":["../../../src/combobox/item/ComboboxItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AACrE,OAAO,EAA0B,KAAK,YAAY,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG5G,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,0EA8B9D;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,iBAAiB,CAAC;IAClG;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC"}
+{"version":3,"file":"ComboboxItem.d.ts","sourceRoot":"","sources":["../../../src/combobox/item/ComboboxItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAMrE,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,0EAoC9D;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,iBAAiB,CAAC;IAClG;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC"}

package/lib/combobox/item/ComboboxItem.js

@@ -40,17 +40,20 @@ const react_native_1 = require("react-native");
 const ComboboxRootContext_1 = require("../root/ComboboxRootContext");
 const useRenderElement_1 = require("../../use-render/useRenderElement");
 const useCompositeListItem_1 = require("../../internals/composite/list/useCompositeListItem");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
 /**
  * A selectable item in the list.
  * Renders a `<Pressable>`.
  */
 function ComboboxItem(componentProps) {
     const { render, className, style, item, ref, ...elementProps } = componentProps;
-    const { selectedValue, selectItem } = (0, ComboboxRootContext_1.useComboboxRootContext)();
-    const { onLayout } = (0, useCompositeListItem_1.useCompositeListItem)();
+    const store = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const selectedValue = store.useState('value');
+    const { index, onLayout } = (0, useCompositeListItem_1.useCompositeListItem)();
     const [pressed, setPressed] = React.useState(false);
     const selected = selectedValue === item.value;
-    const state = { selected, pressed };
+    const state = React.useMemo(() => ({ selected, pressed, index }), [selected, pressed, index]);
     return (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
         state,
         ref,
@@ -58,7 +61,9 @@ function ComboboxItem(componentProps) {
             {
                 onLayout,
                 onPress(event) {
-                    selectItem(item, event);
+                    var _a, _b;
+                    store.selectItem(item, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.itemPress, event));
+                    (_b = (_a = store.select('inputRef')) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.blur();
                 },
                 onPressIn: () => setPressed(true),
                 onPressOut: () => setPressed(false),

package/lib/combobox/item/ComboboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItem.js","sourceRoot":"","sources":["../../../src/combobox/item/ComboboxItem.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYb,oCA8BC;AAzCD,6CAA+B;AAC/B,+CAAqE;AACrE,qEAA4G;AAC5G,wEAAqE;AACrE,8FAA2F;AAG3F;;;GAGG;AACH,SAAgB,YAAY,CAAC,cAAkC;IAC7D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAEhF,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAA,4CAAsB,GAAE,CAAC;IAC/D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAE5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,aAAa,KAAK,IAAI,CAAC,KAAK,CAAC;IAE9C,MAAM,KAAK,GAAsB,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAEvD,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,QAAQ;gBACR,OAAO,CAAC,KAA4B;oBAClC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAC1B,CAAC;gBACD,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;gBACjC,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;gBACnC,iBAAiB,EAAE,UAAmB;gBACtC,IAAI,EAAE,QAAiB;gBACvB,kBAAkB,EAAE,EAAE,QAAQ,EAAE;gBAChC,eAAe,EAAE,QAAQ;aAC1B;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"ComboboxItem.js","sourceRoot":"","sources":["../../../src/combobox/item/ComboboxItem.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeb,oCAoCC;AAlDD,6CAA+B;AAC/B,+CAAqE;AACrE,qEAAqE;AACrE,wEAAqE;AACrE,8FAA2F;AAC3F,mFAAgF;AAChF,iDAA8C;AAI9C;;;GAGG;AACH,SAAgB,YAAY,CAAC,cAAkC;IAC7D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAEhF,MAAM,KAAK,GAAG,IAAA,4CAAsB,GAAE,CAAC;IACvC,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE9C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAEnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,aAAa,KAAK,IAAI,CAAC,KAAK,CAAC;IAE9C,MAAM,KAAK,GAAsB,KAAK,CAAC,OAAO,CAC5C,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EACpC,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAC3B,CAAC;IAEF,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,QAAQ;gBACR,OAAO,CAAC,KAA4B;;oBAClC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,IAAA,mDAAwB,EAAC,iBAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;oBAC3E,MAAA,MAAA,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,0CAAE,OAAO,0CAAE,IAAI,EAAE,CAAC;gBAC5C,CAAC;gBACD,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;gBACjC,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;gBACnC,iBAAiB,EAAE,UAAmB;gBACtC,IAAI,EAAE,QAAiB;gBACvB,kBAAkB,EAAE,EAAE,QAAQ,EAAE;gBAChC,eAAe,EAAE,QAAQ;aAC1B;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/combobox/list/ComboboxList.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View } from 'react-native';
-import { type ComboboxItem } from '../root/ComboboxRootContext';
+import type { ComboboxItem } from '../store/ComboboxStore';
 import type { ZestUIComponentProps } from '../../types';
 /**
  * Renders the filtered items through a render function.

package/lib/combobox/list/ComboboxList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxList.d.ts","sourceRoot":"","sources":["../../../src/combobox/list/ComboboxList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAExF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,0EAY9D;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,EAAE,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC9E,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;CACnD;AAED,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC"}
+{"version":3,"file":"ComboboxList.d.ts","sourceRoot":"","sources":["../../../src/combobox/list/ComboboxList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,0EAe9D;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,EAAE,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC9E,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;CACnD;AAED,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC"}

package/lib/combobox/list/ComboboxList.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComboboxList = ComboboxList;
 const react_native_1 = require("react-native");
 const ComboboxRootContext_1 = require("../root/ComboboxRootContext");
+const ComboboxItemsContext_1 = require("../root/ComboboxItemsContext");
 const useRenderElement_1 = require("../../use-render/useRenderElement");
 /**
  * Renders the filtered items through a render function.
@@ -15,7 +16,9 @@ const useRenderElement_1 = require("../../use-render/useRenderElement");
  */
 function ComboboxList(componentProps) {
     const { render, className, style, children, ref, ...elementProps } = componentProps;
-    const { filteredItems, open } = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const store = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const { filteredItems } = (0, ComboboxItemsContext_1.useComboboxItemsContext)();
+    const open = store.useState('open');
     const state = { open, empty: filteredItems.length === 0 };
     return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
         state,

package/lib/combobox/list/ComboboxList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxList.js","sourceRoot":"","sources":["../../../src/combobox/list/ComboboxList.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAeb,oCAYC;AAzBD,+CAAoC;AACpC,qEAAwF;AACxF,wEAAqE;AAGrE;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,cAAkC;IAC7D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAEpF,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAA,4CAAsB,GAAE,CAAC;IAEzD,MAAM,KAAK,GAAsB,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;IAE7E,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,YAAY,CAAC;KACjF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"ComboboxList.js","sourceRoot":"","sources":["../../../src/combobox/list/ComboboxList.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAiBb,oCAeC;AA9BD,+CAAoC;AACpC,qEAAqE;AACrE,uEAAuE;AACvE,wEAAqE;AAIrE;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,cAAkC;IAC7D,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,EAAE,aAAa,EAAE,GAAG,IAAA,8CAAuB,GAAE,CAAC;IAEpD,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,KAAK,GAAsB,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;IAE7E,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,YAAY,CAAC;KACjF,CAAC,CAAC;AACL,CAAC"}

package/lib/combobox/popup/ComboboxPopup.d.ts

@@ -1,4 +1,6 @@
 import { View } from 'react-native';
+import type { Align, Side } from '../../utils/useAnchorPositioning';
+import type { TransitionStatus } from '../../internals/useTransitionStatus';
 import type { ZestUIComponentProps } from '../../types';
 /**
  * A container for the filtered list.
@@ -6,7 +8,31 @@ import type { ZestUIComponentProps } from '../../types';
  */
 export declare function ComboboxPopup(componentProps: ComboboxPopup.Props): import("react").JSX.Element;
 export interface ComboboxPopupState {
+    /**
+     * Whether the list is currently open.
+     */
     open: boolean;
+    /**
+     * The transition status of the list: `'starting'` as it opens (auto-clears to
+     * `undefined` after one frame), `'ending'` once it is closing.
+     */
+    transitionStatus: TransitionStatus;
+    /**
+     * The side the popup was actually placed on, after collision handling.
+     */
+    side: Side;
+    /**
+     * The alignment the popup was actually placed with.
+     */
+    align: Align;
+    /**
+     * The input's measured width, available for consumers to apply to the popup.
+     */
+    triggerWidth: number | undefined;
+    /**
+     * The input's measured height.
+     */
+    triggerHeight: number | undefined;
 }
 export interface ComboboxPopupProps extends ZestUIComponentProps<typeof View, ComboboxPopupState> {
 }

package/lib/combobox/popup/ComboboxPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPopup.d.ts","sourceRoot":"","sources":["../../../src/combobox/popup/ComboboxPopup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,CAAC,KAAK,+BAqBhE;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,kBAAkB,CAAC;CAAG;AAEpG,yBAAiB,aAAa,CAAC;IAC7B,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,kBAAkB,CAAC;CACxC"}
+{"version":3,"file":"ComboboxPopup.d.ts","sourceRoot":"","sources":["../../../src/combobox/popup/ComboboxPopup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMpC,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,CAAC,KAAK,+BAmChE;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,gBAAgB,EAAE,gBAAgB,CAAC;IACnC;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,kBAAkB,CAAC;CAAG;AAEpG,yBAAiB,aAAa,CAAC;IAC7B,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,kBAAkB,CAAC;CACxC"}

package/lib/combobox/popup/ComboboxPopup.js

@@ -5,6 +5,8 @@ exports.ComboboxPopup = ComboboxPopup;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_native_1 = require("react-native");
 const ComboboxRootContext_1 = require("../root/ComboboxRootContext");
+const ComboboxPositionerContext_1 = require("../positioner/ComboboxPositionerContext");
+const ComboboxTransitionContext_1 = require("../root/ComboboxTransitionContext");
 const useRenderElement_1 = require("../../use-render/useRenderElement");
 const CompositeList_1 = require("../../internals/composite/list/CompositeList");
 /**
@@ -12,9 +14,22 @@ const CompositeList_1 = require("../../internals/composite/list/CompositeList");
  * Renders a `<View>`.
  */
 function ComboboxPopup(componentProps) {
+    var _a;
     const { render, className, style, ref, ...elementProps } = componentProps;
-    const { open } = (0, ComboboxRootContext_1.useComboboxRootContext)();
-    const state = { open };
+    const store = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const { side, align } = (0, ComboboxPositionerContext_1.useComboboxPositionerContext)();
+    const { transitionStatus } = (_a = (0, ComboboxTransitionContext_1.useComboboxTransitionContext)()) !== null && _a !== void 0 ? _a : { transitionStatus: undefined };
+    const open = store.useState('open');
+    const triggerWidth = store.useState('triggerWidth');
+    const triggerHeight = store.useState('triggerHeight');
+    const state = {
+        open,
+        transitionStatus,
+        side,
+        align,
+        triggerWidth,
+        triggerHeight,
+    };
     const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
         state,
         ref,
@@ -27,6 +42,7 @@ function ComboboxPopup(componentProps) {
             elementProps,
         ],
     });
+    // Items register here so they can be indexed in visual order.
     return (0, jsx_runtime_1.jsx)(CompositeList_1.CompositeList, { children: element });
 }
 //# sourceMappingURL=ComboboxPopup.js.map

package/lib/combobox/popup/ComboboxPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPopup.js","sourceRoot":"","sources":["../../../src/combobox/popup/ComboboxPopup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAWb,sCAqBC;;AA/BD,+CAAoC;AACpC,qEAAqE;AACrE,wEAAqE;AACrE,gFAA6E;AAG7E;;;GAGG;AACH,SAAgB,aAAa,CAAC,cAAmC;IAC/D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,4CAAsB,GAAE,CAAC;IAE1C,MAAM,KAAK,GAAuB,EAAE,IAAI,EAAE,CAAC;IAE3C,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,iBAAiB,EAAE,MAAe;gBAClC,kEAAkE;gBAClE,yBAAyB,EAAE,GAAG,EAAE,CAAC,IAAI;aACtC;YACD,YAAY;SACb;KACF,CAAC,CAAC;IAEH,OAAO,uBAAC,6BAAa,cAAE,OAAO,GAAiB,CAAC;AAClD,CAAC"}
+{"version":3,"file":"ComboboxPopup.js","sourceRoot":"","sources":["../../../src/combobox/popup/ComboboxPopup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAeb,sCAmCC;;AAjDD,+CAAoC;AACpC,qEAAqE;AACrE,uFAAuF;AACvF,iFAAiF;AACjF,wEAAqE;AACrE,gFAA6E;AAK7E;;;GAGG;AACH,SAAgB,aAAa,CAAC,cAAmC;;IAC/D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,KAAK,GAAG,IAAA,4CAAsB,GAAE,CAAC;IACvC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,wDAA4B,GAAE,CAAC;IACvD,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAA,IAAA,wDAA4B,GAAE,mCAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC;IAE/F,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IACpD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAEtD,MAAM,KAAK,GAAuB;QAChC,IAAI;QACJ,gBAAgB;QAChB,IAAI;QACJ,KAAK;QACL,YAAY;QACZ,aAAa;KACd,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,iBAAiB,EAAE,MAAe;gBAClC,kEAAkE;gBAClE,yBAAyB,EAAE,GAAG,EAAE,CAAC,IAAI;aACtC;YACD,YAAY;SACb;KACF,CAAC,CAAC;IAEH,8DAA8D;IAC9D,OAAO,uBAAC,6BAAa,cAAE,OAAO,GAAiB,CAAC;AAClD,CAAC"}

package/lib/combobox/portal/ComboboxPortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPortal.d.ts","sourceRoot":"","sources":["../../../src/combobox/portal/ComboboxPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,4BAwBzD;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CACzC"}
+{"version":3,"file":"ComboboxPortal.d.ts","sourceRoot":"","sources":["../../../src/combobox/portal/ComboboxPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,4BA2BzD;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CACzC"}

package/lib/combobox/portal/ComboboxPortal.js

@@ -5,19 +5,23 @@ exports.ComboboxPortal = ComboboxPortal;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_native_1 = require("react-native");
 const ComboboxRootContext_1 = require("../root/ComboboxRootContext");
+const ComboboxPortalContext_1 = require("./ComboboxPortalContext");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
 /**
  * Moves the popup to the top of the app, as an RN `Modal` like the rest of the
  * popup family.
  */
 function ComboboxPortal(props) {
     const { children, keepMounted = false } = props;
-    const { open, setOpen } = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const store = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const open = store.useState('open');
     const shouldRender = open || keepMounted;
     if (!shouldRender) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { transparent: true, visible: open, animationType: "fade", statusBarTranslucent: true, navigationBarTranslucent: true, onRequestClose: (event) => {
-            setOpen(false, event);
-        }, children: children }));
+    return ((0, jsx_runtime_1.jsx)(ComboboxPortalContext_1.ComboboxPortalContext.Provider, { value: keepMounted, children: (0, jsx_runtime_1.jsx)(react_native_1.Modal, { transparent: true, visible: open, animationType: "fade", statusBarTranslucent: true, navigationBarTranslucent: true, onRequestClose: (event) => {
+                store.setOpen(false, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.escapeKey, event));
+            }, children: children }) }));
 }
 //# sourceMappingURL=ComboboxPortal.js.map

package/lib/combobox/portal/ComboboxPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPortal.js","sourceRoot":"","sources":["../../../src/combobox/portal/ComboboxPortal.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AASb,wCAwBC;;AA/BD,+CAAgE;AAChE,qEAAqE;AAErE;;;GAGG;AACH,SAAgB,cAAc,CAAC,KAA2B;IACxD,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAA,4CAAsB,GAAE,CAAC;IAEnD,MAAM,YAAY,GAAG,IAAI,IAAI,WAAW,CAAC;IACzC,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,oBAAK,IACJ,WAAW,QACX,OAAO,EAAE,IAAI,EACb,aAAa,EAAC,MAAM,EACpB,oBAAoB,QACpB,wBAAwB,QACxB,cAAc,EAAE,CAAC,KAAoC,EAAE,EAAE;YACvD,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACxB,CAAC,YAEA,QAAQ,GACH,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ComboboxPortal.js","sourceRoot":"","sources":["../../../src/combobox/portal/ComboboxPortal.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAYb,wCA2BC;;AArCD,+CAAgE;AAChE,qEAAqE;AACrE,mEAAgE;AAChE,mFAAgF;AAChF,iDAA8C;AAE9C;;;GAGG;AACH,SAAgB,cAAc,CAAC,KAA2B;IACxD,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,KAAK,GAAG,IAAA,4CAAsB,GAAE,CAAC;IACvC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAG,IAAI,IAAI,WAAW,CAAC;IACzC,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,6CAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YAChD,uBAAC,oBAAK,IACJ,WAAW,QACX,OAAO,EAAE,IAAI,EACb,aAAa,EAAC,MAAM,EACpB,oBAAoB,QACpB,wBAAwB,QACxB,cAAc,EAAE,CAAC,KAAoC,EAAE,EAAE;gBACvD,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAA,mDAAwB,EAAC,iBAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;YAC3E,CAAC,YAEA,QAAQ,GACH,GACuB,CAClC,CAAC;AACJ,CAAC"}

package/lib/combobox/portal/ComboboxPortalContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const ComboboxPortalContext: React.Context<boolean | undefined>;
+export declare function useComboboxPortalContext(): boolean;
+//# sourceMappingURL=ComboboxPortalContext.d.ts.map

package/lib/combobox/portal/ComboboxPortalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPortalContext.d.ts","sourceRoot":"","sources":["../../../src/combobox/portal/ComboboxPortalContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,qBAAqB,oCAAsD,CAAC;AAEzF,wBAAgB,wBAAwB,YASvC"}

package/lib/combobox/portal/ComboboxPortalContext.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.ComboboxPortalContext = void 0;
+exports.useComboboxPortalContext = useComboboxPortalContext;
+const React = __importStar(require("react"));
+exports.ComboboxPortalContext = React.createContext(undefined);
+function useComboboxPortalContext() {
+    const context = React.useContext(exports.ComboboxPortalContext);
+    if (context === undefined) {
+        throw new Error('Zest: ComboboxPortalContext is missing. <Combobox.Positioner> must be placed within <Combobox.Portal>.');
+    }
+    return context;
+}
+//# sourceMappingURL=ComboboxPortalContext.js.map

package/lib/combobox/portal/ComboboxPortalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPortalContext.js","sourceRoot":"","sources":["../../../src/combobox/portal/ComboboxPortalContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKb,4DASC;AAbD,6CAA+B;AAElB,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAsB,SAAS,CAAC,CAAC;AAEzF,SAAgB,wBAAwB;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAqB,CAAC,CAAC;IACxD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,wGAAwG,CACzG,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/combobox/positioner/ComboboxPositioner.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { View } from 'react-native';
 import { type Align, type Side, type UseAnchorPositioningSharedParameters } from '../../utils/useAnchorPositioning';
 import type { ZestUIComponentProps } from '../../types';
@@ -5,11 +6,20 @@ import type { ZestUIComponentProps } from '../../types';
  * Positions the list against the input.
  * Renders a `<View>`.
  */
-export declare function ComboboxPositioner(componentProps: ComboboxPositioner.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function ComboboxPositioner(componentProps: ComboboxPositioner.Props): React.JSX.Element;
 export interface ComboboxPositionerState {
     open: boolean;
     side: Side;
     align: Align;
+    /**
+     * The input's measured width, available for consumers to apply to the popup.
+     * This is the React Native equivalent of the web's `--anchor-width` CSS variable.
+     */
+    triggerWidth: number | undefined;
+    /**
+     * The input's measured height.
+     */
+    triggerHeight: number | undefined;
 }
 export interface ComboboxPositionerProps extends UseAnchorPositioningSharedParameters, ZestUIComponentProps<typeof View, ComboboxPositionerState> {
 }

package/lib/combobox/positioner/ComboboxPositioner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPositioner.d.ts","sourceRoot":"","sources":["../../../src/combobox/positioner/ComboboxPositioner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,EAEL,KAAK,KAAK,EACV,KAAK,IAAI,EACT,KAAK,oCAAoC,EAC1C,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,cAAc,EAAE,kBAAkB,CAAC,KAAK,8FAgD1E;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,uBACf,SAAQ,oCAAoC,EAC1C,oBAAoB,CAAC,OAAO,IAAI,EAAE,uBAAuB,CAAC;CAAG;AAEjE,yBAAiB,kBAAkB,CAAC;IAClC,KAAY,KAAK,GAAG,uBAAuB,CAAC;IAC5C,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC7C"}
+{"version":3,"file":"ComboboxPositioner.d.ts","sourceRoot":"","sources":["../../../src/combobox/positioner/ComboboxPositioner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOpC,OAAO,EAEL,KAAK,KAAK,EACV,KAAK,IAAI,EACT,KAAK,oCAAoC,EAC1C,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,cAAc,EAAE,kBAAkB,CAAC,KAAK,qBAiF1E;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb;;;OAGG;IACH,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,uBACf,SAAQ,oCAAoC,EAC1C,oBAAoB,CAAC,OAAO,IAAI,EAAE,uBAAuB,CAAC;CAAG;AAEjE,yBAAiB,kBAAkB,CAAC;IAClC,KAAY,KAAK,GAAG,uBAAuB,CAAC;IAC5C,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC7C"}

package/lib/combobox/positioner/ComboboxPositioner.js

@@ -1,9 +1,46 @@
 "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.ComboboxPositioner = ComboboxPositioner;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const ComboboxRootContext_1 = require("../root/ComboboxRootContext");
+const ComboboxPortalContext_1 = require("../portal/ComboboxPortalContext");
+const ComboboxPositionerContext_1 = require("./ComboboxPositionerContext");
 const useRenderElement_1 = require("../../use-render/useRenderElement");
 const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
 const useMergedRefs_1 = require("../../hooks/useMergedRefs");
@@ -14,7 +51,12 @@ const useAnchorPositioning_1 = require("../../utils/useAnchorPositioning");
  */
 function ComboboxPositioner(componentProps) {
     const { align = 'start', alignOffset = 0, arrowPadding = 5, className, collisionPadding = 5, render, side = 'bottom', sideOffset = 4, sticky = false, style, ref, ...elementProps } = componentProps;
-    const { open, triggerNode, setUpdate } = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    (0, ComboboxPortalContext_1.useComboboxPortalContext)();
+    const store = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const open = store.useState('open');
+    const triggerNode = store.useState('triggerNode');
+    const triggerWidth = store.useState('triggerWidth');
+    const triggerHeight = store.useState('triggerHeight');
     const positioning = (0, useAnchorPositioning_1.useAnchorPositioning)({
         align,
         alignOffset,
@@ -29,15 +71,33 @@ function ComboboxPositioner(componentProps) {
         refs.setReference(triggerNode !== null && triggerNode !== void 0 ? triggerNode : null);
     }, [refs, triggerNode]);
     (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
-        setUpdate(update);
-        return () => setUpdate(undefined);
-    }, [setUpdate, update]);
+        store.set('update', update);
+        return () => {
+            store.set('update', undefined);
+        };
+    }, [store, update]);
     const mergedRef = (0, useMergedRefs_1.useMergedRefs)(ref, refs.setFloating);
-    const state = { open, side: positioning.side, align: positioning.align };
-    return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+    const state = {
+        open,
+        side: positioning.side,
+        align: positioning.align,
+        triggerWidth,
+        triggerHeight,
+    };
+    const contextValue = React.useMemo(() => ({ side: positioning.side, align: positioning.align }), [positioning.side, positioning.align]);
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
         state,
         ref: mergedRef,
-        props: [{ style: positionerStyles, onLayout: () => update() }, elementProps],
+        props: [
+            {
+                style: positionerStyles,
+                onLayout() {
+                    update();
+                },
+            },
+            elementProps,
+        ],
     });
+    return ((0, jsx_runtime_1.jsx)(ComboboxPositionerContext_1.ComboboxPositionerContext.Provider, { value: contextValue, children: element }));
 }
 //# sourceMappingURL=ComboboxPositioner.js.map

package/lib/combobox/positioner/ComboboxPositioner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPositioner.js","sourceRoot":"","sources":["../../../src/combobox/positioner/ComboboxPositioner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAkBb,gDAgDC;AAjED,+CAAoC;AACpC,qEAAqE;AACrE,wEAAqE;AACrE,uEAAoE;AACpE,6DAA0D;AAC1D,2EAK0C;AAG1C;;;GAGG;AACH,SAAgB,kBAAkB,CAAC,cAAwC;IACzE,MAAM,EACJ,KAAK,GAAG,OAAO,EACf,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,CAAC,EAChB,SAAS,EACT,gBAAgB,GAAG,CAAC,EACpB,MAAM,EACN,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,MAAM,GAAG,KAAK,EACd,KAAK,EACL,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAA,4CAAsB,GAAE,CAAC;IAElE,MAAM,WAAW,GAAG,IAAA,2CAAoB,EAAC;QACvC,KAAK;QACL,WAAW;QACX,YAAY;QACZ,gBAAgB;QAChB,IAAI;QACJ,UAAU;QACV,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;IAEvD,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,IAAI,CAAC,YAAY,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAI,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,SAAS,CAAC,MAAM,CAAC,CAAC;QAClB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAEvD,MAAM,KAAK,GAA4B,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC;IAElG,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,YAAY,CAAC;KAC7E,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"ComboboxPositioner.js","sourceRoot":"","sources":["../../../src/combobox/positioner/ComboboxPositioner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBb,gDAiFC;;AArGD,6CAA+B;AAC/B,+CAAoC;AACpC,qEAAqE;AACrE,2EAA2E;AAC3E,2EAAwE;AACxE,wEAAqE;AACrE,uEAAoE;AACpE,6DAA0D;AAC1D,2EAK0C;AAG1C;;;GAGG;AACH,SAAgB,kBAAkB,CAAC,cAAwC;IACzE,MAAM,EACJ,KAAK,GAAG,OAAO,EACf,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,CAAC,EAChB,SAAS,EACT,gBAAgB,GAAG,CAAC,EACpB,MAAM,EACN,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,MAAM,GAAG,KAAK,EACd,KAAK,EACL,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,IAAA,gDAAwB,GAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,IAAA,4CAAsB,GAAE,CAAC;IAEvC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IACpD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAEtD,MAAM,WAAW,GAAG,IAAA,2CAAoB,EAAC;QACvC,KAAK;QACL,WAAW;QACX,YAAY;QACZ,gBAAgB;QAChB,IAAI;QACJ,UAAU;QACV,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;IAEvD,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,IAAI,CAAC,YAAY,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAI,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAEvD,MAAM,KAAK,GAA4B;QACrC,IAAI;QACJ,IAAI,EAAE,WAAW,CAAC,IAAI;QACtB,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,YAAY;QACZ,aAAa;KACd,CAAC;IAEF,MAAM,YAAY,GAA8B,KAAK,CAAC,OAAO,CAC3D,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,EAC5D,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,CACtC,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,gBAAgB;gBACvB,QAAQ;oBACN,MAAM,EAAE,CAAC;gBACX,CAAC;aACF;YACD,YAAY;SACb;KACF,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,qDAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACpD,OAAO,GAC2B,CACtC,CAAC;AACJ,CAAC"}

package/lib/combobox/positioner/ComboboxPositionerContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { Align, Side } from '../../utils/useAnchorPositioning';
+export interface ComboboxPositionerContext {
+    side: Side;
+    align: Align;
+}
+export declare const ComboboxPositionerContext: React.Context<ComboboxPositionerContext | undefined>;
+export declare function useComboboxPositionerContext(): ComboboxPositionerContext;
+//# sourceMappingURL=ComboboxPositionerContext.d.ts.map

package/lib/combobox/positioner/ComboboxPositionerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPositionerContext.d.ts","sourceRoot":"","sources":["../../../src/combobox/positioner/ComboboxPositionerContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,yBAAyB,sDAE1B,CAAC;AAEb,wBAAgB,4BAA4B,8BAS3C"}