@limonify/zest-ui 0.1.0

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { type ComboboxItem } from '../root/ComboboxRootContext';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * Renders the filtered items through a render function.
+ * Renders a `<View>`.
+ *
+ * ```tsx
+ * <Combobox.List>{(item) => <Combobox.Item key={String(item.value)} item={item} />}</Combobox.List>
+ * ```
+ */
+export declare function ComboboxList(componentProps: ComboboxList.Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export interface ComboboxListState {
+    open: boolean;
+    empty: boolean;
+}
+export interface ComboboxListProps extends Omit<ZestUIComponentProps<typeof View, ComboboxListState>, 'children'> {
+    children: (item: ComboboxItem) => React.ReactNode;
+}
+export declare namespace ComboboxList {
+    type State = ComboboxListState;
+    type Props = ComboboxListProps;
+}
+//# sourceMappingURL=ComboboxList.d.ts.map

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

@@ -0,0 +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"}

package/lib/combobox/list/ComboboxList.js

@@ -0,0 +1,26 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxList = ComboboxList;
+const react_native_1 = require("react-native");
+const ComboboxRootContext_1 = require("../root/ComboboxRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+/**
+ * Renders the filtered items through a render function.
+ * Renders a `<View>`.
+ *
+ * ```tsx
+ * <Combobox.List>{(item) => <Combobox.Item key={String(item.value)} item={item} />}</Combobox.List>
+ * ```
+ */
+function ComboboxList(componentProps) {
+    const { render, className, style, children, ref, ...elementProps } = componentProps;
+    const { filteredItems, open } = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const state = { open, empty: filteredItems.length === 0 };
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: [{ children: filteredItems.map((item) => children(item)) }, elementProps],
+    });
+}
+//# sourceMappingURL=ComboboxList.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,17 @@
+import { View } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A container for the filtered list.
+ * Renders a `<View>`.
+ */
+export declare function ComboboxPopup(componentProps: ComboboxPopup.Props): import("react").JSX.Element;
+export interface ComboboxPopupState {
+    open: boolean;
+}
+export interface ComboboxPopupProps extends ZestUIComponentProps<typeof View, ComboboxPopupState> {
+}
+export declare namespace ComboboxPopup {
+    type State = ComboboxPopupState;
+    type Props = ComboboxPopupProps;
+}
+//# sourceMappingURL=ComboboxPopup.d.ts.map

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

@@ -0,0 +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"}

package/lib/combobox/popup/ComboboxPopup.js

@@ -0,0 +1,32 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+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 useRenderElement_1 = require("../../use-render/useRenderElement");
+const CompositeList_1 = require("../../internals/composite/list/CompositeList");
+/**
+ * A container for the filtered list.
+ * Renders a `<View>`.
+ */
+function ComboboxPopup(componentProps) {
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const { open } = (0, ComboboxRootContext_1.useComboboxRootContext)();
+    const state = { open };
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                accessibilityRole: 'list',
+                // Claim the responder so presses inside never reach the backdrop.
+                onStartShouldSetResponder: () => true,
+            },
+            elementProps,
+        ],
+    });
+    return (0, jsx_runtime_1.jsx)(CompositeList_1.CompositeList, { children: element });
+}
+//# sourceMappingURL=ComboboxPopup.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+/**
+ * Moves the popup to the top of the app, as an RN `Modal` like the rest of the
+ * popup family.
+ */
+export declare function ComboboxPortal(props: ComboboxPortal.Props): React.JSX.Element | null;
+export interface ComboboxPortalProps {
+    children?: React.ReactNode;
+    /**
+     * Whether to keep the portal mounted while the list is closed.
+     * @default false
+     */
+    keepMounted?: boolean | undefined;
+}
+export declare namespace ComboboxPortal {
+    type Props = ComboboxPortalProps;
+}
+//# sourceMappingURL=ComboboxPortal.d.ts.map

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

@@ -0,0 +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"}

package/lib/combobox/portal/ComboboxPortal.js

