@limonify/zest-ui 0.3.1 → 0.4.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPositionerContext.js","sourceRoot":"","sources":["../../../src/combobox/positioner/ComboboxPositionerContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAab,oEASC;AArBD,6CAA+B;AAQlB,QAAA,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAE1D,SAAS,CAAC,CAAC;AAEb,SAAgB,4BAA4B;IAC1C,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAyB,CAAC,CAAC;IAC5D,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,2GAA2G,CAC5G,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { ComboboxItem } from '../store/ComboboxStore';
+export interface ComboboxItemsContext {
+    /**
+     * The items left after filtering by the current query.
+     */
+    filteredItems: ComboboxItem[];
+}
+/**
+ * The filtered view of the items.
+ *
+ * This is derived from the store rather than stored in it: a synced store value
+ * only lands in a layout effect, which would leave the list one commit behind
+ * the text the user just typed.
+ */
+export declare const ComboboxItemsContext: React.Context<ComboboxItemsContext | undefined>;
+export declare function useComboboxItemsContext(): ComboboxItemsContext;
+//# sourceMappingURL=ComboboxItemsContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxItemsContext.d.ts","sourceRoot":"","sources":["../../../src/combobox/root/ComboboxItemsContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,aAAa,EAAE,YAAY,EAAE,CAAC;CAC/B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,iDAEhC,CAAC;AAEF,wBAAgB,uBAAuB,yBAStC"}

package/lib/combobox/root/ComboboxItemsContext.js

@@ -0,0 +1,55 @@
+"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.ComboboxItemsContext = void 0;
+exports.useComboboxItemsContext = useComboboxItemsContext;
+const React = __importStar(require("react"));
+/**
+ * The filtered view of the items.
+ *
+ * This is derived from the store rather than stored in it: a synced store value
+ * only lands in a layout effect, which would leave the list one commit behind
+ * the text the user just typed.
+ */
+exports.ComboboxItemsContext = React.createContext(undefined);
+function useComboboxItemsContext() {
+    const context = React.useContext(exports.ComboboxItemsContext);
+    if (context === undefined) {
+        throw new Error('Zest: ComboboxItemsContext is missing. Combobox parts must be placed within <Combobox.Root> or <Autocomplete.Root>.');
+    }
+    return context;
+}
+//# sourceMappingURL=ComboboxItemsContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxItemsContext.js","sourceRoot":"","sources":["../../../src/combobox/root/ComboboxItemsContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBb,0DASC;AA9BD,6CAA+B;AAU/B;;;;;;GAMG;AACU,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CACrD,SAAS,CACV,CAAC;AAEF,SAAgB,uBAAuB;IACrC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,4BAAoB,CAAC,CAAC;IACvD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,qHAAqH,CACtH,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

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

@@ -1,7 +1,8 @@
-import * as React from 'react';
-import type { ZestNativeEvent } from '../../utils/createChangeEventDetails';
-import { type ComboboxItem } from './ComboboxRootContext';
-import { type ComboboxItems } from './useComboboxRoot';
+import type * as React from 'react';
+import type { ZestChangeEventDetails } from '../../utils/createChangeEventDetails';
+import type { REASONS } from '../../utils/reasons';
+import type { ComboboxHandle } from '../store/ComboboxHandle';
+import type { ComboboxItem, ComboboxItems } from '../store/ComboboxStore';
 /**
  * Groups all parts of the combobox: a text input that filters a list of items,
  * one of which is selected.
@@ -10,13 +11,24 @@ import { type ComboboxItems } from './useComboboxRoot';
  * **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.
+ * selection. Filtering is a locale-aware label match by default (see
+ * `useFilter`); pass `filter` to change it.
  */
-export declare function ComboboxRoot(props: ComboboxRoot.Props): React.JSX.Element;
+export declare function ComboboxRoot<Payload = unknown>(props: ComboboxRoot.Props<Payload>): React.JSX.Element;
 export interface ComboboxRootState {
 }