@@ -0,0 +1,23 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxPortal = ComboboxPortal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const ComboboxRootContext_1 = require("../root/ComboboxRootContext");
+/**
+ * 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 shouldRender = open || keepMounted;
+    if (!shouldRender) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { transparent: true, visible: open, animationType: "none", statusBarTranslucent: true, navigationBarTranslucent: true, onRequestClose: (event) => {
+            setOpen(false, event);
+        }, children: children }));
+}
+//# sourceMappingURL=ComboboxPortal.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,20 @@
+import { View } from 'react-native';
+import { type Align, type Side, type UseAnchorPositioningSharedParameters } from '../../utils/useAnchorPositioning';
+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 interface ComboboxPositionerState {
+    open: boolean;
+    side: Side;
+    align: Align;
+}
+export interface ComboboxPositionerProps extends UseAnchorPositioningSharedParameters, ZestUIComponentProps<typeof View, ComboboxPositionerState> {
+}
+export declare namespace ComboboxPositioner {
+    type State = ComboboxPositionerState;
+    type Props = ComboboxPositionerProps;
+}
+//# sourceMappingURL=ComboboxPositioner.d.ts.map

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

@@ -0,0 +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"}

package/lib/combobox/positioner/ComboboxPositioner.js

@@ -0,0 +1,43 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxPositioner = ComboboxPositioner;
+const react_native_1 = require("react-native");
+const ComboboxRootContext_1 = require("../root/ComboboxRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
+const useMergedRefs_1 = require("../../hooks/useMergedRefs");
+const useAnchorPositioning_1 = require("../../utils/useAnchorPositioning");
+/**
+ * Positions the list against the input.
+ * Renders a `<View>`.
+ */
+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)();
+    const positioning = (0, useAnchorPositioning_1.useAnchorPositioning)({
+        align,
+        alignOffset,
+        arrowPadding,
+        collisionPadding,
+        side,
+        sideOffset,
+        sticky,
+    });
+    const { positionerStyles, refs, update } = positioning;
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        refs.setReference(triggerNode !== null && triggerNode !== void 0 ? triggerNode : null);
+    }, [refs, triggerNode]);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        setUpdate(update);
+        return () => setUpdate(undefined);
+    }, [setUpdate, 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, {
+        state,
+        ref: mergedRef,
+        props: [{ style: positionerStyles, onLayout: () => update() }, elementProps],
+    });
+}
+//# sourceMappingURL=ComboboxPositioner.js.map

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

@@ -0,0 +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"}