-export interface ComboboxRootProps {
+export interface ComboboxRootActions {
+    /**
+     * Unmounts the list without firing `onOpenChange`. Call it after an
+     * externally controlled closing animation finishes.
+     */
+    unmount: () => void;
+    /**
+     * Closes the list, reporting the `imperative-action` reason.
+     */
+    close: () => void;
+}
+export interface ComboboxRootProps<Payload = unknown> {
     /**
      * The items to filter and choose from. Strings, or `{ value, label }` records
      * for non-string values.
@@ -24,16 +36,20 @@ export interface ComboboxRootProps {
     items?: ComboboxItems | undefined;
     /**
      * The selected value.
+     *
+     * To render an uncontrolled combobox, use the `defaultValue` prop instead.
      */
     value?: unknown;
     /**
-     * The initially selected value when uncontrolled.
+     * The initially selected value.
+     *
+     * To render a controlled combobox, use the `value` prop instead.
      */
     defaultValue?: unknown;
     /**
-     * Called when the selection changes.
+     * Event handler called when the selection changes.
      */
-    onValueChange?: ((value: unknown) => void) | undefined;
+    onValueChange?: ((value: any, eventDetails: ComboboxRoot.ChangeEventDetails) => void) | undefined;
     /**
      * The controlled input text.
      */
@@ -43,39 +59,79 @@ export interface ComboboxRootProps {
      */
     defaultInputValue?: string | undefined;
     /**
-     * Called as the input text changes.
+     * Event handler called as the input text changes.
      */
-    onInputValueChange?: ((value: string) => void) | undefined;
+    onInputValueChange?: ((value: string, eventDetails: ComboboxRoot.ChangeEventDetails) => void) | undefined;
     /**
-     * Whether the list is open.
+     * Whether the list is currently open.
      */
     open?: boolean | undefined;
     /**
-     * Whether the list is initially open when uncontrolled.
+     * Whether the list is initially open.
+     *
+     * To render a controlled combobox, use the `open` prop instead.
+     * @default false
      */
     defaultOpen?: boolean | undefined;
     /**
-     * Called when the list opens or closes.
+     * Event handler called when the list is opened or closed.
      */
-    onOpenChange?: ((open: boolean, event?: ZestNativeEvent) => void) | undefined;
+    onOpenChange?: ((open: boolean, eventDetails: ComboboxRoot.ChangeEventDetails) => 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.
+     * A custom filter predicate. Defaults to a locale-aware label match, so
+     * "resume" finds "Résumé" — see `useFilter` to build your own.
      */
     filter?: ((item: ComboboxItem, query: string) => boolean) | undefined;
     /**
-     * Whether the combobox is disabled.
+     * Whether the component should ignore user interaction.
      * @default false
      */
     disabled?: boolean | undefined;
-    children?: React.ReactNode;
+    /**
+     * Whether to prevent the list from closing on presses outside the popup.
+     * @default false
+     */
+    disablePointerDismissal?: boolean | undefined;
+    /**
+     * A ref to imperative actions.
+     */
+    actionsRef?: React.RefObject<ComboboxRoot.Actions | null> | undefined;
+    /**
+     * A handle associating this combobox with an input rendered outside it, and
+     * letting it be opened and closed imperatively. Create one with
+     * `Combobox.createHandle()`.
+     */
+    handle?: ComboboxHandle | undefined;
+    /**
+     * The id of the input the list is anchored to. Useful together with the `open`
+     * prop, to control which input a controlled list belongs to.
+     */
+    triggerId?: string | null | undefined;
+    /**
+     * The id of the input the list is initially anchored to. Useful together with
+     * `defaultOpen`.
+     */
+    defaultTriggerId?: string | null | undefined;
+    /**
+     * The content of the combobox.
+     *
+     * Pass a function to receive the payload the list was opened with, via a
+     * detached input's `payload` prop.
+     */
+    children?: React.ReactNode | ((payload: Payload) => React.ReactNode);
 }
+export type ComboboxRootChangeEventReason = typeof REASONS.inputPress | typeof REASONS.inputChange | typeof REASONS.triggerFocus | typeof REASONS.itemPress | typeof REASONS.outsidePress | typeof REASONS.escapeKey | typeof REASONS.imperativeAction | typeof REASONS.none;
+export type ComboboxRootChangeEventDetails = ZestChangeEventDetails<ComboboxRootChangeEventReason>;
 export declare namespace ComboboxRoot {
     type State = ComboboxRootState;
-    type Props = ComboboxRootProps;
+    type Props<Payload = unknown> = ComboboxRootProps<Payload>;
+    type Actions = ComboboxRootActions;
+    type ChangeEventReason = ComboboxRootChangeEventReason;
+    type ChangeEventDetails = ComboboxRootChangeEventDetails;
 }
 //# sourceMappingURL=ComboboxRoot.d.ts.map

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

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

package/lib/combobox/root/ComboboxRoot.js

@@ -2,9 +2,7 @@
 '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");
+const useRenderComboboxRoot_1 = require("./useRenderComboboxRoot");
 /**
  * Groups all parts of the combobox: a text input that filters a list of items,
  * one of which is selected.
@@ -13,27 +11,10 @@ const useComboboxRoot_1 = require("./useComboboxRoot");
  * **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.
+ * selection. Filtering is a locale-aware label match by default (see
+ * `useFilter`); 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 });
+    return (0, useRenderComboboxRoot_1.useRenderComboboxRoot)(props, 'combobox');
 }
 //# sourceMappingURL=ComboboxRoot.js.map

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

@@ -1 +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"}
+{"version":3,"file":"ComboboxRoot.js","sourceRoot":"","sources":["../../../src/combobox/root/ComboboxRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAmBb,oCAEC;AAfD,mEAAgE;AAEhE;;;;;;;;;;GAUG;AACH,SAAgB,YAAY,CAAoB,KAAkC;IAChF,OAAO,IAAA,6CAAqB,EAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AAClD,CAAC"}

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

@@ -1,45 +1,6 @@
 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;
+import type { ComboboxStore } from '../store/ComboboxStore';
+export type { ComboboxItem, ComboboxItems } from '../store/ComboboxStore';
+export declare const ComboboxRootContext: React.Context<ComboboxStore | undefined>;
+export declare function useComboboxRootContext(): ComboboxStore;
 //# sourceMappingURL=ComboboxRootContext.d.ts.map

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

@@ -1 +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"}
+{"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,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE1E,eAAO,MAAM,mBAAmB,0CAA4D,CAAC;AAE7F,wBAAgB,sBAAsB,kBASrC"}

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

@@ -1 +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"}
+{"version":3,"file":"ComboboxRootContext.js","sourceRoot":"","sources":["../../../src/combobox/root/ComboboxRootContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQb,wDASC;AAhBD,6CAA+B;AAKlB,QAAA,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAA4B,SAAS,CAAC,CAAC;AAE7F,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/ComboboxTransitionContext.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { TransitionStatus } from '../../internals/useTransitionStatus';
+export interface ComboboxTransitionContext {
+    transitionStatus: TransitionStatus;
+}
+export declare const ComboboxTransitionContext: React.Context<ComboboxTransitionContext | undefined>;
+export declare function useComboboxTransitionContext(): ComboboxTransitionContext | undefined;
+//# sourceMappingURL=ComboboxTransitionContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTransitionContext.d.ts","sourceRoot":"","sources":["../../../src/combobox/root/ComboboxTransitionContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,WAAW,yBAAyB;IACxC,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED,eAAO,MAAM,yBAAyB,sDAE1B,CAAC;AAEb,wBAAgB,4BAA4B,0CAE3C"}

package/lib/combobox/root/ComboboxTransitionContext.js

@@ -0,0 +1,44 @@
+"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.ComboboxTransitionContext = void 0;
+exports.useComboboxTransitionContext = useComboboxTransitionContext;
+const React = __importStar(require("react"));
+exports.ComboboxTransitionContext = React.createContext(undefined);
+function useComboboxTransitionContext() {
+    return React.useContext(exports.ComboboxTransitionContext);
+}
+//# sourceMappingURL=ComboboxTransitionContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTransitionContext.js","sourceRoot":"","sources":["../../../src/combobox/root/ComboboxTransitionContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYb,oEAEC;AAbD,6CAA+B;AAOlB,QAAA,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAE1D,SAAS,CAAC,CAAC;AAEb,SAAgB,4BAA4B;IAC1C,OAAO,KAAK,CAAC,UAAU,CAAC,iCAAyB,CAAC,CAAC;AACrD,CAAC"}

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

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import type { ComboboxHandle } from '../store/ComboboxHandle';
+import { type ComboboxItem, type ComboboxItems } from '../store/ComboboxStore';
+import type { ComboboxRoot } from './ComboboxRoot';
+export type ComboboxMode = 'combobox' | 'autocomplete';
+/**
+ * The props both `Combobox.Root` and `Autocomplete.Root` accept. An
+ * autocomplete's value *is* its input text, so it omits the selection props.
+ */
+export interface UseRenderComboboxRootProps<Payload = unknown> {
+    items?: ComboboxItems | undefined;
+    value?: unknown;
+    defaultValue?: unknown;
+    onValueChange?: ((value: any, eventDetails: ComboboxRoot.ChangeEventDetails) => void) | undefined;
+    inputValue?: string | undefined;
+    defaultInputValue?: string | undefined;
+    onInputValueChange?: ((value: string, eventDetails: ComboboxRoot.ChangeEventDetails) => void) | undefined;
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean, eventDetails: ComboboxRoot.ChangeEventDetails) => void) | undefined;
+    openOnFocus?: boolean | undefined;
+    filter?: ((item: ComboboxItem, query: string) => boolean) | undefined;
+    disabled?: boolean | undefined;
+    disablePointerDismissal?: boolean | undefined;
+    actionsRef?: React.RefObject<ComboboxRoot.Actions | null> | undefined;
+    handle?: ComboboxHandle | undefined;
+    triggerId?: string | null | undefined;
+    defaultTriggerId?: string | null | undefined;
+    children?: React.ReactNode | ((payload: Payload) => React.ReactNode);
+}
+/**
+ * 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.
+ */
+export declare function useRenderComboboxRoot<Payload = unknown>(props: UseRenderComboboxRootProps<Payload>, mode: ComboboxMode): React.JSX.Element;
+//# sourceMappingURL=useRenderComboboxRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderComboboxRoot.d.ts","sourceRoot":"","sources":["../../../src/combobox/root/useRenderComboboxRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKnD,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,cAAc,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,0BAA0B,CAAC,OAAO,GAAG,OAAO;IAC3D,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClG,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,kBAAkB,CAAC,EACf,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,CAAC,kBAAkB,KAAK,IAAI,CAAC,GACxE,SAAS,CAAC;IACd,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,YAAY,EAAE,YAAY,CAAC,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpG,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,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACtE;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,GAAG,OAAO,EACrD,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,EAC1C,IAAI,EAAE,YAAY,qBAkInB"}