package/lib/combobox/root/ComboboxRoot.d.ts

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import type { ZestNativeEvent } from '../../utils/createChangeEventDetails';
+import { type ComboboxItem } from './ComboboxRootContext';
+import { type ComboboxItems } from './useComboboxRoot';
+/**
+ * Groups all parts of the combobox: a text input that filters a list of items,
+ * one of which is selected.
+ * Doesn't render its own element.
+ *
+ * **Adapted from upstream.** Base UI's Combobox is a large component built on a
+ * shared collection/filter core with chips, groups, rows and virtualization.
+ * This is a focused React Native port: an input, a filtered list, and single
+ * selection. Filtering is a case-insensitive label match by default; pass
+ * `filter` to change it.
+ */
+export declare function ComboboxRoot(props: ComboboxRoot.Props): React.JSX.Element;
+export interface ComboboxRootState {
+}
+export interface ComboboxRootProps {
+    /**
+     * The items to filter and choose from. Strings, or `{ value, label }` records
+     * for non-string values.
+     */
+    items?: ComboboxItems | undefined;
+    /**
+     * The selected value.
+     */
+    value?: unknown;
+    /**
+     * The initially selected value when uncontrolled.
+     */
+    defaultValue?: unknown;
+    /**
+     * Called when the selection changes.
+     */
+    onValueChange?: ((value: unknown) => void) | undefined;
+    /**
+     * The controlled input text.
+     */
+    inputValue?: string | undefined;
+    /**
+     * The initial input text when uncontrolled.
+     */
+    defaultInputValue?: string | undefined;
+    /**
+     * Called as the input text changes.
+     */
+    onInputValueChange?: ((value: string) => void) | undefined;
+    /**
+     * Whether the list is open.
+     */
+    open?: boolean | undefined;
+    /**
+     * Whether the list is initially open when uncontrolled.
+     */
+    defaultOpen?: boolean | undefined;
+    /**
+     * Called when the list opens or closes.
+     */
+    onOpenChange?: ((open: boolean, event?: ZestNativeEvent) => void) | undefined;
+    /**
+     * Whether focusing the input opens the list.
+     * @default true
+     */
+    openOnFocus?: boolean | undefined;
+    /**
+     * A custom filter predicate. Defaults to a case-insensitive label match.
+     */
+    filter?: ((item: ComboboxItem, query: string) => boolean) | undefined;
+    /**
+     * Whether the combobox is disabled.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    children?: React.ReactNode;
+}
+export declare namespace ComboboxRoot {
+    type State = ComboboxRootState;
+    type Props = ComboboxRootProps;
+}
+//# sourceMappingURL=ComboboxRoot.d.ts.map

package/lib/combobox/root/ComboboxRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxRoot.d.ts","sourceRoot":"","sources":["../../../src/combobox/root/ComboboxRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAExE;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,qBAoCrD;AAED,MAAM,WAAW,iBAAiB;CAAG;AAErC,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9E;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IACtE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC"}

package/lib/combobox/root/ComboboxRoot.js

@@ -0,0 +1,39 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxRoot = ComboboxRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ComboboxRootContext_1 = require("./ComboboxRootContext");
+const useComboboxRoot_1 = require("./useComboboxRoot");
+/**
+ * Groups all parts of the combobox: a text input that filters a list of items,
+ * one of which is selected.
+ * Doesn't render its own element.
+ *
+ * **Adapted from upstream.** Base UI's Combobox is a large component built on a
+ * shared collection/filter core with chips, groups, rows and virtualization.
+ * This is a focused React Native port: an input, a filtered list, and single
+ * selection. Filtering is a case-insensitive label match by default; pass
+ * `filter` to change it.
+ */
+function ComboboxRoot(props) {
+    const { items, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputValueChange, open, defaultOpen, onOpenChange, openOnFocus, filter, disabled = false, children, } = props;
+    const contextValue = (0, useComboboxRoot_1.useComboboxRoot)({
+        mode: 'combobox',
+        items,
+        value,
+        defaultValue,
+        onValueChange,
+        inputValue,
+        defaultInputValue,
+        onInputValueChange,
+        open,
+        defaultOpen,
+        onOpenChange,
+        openOnFocus,
+        filter,
+        disabled,
+    });
+    return (0, jsx_runtime_1.jsx)(ComboboxRootContext_1.ComboboxRootContext.Provider, { value: contextValue, children: children });
+}
+//# sourceMappingURL=ComboboxRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxRoot.js","sourceRoot":"","sources":["../../../src/combobox/root/ComboboxRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAiBb,oCAoCC;;AAlDD,+DAA+E;AAC/E,uDAAwE;AAExE;;;;;;;;;;GAUG;AACH,SAAgB,YAAY,CAAC,KAAyB;IACpD,MAAM,EACJ,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,IAAA,iCAAe,EAAC;QACnC,IAAI,EAAE,UAAU;QAChB,KAAK;QACL,KAAK;QACL,YAAY;QACZ,aAAa;QACb,UAAU;QACV,iBAAiB;QACjB,kBAAkB;QAClB,IAAI;QACJ,WAAW;QACX,YAAY;QACZ,WAAW;QACX,MAAM;QACN,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,uBAAC,yCAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAgC,CAAC;AACtG,CAAC"}

package/lib/combobox/root/ComboboxRootContext.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import type { ZestNativeEvent } from '../../utils/createChangeEventDetails';
+export interface ComboboxItem {
+    value: unknown;
+    label: string;
+}
+export interface ComboboxRootContext {
+    /**
+     * `'combobox'` selects a value and shows its label; `'autocomplete'` is free
+     * text with suggestions, where the typed string is the value.
+     */
+    mode: 'combobox' | 'autocomplete';
+    open: boolean;
+    setOpen: (open: boolean, event?: ZestNativeEvent) => void;
+    inputValue: string;
+    setInputValue: (value: string) => void;
+    /**
+     * The selected value (combobox mode only). `null` when nothing is selected.
+     */
+    selectedValue: unknown;
+    /**
+     * Selects an item: records the value, fills the input with its label, and
+     * closes the popup.
+     */
+    selectItem: (item: ComboboxItem, event?: ZestNativeEvent) => void;
+    /**
+     * The items after filtering by the current input value.
+     */
+    filteredItems: ComboboxItem[];
+    disabled: boolean;
+    /**
+     * Whether focusing the input opens the list.
+     */
+    openOnFocus: boolean;
+    /**
+     * The anchor's native node, carried across the portal boundary.
+     */
+    triggerNode: unknown;
+    setTriggerNode: (node: unknown) => void;
+    update: (() => void) | undefined;
+    setUpdate: (fn: (() => void) | undefined) => void;
+}
+export declare const ComboboxRootContext: React.Context<ComboboxRootContext | undefined>;
+export declare function useComboboxRootContext(): ComboboxRootContext;
+//# sourceMappingURL=ComboboxRootContext.d.ts.map

package/lib/combobox/root/ComboboxRootContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxRootContext.d.ts","sourceRoot":"","sources":["../../../src/combobox/root/ComboboxRootContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAE5E,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,IAAI,EAAE,UAAU,GAAG,cAAc,CAAC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACjC,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,mBAAmB,gDAAkE,CAAC;AAEnG,wBAAgB,sBAAsB,wBASrC"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxRootContext.js","sourceRoot":"","sources":["../../../src/combobox/root/ComboboxRootContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDb,wDASC;AAxDD,6CAA+B;AA6ClB,QAAA,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAkC,SAAS,CAAC,CAAC;AAEnG,SAAgB,sBAAsB;IACpC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAmB,CAAC,CAAC;IACtD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,oHAAoH,CACrH,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/combobox/root/useComboboxRoot.d.ts

@@ -0,0 +1,29 @@
+import type { ZestNativeEvent } from '../../utils/createChangeEventDetails';
+import { ComboboxRootContext, type ComboboxItem } from './ComboboxRootContext';
+export type ComboboxItems = ReadonlyArray<string | {
+    value: unknown;
+    label: string;
+}>;
+export interface UseComboboxRootParameters {
+    mode: 'combobox' | 'autocomplete';
+    items: ComboboxItems | undefined;
+    value?: unknown;
+    defaultValue?: unknown;
+    onValueChange?: ((value: unknown) => void) | undefined;
+    inputValue?: string | undefined;
+    defaultInputValue?: string | undefined;
+    onInputValueChange?: ((value: string) => void) | undefined;
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean, event?: ZestNativeEvent) => void) | undefined;
+    openOnFocus?: boolean | undefined;
+    filter?: ((item: ComboboxItem, query: string) => boolean) | undefined;
+    disabled: boolean;
+}
+/**
+ * The state behind `Combobox.Root` and `Autocomplete.Root`: the resolved item
+ * list, the filtered view of it, the input text, the selection, and the open
+ * state — plus the anchor plumbing the popup needs.
+ */
+export declare function useComboboxRoot(parameters: UseComboboxRootParameters): ComboboxRootContext;
+//# sourceMappingURL=useComboboxRoot.d.ts.map

package/lib/combobox/root/useComboboxRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxRoot.d.ts","sourceRoot":"","sources":["../../../src/combobox/root/useComboboxRoot.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,GAAG;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAYtF,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,UAAU,GAAG,cAAc,CAAC;IAClC,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9E,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IACtE,QAAQ,EAAE,OAAO,CAAC;CACnB;AAKD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,yBAAyB,GAAG,mBAAmB,CAgJ1F"}