@raystack/apsara 0.55.0 → 0.56.0

package/dist/components/combobox/combobox-input.cjs

@@ -0,0 +1,47 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@ariakit/react');
+var reactIcons = require('@radix-ui/react-icons');
+var radixUi = require('radix-ui');
+var React = require('react');
+var inputField = require('../input-field/input-field.cjs');
+var combobox_module = require('./combobox.module.css.cjs');
+var comboboxRoot = require('./combobox-root.cjs');
+
+const ComboboxInput = React.forwardRef(({ onBlur, ...props }, ref) => {
+    const { inputRef, listRef, value, multiple, inputValue, setInputValue, setValue } = comboboxRoot.useComboboxContext();
+    const handleOnKeyDown = React.useCallback((event) => {
+        if (event.key === 'Backspace') {
+            if (multiple && !inputValue?.length) {
+                event.preventDefault();
+                setValue(value?.slice(0, -1));
+            }
+        }
+    }, [multiple, inputValue, value, setValue]);
+    const handleOnBlur = React.useCallback((event) => {
+        const target = event.relatedTarget;
+        const isInput = target === inputRef.current;
+        const inListbox = target && listRef.current?.contains(target);
+        if (isInput || inListbox)
+            return;
+        if (!multiple) {
+            if (typeof value === 'string' && value.length)
+                setInputValue(value);
+            else
+                setInputValue('');
+        }
+        onBlur?.(event);
+    }, [onBlur, multiple, value, inputRef, listRef, setInputValue]);
+    return (jsxRuntime.jsx(radixUi.Popover.Anchor, { asChild: true, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(react.Combobox, { autoSelect: 'always', ref: inputRef, render: jsxRuntime.jsx(inputField.InputField, { chips: multiple && Array.isArray(value)
+                        ? value.map(val => ({
+                            label: val,
+                            onRemove: () => setValue(value?.filter(v => v !== val))
+                        }))
+                        : undefined, trailingIcon: jsxRuntime.jsx(reactIcons.ChevronDownIcon, { className: combobox_module.default.triggerIcon }), ...props }), onBlur: handleOnBlur, onKeyDown: handleOnKeyDown }) }) }));
+});
+ComboboxInput.displayName = 'ComboboxInput';
+
+exports.ComboboxInput = ComboboxInput;
+//# sourceMappingURL=combobox-input.cjs.map

package/dist/components/combobox/combobox-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-input.cjs","sources":["../../../components/combobox/combobox-input.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox } from '@ariakit/react';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport {\n  ElementRef,\n  FocusEvent,\n  forwardRef,\n  KeyboardEvent,\n  useCallback\n} from 'react';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxInputProps\n  extends Omit<\n    InputFieldProps,\n    'trailingIcon' | 'suffix' | 'chips' | 'maxChipsVisible'\n  > {}\n\nexport const ComboboxInput = forwardRef<\n  ElementRef<typeof Combobox>,\n  ComboboxInputProps\n>(({ onBlur, ...props }, ref) => {\n  const {\n    inputRef,\n    listRef,\n    value,\n    multiple,\n    inputValue,\n    setInputValue,\n    setValue\n  } = useComboboxContext();\n\n  const handleOnKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Backspace') {\n        if (multiple && !inputValue?.length) {\n          event.preventDefault();\n          setValue((value as string[])?.slice(0, -1));\n        }\n      }\n    },\n    [multiple, inputValue, value, setValue]\n  );\n  const handleOnBlur = useCallback(\n    (event: FocusEvent<HTMLInputElement>) => {\n      const target = event.relatedTarget as Element | null;\n      const isInput = target === inputRef.current;\n      const inListbox = target && listRef.current?.contains(target);\n      if (isInput || inListbox) return;\n      if (!multiple) {\n        if (typeof value === 'string' && value.length) setInputValue(value);\n        else setInputValue('');\n      }\n      onBlur?.(event);\n    },\n    [onBlur, multiple, value, inputRef, listRef, setInputValue]\n  );\n\n  return (\n    <PopoverPrimitive.Anchor asChild>\n      <div>\n        <Combobox\n          autoSelect='always'\n          ref={inputRef}\n          render={\n            <InputField\n              chips={\n                multiple && Array.isArray(value)\n                  ? value.map(val => ({\n                      label: val,\n                      onRemove: () =>\n                        setValue((value as string[])?.filter(v => v !== val))\n                    }))\n                  : undefined\n              }\n              trailingIcon={<ChevronDownIcon className={styles.triggerIcon} />}\n              {...props}\n            />\n          }\n          onBlur={handleOnBlur}\n          onKeyDown={handleOnKeyDown}\n        />\n      </div>\n    </PopoverPrimitive.Anchor>\n  );\n});\nComboboxInput.displayName = 'ComboboxInput';\n"],"names":[],"mappings":";;;;;;;;;;;;AAuBa;AAIX;AAUA;AAEI;AACE;;;;;;AAQN;AAEI;AACA;AACA;;;;AAGE;;;;;AAGF;AACF;AAIF;;AAWoB;AACA;AAED;AACH;AAYlB;AACA;;"}

package/dist/components/combobox/combobox-input.d.ts

@@ -0,0 +1,5 @@
+import { InputFieldProps } from '../input-field/input-field';
+export interface ComboboxInputProps extends Omit<InputFieldProps, 'trailingIcon' | 'suffix' | 'chips' | 'maxChipsVisible'> {
+}
+export declare const ComboboxInput: import("react").ForwardRefExoticComponent<ComboboxInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=combobox-input.d.ts.map

package/dist/components/combobox/combobox-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-input.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-input.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAI7D,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,eAAe,EACf,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,iBAAiB,CACxD;CAAG;AAEN,eAAO,MAAM,aAAa,iHAmExB,CAAC"}

package/dist/components/combobox/combobox-input.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Combobox } from '@ariakit/react';
+import { ChevronDownIcon } from '@radix-ui/react-icons';
+import { Popover } from 'radix-ui';
+import { forwardRef, useCallback } from 'react';
+import { InputField } from '../input-field/input-field.js';
+import styles from './combobox.module.css.js';
+import { useComboboxContext } from './combobox-root.js';
+
+const ComboboxInput = forwardRef(({ onBlur, ...props }, ref) => {
+    const { inputRef, listRef, value, multiple, inputValue, setInputValue, setValue } = useComboboxContext();
+    const handleOnKeyDown = useCallback((event) => {
+        if (event.key === 'Backspace') {
+            if (multiple && !inputValue?.length) {
+                event.preventDefault();
+                setValue(value?.slice(0, -1));
+            }
+        }
+    }, [multiple, inputValue, value, setValue]);
+    const handleOnBlur = useCallback((event) => {
+        const target = event.relatedTarget;
+        const isInput = target === inputRef.current;
+        const inListbox = target && listRef.current?.contains(target);
+        if (isInput || inListbox)
+            return;
+        if (!multiple) {
+            if (typeof value === 'string' && value.length)
+                setInputValue(value);
+            else
+                setInputValue('');
+        }
+        onBlur?.(event);
+    }, [onBlur, multiple, value, inputRef, listRef, setInputValue]);
+    return (jsx(Popover.Anchor, { asChild: true, children: jsx("div", { children: jsx(Combobox, { autoSelect: 'always', ref: inputRef, render: jsx(InputField, { chips: multiple && Array.isArray(value)
+                        ? value.map(val => ({
+                            label: val,
+                            onRemove: () => setValue(value?.filter(v => v !== val))
+                        }))
+                        : undefined, trailingIcon: jsx(ChevronDownIcon, { className: styles.triggerIcon }), ...props }), onBlur: handleOnBlur, onKeyDown: handleOnKeyDown }) }) }));
+});
+ComboboxInput.displayName = 'ComboboxInput';
+
+export { ComboboxInput };
+//# sourceMappingURL=combobox-input.js.map

package/dist/components/combobox/combobox-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-input.js","sources":["../../../components/combobox/combobox-input.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox } from '@ariakit/react';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport {\n  ElementRef,\n  FocusEvent,\n  forwardRef,\n  KeyboardEvent,\n  useCallback\n} from 'react';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxInputProps\n  extends Omit<\n    InputFieldProps,\n    'trailingIcon' | 'suffix' | 'chips' | 'maxChipsVisible'\n  > {}\n\nexport const ComboboxInput = forwardRef<\n  ElementRef<typeof Combobox>,\n  ComboboxInputProps\n>(({ onBlur, ...props }, ref) => {\n  const {\n    inputRef,\n    listRef,\n    value,\n    multiple,\n    inputValue,\n    setInputValue,\n    setValue\n  } = useComboboxContext();\n\n  const handleOnKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Backspace') {\n        if (multiple && !inputValue?.length) {\n          event.preventDefault();\n          setValue((value as string[])?.slice(0, -1));\n        }\n      }\n    },\n    [multiple, inputValue, value, setValue]\n  );\n  const handleOnBlur = useCallback(\n    (event: FocusEvent<HTMLInputElement>) => {\n      const target = event.relatedTarget as Element | null;\n      const isInput = target === inputRef.current;\n      const inListbox = target && listRef.current?.contains(target);\n      if (isInput || inListbox) return;\n      if (!multiple) {\n        if (typeof value === 'string' && value.length) setInputValue(value);\n        else setInputValue('');\n      }\n      onBlur?.(event);\n    },\n    [onBlur, multiple, value, inputRef, listRef, setInputValue]\n  );\n\n  return (\n    <PopoverPrimitive.Anchor asChild>\n      <div>\n        <Combobox\n          autoSelect='always'\n          ref={inputRef}\n          render={\n            <InputField\n              chips={\n                multiple && Array.isArray(value)\n                  ? value.map(val => ({\n                      label: val,\n                      onRemove: () =>\n                        setValue((value as string[])?.filter(v => v !== val))\n                    }))\n                  : undefined\n              }\n              trailingIcon={<ChevronDownIcon className={styles.triggerIcon} />}\n              {...props}\n            />\n          }\n          onBlur={handleOnBlur}\n          onKeyDown={handleOnKeyDown}\n        />\n      </div>\n    </PopoverPrimitive.Anchor>\n  );\n});\nComboboxInput.displayName = 'ComboboxInput';\n"],"names":[],"mappings":";;;;;;;;;;AAuBa;AAIX;AAUA;AAEI;AACE;;;;;;AAQN;AAEI;AACA;AACA;;;;AAGE;;;;;AAGF;AACF;AAIF;;AAWoB;AACA;AAED;AACH;AAYlB;AACA;;"}

package/dist/components/combobox/combobox-item.cjs

@@ -0,0 +1,35 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@ariakit/react');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var checkbox = require('../checkbox/checkbox.cjs');
+var utils = require('../dropdown-menu/utils.cjs');
+var text = require('../text/text.cjs');
+var combobox_module = require('./combobox.module.css.cjs');
+var comboboxRoot = require('./combobox-root.cjs');
+
+const ComboboxItem = React.forwardRef(({ className, children, value: providedValue, leadingIcon, disabled, ...props }, ref) => {
+    const value = providedValue
+        ? String(providedValue)
+        : typeof children === 'string'
+            ? children
+            : undefined;
+    const { multiple, value: comboboxValue, inputValue } = comboboxRoot.useComboboxContext();
+    const isSelected = multiple
+        ? comboboxValue?.includes(value ?? '')
+        : value === comboboxValue;
+    const isMatched = utils.getMatch(value, children, inputValue);
+    const element = typeof children === 'string' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [leadingIcon && jsxRuntime.jsx("div", { className: combobox_module.default.itemIcon, children: leadingIcon }), jsxRuntime.jsx(text.Text, { children: children })] })) : (children);
+    if (inputValue?.length && !isMatched) {
+        // Doesn't match search, so don't render at all
+        return null;
+    }
+    return (jsxRuntime.jsxs(react.ComboboxItem, { ref: ref, value: value, className: classVarianceAuthority.cx(combobox_module.default.menuitem, className), focusOnHover: true, "aria-selected": isSelected, "data-selected": isSelected, resetValueOnSelect: multiple, ...props, children: [multiple && jsxRuntime.jsx(checkbox.Checkbox, { checked: isSelected }), element] }));
+});
+ComboboxItem.displayName = 'ComboboxItem';
+
+exports.ComboboxItem = ComboboxItem;
+//# sourceMappingURL=combobox-item.cjs.map

package/dist/components/combobox/combobox-item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-item.cjs","sources":["../../../components/combobox/combobox-item.tsx"],"sourcesContent":["'use client';\n\nimport { ComboboxItem as AriakitComboboxItem } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\nimport { Checkbox } from '../checkbox';\nimport { getMatch } from '../dropdown-menu/utils';\nimport { Text } from '../text';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxItemProps\n  extends ComponentPropsWithoutRef<typeof AriakitComboboxItem> {\n  leadingIcon?: React.ReactNode;\n}\n\nexport const ComboboxItem = forwardRef<\n  ElementRef<typeof AriakitComboboxItem>,\n  ComboboxItemProps\n>(\n  (\n    {\n      className,\n      children,\n      value: providedValue,\n      leadingIcon,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const value = providedValue\n      ? String(providedValue)\n      : typeof children === 'string'\n        ? children\n        : undefined;\n    const { multiple, value: comboboxValue, inputValue } = useComboboxContext();\n\n    const isSelected = multiple\n      ? comboboxValue?.includes(value ?? '')\n      : value === comboboxValue;\n    const isMatched = getMatch(value, children, inputValue);\n\n    const element =\n      typeof children === 'string' ? (\n        <>\n          {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n          <Text>{children}</Text>\n        </>\n      ) : (\n        children\n      );\n\n    if (inputValue?.length && !isMatched) {\n      // Doesn't match search, so don't render at all\n      return null;\n    }\n\n    return (\n      <AriakitComboboxItem\n        ref={ref}\n        value={value}\n        className={cx(styles.menuitem, className)}\n        focusOnHover\n        aria-selected={isSelected}\n        data-selected={isSelected}\n        resetValueOnSelect={multiple}\n        {...props}\n      >\n        {multiple && <Checkbox checked={isSelected} />}\n        {element}\n      </AriakitComboboxItem>\n    );\n  }\n);\nComboboxItem.displayName = 'ComboboxItem';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgBa;;AAgBP;AACA;AACE;;AAEJ;;;AAIE;;AAGF;AAUA;;AAEE;;;AAkBJ;AAEF;;"}

package/dist/components/combobox/combobox-item.d.ts

@@ -0,0 +1,7 @@
+import { ComboboxItem as AriakitComboboxItem } from '@ariakit/react';
+import { ComponentPropsWithoutRef } from 'react';
+export interface ComboboxItemProps extends ComponentPropsWithoutRef<typeof AriakitComboboxItem> {
+    leadingIcon?: React.ReactNode;
+}
+export declare const ComboboxItem: import("react").ForwardRefExoticComponent<ComboboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=combobox-item.d.ts.map

package/dist/components/combobox/combobox-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErE,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAOzE,MAAM,WAAW,iBACf,SAAQ,wBAAwB,CAAC,OAAO,mBAAmB,CAAC;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,8GA0DxB,CAAC"}

package/dist/components/combobox/combobox-item.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { ComboboxItem as ComboboxItem$1 } from '@ariakit/react';
+import { cx } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { Checkbox } from '../checkbox/checkbox.js';
+import { getMatch } from '../dropdown-menu/utils.js';
+import { Text } from '../text/text.js';
+import styles from './combobox.module.css.js';
+import { useComboboxContext } from './combobox-root.js';
+
+const ComboboxItem = forwardRef(({ className, children, value: providedValue, leadingIcon, disabled, ...props }, ref) => {
+    const value = providedValue
+        ? String(providedValue)
+        : typeof children === 'string'
+            ? children
+            : undefined;
+    const { multiple, value: comboboxValue, inputValue } = useComboboxContext();
+    const isSelected = multiple
+        ? comboboxValue?.includes(value ?? '')
+        : value === comboboxValue;
+    const isMatched = getMatch(value, children, inputValue);
+    const element = typeof children === 'string' ? (jsxs(Fragment, { children: [leadingIcon && jsx("div", { className: styles.itemIcon, children: leadingIcon }), jsx(Text, { children: children })] })) : (children);
+    if (inputValue?.length && !isMatched) {
+        // Doesn't match search, so don't render at all
+        return null;
+    }
+    return (jsxs(ComboboxItem$1, { ref: ref, value: value, className: cx(styles.menuitem, className), focusOnHover: true, "aria-selected": isSelected, "data-selected": isSelected, resetValueOnSelect: multiple, ...props, children: [multiple && jsx(Checkbox, { checked: isSelected }), element] }));
+});
+ComboboxItem.displayName = 'ComboboxItem';
+
+export { ComboboxItem };
+//# sourceMappingURL=combobox-item.js.map

package/dist/components/combobox/combobox-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-item.js","sources":["../../../components/combobox/combobox-item.tsx"],"sourcesContent":["'use client';\n\nimport { ComboboxItem as AriakitComboboxItem } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\nimport { Checkbox } from '../checkbox';\nimport { getMatch } from '../dropdown-menu/utils';\nimport { Text } from '../text';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxItemProps\n  extends ComponentPropsWithoutRef<typeof AriakitComboboxItem> {\n  leadingIcon?: React.ReactNode;\n}\n\nexport const ComboboxItem = forwardRef<\n  ElementRef<typeof AriakitComboboxItem>,\n  ComboboxItemProps\n>(\n  (\n    {\n      className,\n      children,\n      value: providedValue,\n      leadingIcon,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const value = providedValue\n      ? String(providedValue)\n      : typeof children === 'string'\n        ? children\n        : undefined;\n    const { multiple, value: comboboxValue, inputValue } = useComboboxContext();\n\n    const isSelected = multiple\n      ? comboboxValue?.includes(value ?? '')\n      : value === comboboxValue;\n    const isMatched = getMatch(value, children, inputValue);\n\n    const element =\n      typeof children === 'string' ? (\n        <>\n          {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n          <Text>{children}</Text>\n        </>\n      ) : (\n        children\n      );\n\n    if (inputValue?.length && !isMatched) {\n      // Doesn't match search, so don't render at all\n      return null;\n    }\n\n    return (\n      <AriakitComboboxItem\n        ref={ref}\n        value={value}\n        className={cx(styles.menuitem, className)}\n        focusOnHover\n        aria-selected={isSelected}\n        data-selected={isSelected}\n        resetValueOnSelect={multiple}\n        {...props}\n      >\n        {multiple && <Checkbox checked={isSelected} />}\n        {element}\n      </AriakitComboboxItem>\n    );\n  }\n);\nComboboxItem.displayName = 'ComboboxItem';\n"],"names":[],"mappings":";;;;;;;;;;;AAgBa;;AAgBP;AACA;AACE;;AAEJ;;;AAIE;;AAGF;AAUA;;AAEE;;;AAkBJ;AAEF;;"}

package/dist/components/combobox/combobox-misc.cjs

@@ -0,0 +1,36 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@ariakit/react');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var combobox_module = require('./combobox.module.css.cjs');
+var comboboxRoot = require('./combobox-root.cjs');
+
+const ComboboxLabel = React.forwardRef(({ className, ...props }, ref) => {
+    const { inputValue } = comboboxRoot.useComboboxContext();
+    if (inputValue?.length)
+        return null;
+    return (jsxRuntime.jsx(react.ComboboxGroupLabel, { ref: ref, className: classVarianceAuthority.cx(combobox_module.default.label, className), ...props }));
+});
+ComboboxLabel.displayName = 'ComboboxLabel';
+const ComboboxGroup = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { inputValue } = comboboxRoot.useComboboxContext();
+    if (inputValue?.length)
+        return children;
+    return (jsxRuntime.jsx(react.ComboboxGroup, { ref: ref, className: classVarianceAuthority.cx(combobox_module.default.group, className), ...props, children: children }));
+});
+ComboboxGroup.displayName = 'ComboboxGroup';
+const ComboboxSeparator = React.forwardRef(({ className, ...props }, ref) => {
+    const { inputValue } = comboboxRoot.useComboboxContext();
+    if (inputValue?.length)
+        return null;
+    return (jsxRuntime.jsx(react.ComboboxSeparator, { ref: ref, className: classVarianceAuthority.cx(combobox_module.default.separator, className), ...props }));
+});
+ComboboxSeparator.displayName = 'ComboboxSeparator';
+
+exports.ComboboxGroup = ComboboxGroup;
+exports.ComboboxLabel = ComboboxLabel;
+exports.ComboboxSeparator = ComboboxSeparator;
+//# sourceMappingURL=combobox-misc.cjs.map

package/dist/components/combobox/combobox-misc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-misc.cjs","sources":["../../../components/combobox/combobox-misc.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ComboboxGroup as AriakitComboboxGroup,\n  ComboboxGroupLabel as AriakitComboboxGroupLabel,\n  ComboboxSeparator as AriakitComboboxSeparator\n} from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport const ComboboxLabel = forwardRef<\n  ElementRef<typeof AriakitComboboxGroupLabel>,\n  ComponentPropsWithoutRef<typeof AriakitComboboxGroupLabel>\n>(({ className, ...props }, ref) => {\n  const { inputValue } = useComboboxContext();\n  if (inputValue?.length) return null;\n\n  return (\n    <AriakitComboboxGroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n});\nComboboxLabel.displayName = 'ComboboxLabel';\n\nexport const ComboboxGroup = forwardRef<\n  ElementRef<typeof AriakitComboboxGroup>,\n  ComponentPropsWithoutRef<typeof AriakitComboboxGroup>\n>(({ className, children, ...props }, ref) => {\n  const { inputValue } = useComboboxContext();\n  if (inputValue?.length) return children;\n\n  return (\n    <AriakitComboboxGroup\n      ref={ref}\n      className={cx(styles.group, className)}\n      {...props}\n    >\n      {children}\n    </AriakitComboboxGroup>\n  );\n});\nComboboxGroup.displayName = 'ComboboxGroup';\n\nexport const ComboboxSeparator = forwardRef<\n  ElementRef<typeof AriakitComboboxSeparator>,\n  ComponentPropsWithoutRef<typeof AriakitComboboxSeparator>\n>(({ className, ...props }, ref) => {\n  const { inputValue } = useComboboxContext();\n  if (inputValue?.length) return null;\n\n  return (\n    <AriakitComboboxSeparator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n});\nComboboxSeparator.displayName = 'ComboboxSeparator';\n"],"names":[],"mappings":";;;;;;;;;;AAYa;AAIX;;AACwB;;AAS1B;AACA;AAEa;AAIX;;AACwB;;AAW1B;AACA;AAEa;AAIX;;AACwB;;AAS1B;AACA;;;;"}

package/dist/components/combobox/combobox-misc.d.ts

@@ -0,0 +1,10 @@
+export declare const ComboboxLabel: import("react").ForwardRefExoticComponent<Omit<import("@ariakit/react").ComboboxGroupLabelOptions<"div"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@ariakit/react").ComboboxGroupLabelOptions<T>> & {
+    [index: `data-${string}`]: unknown;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ComboboxGroup: import("react").ForwardRefExoticComponent<Omit<import("@ariakit/react").ComboboxGroupOptions<"div"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@ariakit/react").ComboboxGroupOptions<T>> & {
+    [index: `data-${string}`]: unknown;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ComboboxSeparator: import("react").ForwardRefExoticComponent<Omit<import("@ariakit/react").ComboboxSeparatorOptions<"hr"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, keyof import("@ariakit/react").ComboboxSeparatorOptions<T>> & {
+    [index: `data-${string}`]: unknown;
+}, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
+//# sourceMappingURL=combobox-misc.d.ts.map

package/dist/components/combobox/combobox-misc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-misc.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-misc.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,aAAa;;0DAcxB,CAAC;AAGH,eAAO,MAAM,aAAa;;0DAgBxB,CAAC;AAGH,eAAO,MAAM,iBAAiB;;yDAc5B,CAAC"}

package/dist/components/combobox/combobox-misc.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { ComboboxGroupLabel, ComboboxGroup as ComboboxGroup$1, ComboboxSeparator as ComboboxSeparator$1 } from '@ariakit/react';
+import { cx } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import styles from './combobox.module.css.js';
+import { useComboboxContext } from './combobox-root.js';
+
+const ComboboxLabel = forwardRef(({ className, ...props }, ref) => {
+    const { inputValue } = useComboboxContext();
+    if (inputValue?.length)
+        return null;
+    return (jsx(ComboboxGroupLabel, { ref: ref, className: cx(styles.label, className), ...props }));
+});
+ComboboxLabel.displayName = 'ComboboxLabel';
+const ComboboxGroup = forwardRef(({ className, children, ...props }, ref) => {
+    const { inputValue } = useComboboxContext();
+    if (inputValue?.length)
+        return children;
+    return (jsx(ComboboxGroup$1, { ref: ref, className: cx(styles.group, className), ...props, children: children }));
+});
+ComboboxGroup.displayName = 'ComboboxGroup';
+const ComboboxSeparator = forwardRef(({ className, ...props }, ref) => {
+    const { inputValue } = useComboboxContext();
+    if (inputValue?.length)
+        return null;
+    return (jsx(ComboboxSeparator$1, { ref: ref, className: cx(styles.separator, className), ...props }));
+});
+ComboboxSeparator.displayName = 'ComboboxSeparator';
+
+export { ComboboxGroup, ComboboxLabel, ComboboxSeparator };
+//# sourceMappingURL=combobox-misc.js.map

package/dist/components/combobox/combobox-misc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-misc.js","sources":["../../../components/combobox/combobox-misc.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ComboboxGroup as AriakitComboboxGroup,\n  ComboboxGroupLabel as AriakitComboboxGroupLabel,\n  ComboboxSeparator as AriakitComboboxSeparator\n} from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport const ComboboxLabel = forwardRef<\n  ElementRef<typeof AriakitComboboxGroupLabel>,\n  ComponentPropsWithoutRef<typeof AriakitComboboxGroupLabel>\n>(({ className, ...props }, ref) => {\n  const { inputValue } = useComboboxContext();\n  if (inputValue?.length) return null;\n\n  return (\n    <AriakitComboboxGroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n});\nComboboxLabel.displayName = 'ComboboxLabel';\n\nexport const ComboboxGroup = forwardRef<\n  ElementRef<typeof AriakitComboboxGroup>,\n  ComponentPropsWithoutRef<typeof AriakitComboboxGroup>\n>(({ className, children, ...props }, ref) => {\n  const { inputValue } = useComboboxContext();\n  if (inputValue?.length) return children;\n\n  return (\n    <AriakitComboboxGroup\n      ref={ref}\n      className={cx(styles.group, className)}\n      {...props}\n    >\n      {children}\n    </AriakitComboboxGroup>\n  );\n});\nComboboxGroup.displayName = 'ComboboxGroup';\n\nexport const ComboboxSeparator = forwardRef<\n  ElementRef<typeof AriakitComboboxSeparator>,\n  ComponentPropsWithoutRef<typeof AriakitComboboxSeparator>\n>(({ className, ...props }, ref) => {\n  const { inputValue } = useComboboxContext();\n  if (inputValue?.length) return null;\n\n  return (\n    <AriakitComboboxSeparator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n});\nComboboxSeparator.displayName = 'ComboboxSeparator';\n"],"names":[],"mappings":";;;;;;;;AAYa;AAIX;;AACwB;;AAS1B;AACA;AAEa;AAIX;;AACwB;;AAW1B;AACA;AAEa;AAIX;;AACwB;;AAS1B;AACA;;"}

package/dist/components/combobox/combobox-root.cjs

@@ -0,0 +1,66 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@ariakit/react');
+var radixUi = require('radix-ui');
+var React = require('react');
+
+const ComboboxContext = React.createContext(undefined);
+const useComboboxContext = () => {
+    const context = React.useContext(ComboboxContext);
+    if (!context) {
+        throw new Error('useComboboxContext must be used within a ComboboxProvider');
+    }
+    return context;
+};
+const ComboboxRoot = ({ modal = false, multiple = false, children, value: providedValue, defaultValue = multiple ? [] : undefined, onValueChange, inputValue: providedInputValue, onInputValueChange, defaultInputValue, open: providedOpen, defaultOpen = false, onOpenChange, ...props }) => {
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const [internalInputValue, setInternalInputValue] = React.useState(defaultInputValue);
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const inputRef = React.useRef(null);
+    const listRef = React.useRef(null);
+    const value = providedValue ?? internalValue;
+    const inputValue = providedInputValue ?? internalInputValue;
+    const open = providedOpen ?? internalOpen;
+    const setValue = React.useCallback((newValue) => {
+        if (multiple) {
+            const formattedValue = newValue
+                ? Array.isArray(newValue)
+                    ? newValue
+                    : [newValue]
+                : [];
+            setInternalValue(formattedValue);
+            onValueChange?.(formattedValue);
+        }
+        else {
+            setInternalValue(String(newValue));
+            onValueChange?.(String(newValue));
+        }
+    }, [onValueChange, multiple]);
+    const setInputValue = React.useCallback((newValue) => {
+        if (!multiple && newValue.length === 0)
+            setValue('');
+        setInternalInputValue(newValue);
+        onInputValueChange?.(newValue);
+    }, [onInputValueChange, setValue, multiple]);
+    const setOpen = React.useCallback((newOpen) => {
+        setInternalOpen(newOpen);
+        onOpenChange?.(newOpen);
+    }, [onOpenChange]);
+    return (jsxRuntime.jsx(ComboboxContext.Provider, { value: {
+            setValue,
+            value,
+            inputValue,
+            setInputValue,
+            open,
+            setOpen,
+            inputRef,
+            multiple,
+            listRef
+        }, children: jsxRuntime.jsx(radixUi.Popover.Root, { open: open, onOpenChange: setOpen, modal: modal, children: jsxRuntime.jsx(react.ComboboxProvider, { open: open, setOpen: setOpen, value: inputValue, setValue: setInputValue, selectedValue: value, setSelectedValue: setValue, focusLoop: false, includesBaseElement: false, resetValueOnHide: multiple, resetValueOnSelect: multiple, ...props, children: children }) }) }));
+};
+
+exports.ComboboxRoot = ComboboxRoot;
+exports.useComboboxContext = useComboboxContext;
+//# sourceMappingURL=combobox-root.cjs.map

package/dist/components/combobox/combobox-root.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-root.cjs","sources":["../../../components/combobox/combobox-root.tsx"],"sourcesContent":["'use client';\n\nimport { ComboboxProvider, ComboboxProviderProps } from '@ariakit/react';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport {\n  createContext,\n  RefObject,\n  useCallback,\n  useContext,\n  useRef,\n  useState\n} from 'react';\n\ninterface ComboboxContextValue {\n  setValue: (value: string | string[]) => void;\n  value?: string | string[];\n  inputValue?: string;\n  setInputValue: (inputValue: string) => void;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  inputRef: RefObject<HTMLInputElement | null>;\n  multiple: boolean;\n  listRef: RefObject<HTMLDivElement | null>;\n}\n\nconst ComboboxContext = createContext<ComboboxContextValue | undefined>(\n  undefined\n);\n\nexport const useComboboxContext = (): ComboboxContextValue => {\n  const context = useContext(ComboboxContext);\n  if (!context) {\n    throw new Error(\n      'useComboboxContext must be used within a ComboboxProvider'\n    );\n  }\n  return context;\n};\nexport interface BaseComboboxRootProps\n  extends Omit<\n    ComboboxProviderProps,\n    | 'value'\n    | 'setValue'\n    | 'selectedValue'\n    | 'setSelectedValue'\n    | 'defaultSelectedValue'\n    | 'defaultValue'\n    | 'resetValueOnHide'\n    | 'resetValueOnSelect'\n  > {\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n  inputValue?: string;\n  onInputValueChange?: (inputValue: string) => void;\n  defaultInputValue?: string;\n}\nexport interface SingleComboboxProps extends BaseComboboxRootProps {\n  multiple?: false;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  defaultValue?: string;\n}\nexport interface MultipleComboboxProps extends BaseComboboxRootProps {\n  multiple: true;\n  value?: string[];\n  onValueChange?: (value: string[]) => void;\n  defaultValue?: string[];\n}\nexport type ComboboxRootProps = SingleComboboxProps | MultipleComboboxProps;\n\nexport const ComboboxRoot = ({\n  modal = false,\n  multiple = false,\n  children,\n  value: providedValue,\n  defaultValue = multiple ? [] : undefined,\n  onValueChange,\n  inputValue: providedInputValue,\n  onInputValueChange,\n  defaultInputValue,\n  open: providedOpen,\n  defaultOpen = false,\n  onOpenChange,\n  ...props\n}: ComboboxRootProps) => {\n  const [internalValue, setInternalValue] = useState<\n    string | string[] | undefined\n  >(defaultValue);\n  const [internalInputValue, setInternalInputValue] =\n    useState(defaultInputValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const value = providedValue ?? internalValue;\n  const inputValue = providedInputValue ?? internalInputValue;\n  const open = providedOpen ?? internalOpen;\n\n  const setValue = useCallback(\n    (newValue: string | string[] | undefined) => {\n      if (multiple) {\n        const formattedValue = newValue\n          ? Array.isArray(newValue)\n            ? newValue\n            : [newValue]\n          : [];\n        setInternalValue(formattedValue);\n        (onValueChange as MultipleComboboxProps['onValueChange'])?.(\n          formattedValue\n        );\n      } else {\n        setInternalValue(String(newValue));\n        (onValueChange as SingleComboboxProps['onValueChange'])?.(\n          String(newValue)\n        );\n      }\n    },\n    [onValueChange, multiple]\n  );\n\n  const setInputValue = useCallback(\n    (newValue: string) => {\n      if (!multiple && newValue.length === 0) setValue('');\n      setInternalInputValue(newValue);\n      onInputValueChange?.(newValue);\n    },\n    [onInputValueChange, setValue, multiple]\n  );\n\n  const setOpen = useCallback(\n    (newOpen: boolean) => {\n      setInternalOpen(newOpen);\n      onOpenChange?.(newOpen);\n    },\n    [onOpenChange]\n  );\n\n  return (\n    <ComboboxContext.Provider\n      value={{\n        setValue,\n        value,\n        inputValue,\n        setInputValue,\n        open,\n        setOpen,\n        inputRef,\n        multiple,\n        listRef\n      }}\n    >\n      <PopoverPrimitive.Root open={open} onOpenChange={setOpen} modal={modal}>\n        <ComboboxProvider\n          open={open}\n          setOpen={setOpen}\n          value={inputValue}\n          setValue={setInputValue}\n          selectedValue={value}\n          setSelectedValue={setValue}\n          focusLoop={false}\n          includesBaseElement={false}\n          resetValueOnHide={multiple}\n          resetValueOnSelect={multiple}\n          {...props}\n        >\n          {children}\n        </ComboboxProvider>\n      </PopoverPrimitive.Root>\n    </ComboboxContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAyBA;AAIO;AACL;;AAEE;;AAIF;AACF;AAiCa;;;;AAsBX;AACA;AAEA;AACA;AACA;AAEA;;;AAIQ;AACE;;;;AAIH;;;AAID;AACC;;AAIL;AAIF;AAEI;;;AAEA;;AAKJ;;AAGI;AACF;AAIF;;;;;;;;;;AAYK;AAqBP;;;"}

package/dist/components/combobox/combobox-root.d.ts

@@ -0,0 +1,37 @@
+import { ComboboxProviderProps } from '@ariakit/react';
+import { RefObject } from 'react';
+interface ComboboxContextValue {
+    setValue: (value: string | string[]) => void;
+    value?: string | string[];
+    inputValue?: string;
+    setInputValue: (inputValue: string) => void;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    inputRef: RefObject<HTMLInputElement | null>;
+    multiple: boolean;
+    listRef: RefObject<HTMLDivElement | null>;
+}
+export declare const useComboboxContext: () => ComboboxContextValue;
+export interface BaseComboboxRootProps extends Omit<ComboboxProviderProps, 'value' | 'setValue' | 'selectedValue' | 'setSelectedValue' | 'defaultSelectedValue' | 'defaultValue' | 'resetValueOnHide' | 'resetValueOnSelect'> {
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+    inputValue?: string;
+    onInputValueChange?: (inputValue: string) => void;
+    defaultInputValue?: string;
+}
+export interface SingleComboboxProps extends BaseComboboxRootProps {
+    multiple?: false;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    defaultValue?: string;
+}
+export interface MultipleComboboxProps extends BaseComboboxRootProps {
+    multiple: true;
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
+    defaultValue?: string[];
+}
+export type ComboboxRootProps = SingleComboboxProps | MultipleComboboxProps;
+export declare const ComboboxRoot: ({ modal, multiple, children, value: providedValue, defaultValue, onValueChange, inputValue: providedInputValue, onInputValueChange, defaultInputValue, open: providedOpen, defaultOpen, onOpenChange, ...props }: ComboboxRootProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=combobox-root.d.ts.map

package/dist/components/combobox/combobox-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-root.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC3C;AAMD,eAAO,MAAM,kBAAkB,QAAO,oBAQrC,CAAC;AACF,MAAM,WAAW,qBACf,SAAQ,IAAI,CACV,qBAAqB,EACnB,OAAO,GACP,UAAU,GACV,eAAe,GACf,kBAAkB,GAClB,sBAAsB,GACtB,cAAc,GACd,kBAAkB,GAClB,oBAAoB,CACvB;IACD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AACD,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AACD,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IAClE,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AACD,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAE5E,eAAO,MAAM,YAAY,qNActB,iBAAiB,4CAuFnB,CAAC"}

package/dist/components/combobox/combobox-root.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { ComboboxProvider } from '@ariakit/react';
+import { Popover } from 'radix-ui';
+import { createContext, useContext, useState, useRef, useCallback } from 'react';
+
+const ComboboxContext = createContext(undefined);
+const useComboboxContext = () => {
+    const context = useContext(ComboboxContext);
+    if (!context) {
+        throw new Error('useComboboxContext must be used within a ComboboxProvider');
+    }
+    return context;
+};
+const ComboboxRoot = ({ modal = false, multiple = false, children, value: providedValue, defaultValue = multiple ? [] : undefined, onValueChange, inputValue: providedInputValue, onInputValueChange, defaultInputValue, open: providedOpen, defaultOpen = false, onOpenChange, ...props }) => {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const [internalInputValue, setInternalInputValue] = useState(defaultInputValue);
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const inputRef = useRef(null);
+    const listRef = useRef(null);
+    const value = providedValue ?? internalValue;
+    const inputValue = providedInputValue ?? internalInputValue;
+    const open = providedOpen ?? internalOpen;
+    const setValue = useCallback((newValue) => {
+        if (multiple) {
+            const formattedValue = newValue
+                ? Array.isArray(newValue)
+                    ? newValue
+                    : [newValue]
+                : [];
+            setInternalValue(formattedValue);
+            onValueChange?.(formattedValue);
+        }
+        else {
+            setInternalValue(String(newValue));
+            onValueChange?.(String(newValue));
+        }
+    }, [onValueChange, multiple]);
+    const setInputValue = useCallback((newValue) => {
+        if (!multiple && newValue.length === 0)
+            setValue('');
+        setInternalInputValue(newValue);
+        onInputValueChange?.(newValue);
+    }, [onInputValueChange, setValue, multiple]);
+    const setOpen = useCallback((newOpen) => {
+        setInternalOpen(newOpen);
+        onOpenChange?.(newOpen);
+    }, [onOpenChange]);
+    return (jsx(ComboboxContext.Provider, { value: {
+            setValue,
+            value,
+            inputValue,
+            setInputValue,
+            open,
+            setOpen,
+            inputRef,
+            multiple,
+            listRef
+        }, children: jsx(Popover.Root, { open: open, onOpenChange: setOpen, modal: modal, children: jsx(ComboboxProvider, { open: open, setOpen: setOpen, value: inputValue, setValue: setInputValue, selectedValue: value, setSelectedValue: setValue, focusLoop: false, includesBaseElement: false, resetValueOnHide: multiple, resetValueOnSelect: multiple, ...props, children: children }) }) }));
+};
+
+export { ComboboxRoot, useComboboxContext };
+//# sourceMappingURL=combobox-root.js.map

package/dist/components/combobox/combobox-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-root.js","sources":["../../../components/combobox/combobox-root.tsx"],"sourcesContent":["'use client';\n\nimport { ComboboxProvider, ComboboxProviderProps } from '@ariakit/react';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport {\n  createContext,\n  RefObject,\n  useCallback,\n  useContext,\n  useRef,\n  useState\n} from 'react';\n\ninterface ComboboxContextValue {\n  setValue: (value: string | string[]) => void;\n  value?: string | string[];\n  inputValue?: string;\n  setInputValue: (inputValue: string) => void;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  inputRef: RefObject<HTMLInputElement | null>;\n  multiple: boolean;\n  listRef: RefObject<HTMLDivElement | null>;\n}\n\nconst ComboboxContext = createContext<ComboboxContextValue | undefined>(\n  undefined\n);\n\nexport const useComboboxContext = (): ComboboxContextValue => {\n  const context = useContext(ComboboxContext);\n  if (!context) {\n    throw new Error(\n      'useComboboxContext must be used within a ComboboxProvider'\n    );\n  }\n  return context;\n};\nexport interface BaseComboboxRootProps\n  extends Omit<\n    ComboboxProviderProps,\n    | 'value'\n    | 'setValue'\n    | 'selectedValue'\n    | 'setSelectedValue'\n    | 'defaultSelectedValue'\n    | 'defaultValue'\n    | 'resetValueOnHide'\n    | 'resetValueOnSelect'\n  > {\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n  inputValue?: string;\n  onInputValueChange?: (inputValue: string) => void;\n  defaultInputValue?: string;\n}\nexport interface SingleComboboxProps extends BaseComboboxRootProps {\n  multiple?: false;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  defaultValue?: string;\n}\nexport interface MultipleComboboxProps extends BaseComboboxRootProps {\n  multiple: true;\n  value?: string[];\n  onValueChange?: (value: string[]) => void;\n  defaultValue?: string[];\n}\nexport type ComboboxRootProps = SingleComboboxProps | MultipleComboboxProps;\n\nexport const ComboboxRoot = ({\n  modal = false,\n  multiple = false,\n  children,\n  value: providedValue,\n  defaultValue = multiple ? [] : undefined,\n  onValueChange,\n  inputValue: providedInputValue,\n  onInputValueChange,\n  defaultInputValue,\n  open: providedOpen,\n  defaultOpen = false,\n  onOpenChange,\n  ...props\n}: ComboboxRootProps) => {\n  const [internalValue, setInternalValue] = useState<\n    string | string[] | undefined\n  >(defaultValue);\n  const [internalInputValue, setInternalInputValue] =\n    useState(defaultInputValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const value = providedValue ?? internalValue;\n  const inputValue = providedInputValue ?? internalInputValue;\n  const open = providedOpen ?? internalOpen;\n\n  const setValue = useCallback(\n    (newValue: string | string[] | undefined) => {\n      if (multiple) {\n        const formattedValue = newValue\n          ? Array.isArray(newValue)\n            ? newValue\n            : [newValue]\n          : [];\n        setInternalValue(formattedValue);\n        (onValueChange as MultipleComboboxProps['onValueChange'])?.(\n          formattedValue\n        );\n      } else {\n        setInternalValue(String(newValue));\n        (onValueChange as SingleComboboxProps['onValueChange'])?.(\n          String(newValue)\n        );\n      }\n    },\n    [onValueChange, multiple]\n  );\n\n  const setInputValue = useCallback(\n    (newValue: string) => {\n      if (!multiple && newValue.length === 0) setValue('');\n      setInternalInputValue(newValue);\n      onInputValueChange?.(newValue);\n    },\n    [onInputValueChange, setValue, multiple]\n  );\n\n  const setOpen = useCallback(\n    (newOpen: boolean) => {\n      setInternalOpen(newOpen);\n      onOpenChange?.(newOpen);\n    },\n    [onOpenChange]\n  );\n\n  return (\n    <ComboboxContext.Provider\n      value={{\n        setValue,\n        value,\n        inputValue,\n        setInputValue,\n        open,\n        setOpen,\n        inputRef,\n        multiple,\n        listRef\n      }}\n    >\n      <PopoverPrimitive.Root open={open} onOpenChange={setOpen} modal={modal}>\n        <ComboboxProvider\n          open={open}\n          setOpen={setOpen}\n          value={inputValue}\n          setValue={setInputValue}\n          selectedValue={value}\n          setSelectedValue={setValue}\n          focusLoop={false}\n          includesBaseElement={false}\n          resetValueOnHide={multiple}\n          resetValueOnSelect={multiple}\n          {...props}\n        >\n          {children}\n        </ComboboxProvider>\n      </PopoverPrimitive.Root>\n    </ComboboxContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAyBA;AAIO;AACL;;AAEE;;AAIF;AACF;AAiCa;;;;AAsBX;AACA;AAEA;AACA;AACA;AAEA;;;AAIQ;AACE;;;;AAIH;;;AAID;AACC;;AAIL;AAIF;AAEI;;;AAEA;;AAKJ;;AAGI;AACF;AAIF;;;;;;;;;;AAYK;AAqBP;;"}

package/dist/components/combobox/combobox.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var comboboxContent = require('./combobox-content.cjs');
+var comboboxInput = require('./combobox-input.cjs');
+var comboboxItem = require('./combobox-item.cjs');
+var comboboxMisc = require('./combobox-misc.cjs');
+var comboboxRoot = require('./combobox-root.cjs');
+
+const Combobox = Object.assign(comboboxRoot.ComboboxRoot, {
+    Input: comboboxInput.ComboboxInput,
+    Content: comboboxContent.ComboboxContent,
+    Item: comboboxItem.ComboboxItem,
+    Group: comboboxMisc.ComboboxGroup,
+    Label: comboboxMisc.ComboboxLabel,
+    Separator: comboboxMisc.ComboboxSeparator
+});
+
+exports.Combobox = Combobox;
+//# sourceMappingURL=combobox.cjs.map

package/dist/components/combobox/combobox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.cjs","sources":["../../../components/combobox/combobox.tsx"],"sourcesContent":["import { ComboboxContent } from './combobox-content';\nimport { ComboboxInput } from './combobox-input';\nimport { ComboboxItem } from './combobox-item';\nimport {\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxSeparator\n} from './combobox-misc';\nimport { ComboboxRoot } from './combobox-root';\n\nexport const Combobox = Object.assign(ComboboxRoot, {\n  Input: ComboboxInput,\n  Content: ComboboxContent,\n  Item: ComboboxItem,\n  Group: ComboboxGroup,\n  Label: ComboboxLabel,\n  Separator: ComboboxSeparator\n});\n"],"names":["ComboboxRoot","ComboboxInput","ComboboxContent","ComboboxItem","ComboboxGroup","ComboboxLabel","ComboboxSeparator"],"mappings":";;;;;;;;MAUa,QAAQ,GAAG,MAAM,CAAC,MAAM,CAACA,yBAAY,EAAE;AAClD,IAAA,KAAK,EAAEC,2BAAa;AACpB,IAAA,OAAO,EAAEC,+BAAe;AACxB,IAAA,IAAI,EAAEC,yBAAY;AAClB,IAAA,KAAK,EAAEC,0BAAa;AACpB,IAAA,KAAK,EAAEC,0BAAa;AACpB,IAAA,SAAS,EAAEC,8BAAiB;AAC7B,CAAA;;;;"}

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,15 @@
+export declare const Combobox: (({ modal, multiple, children, value: providedValue, defaultValue, onValueChange, inputValue: providedInputValue, onInputValueChange, defaultInputValue, open: providedOpen, defaultOpen, onOpenChange, ...props }: import("./combobox-root").ComboboxRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Input: import("react").ForwardRefExoticComponent<import("./combobox-input").ComboboxInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    Content: import("react").ForwardRefExoticComponent<import("./combobox-content").ComboboxContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("./combobox-item").ComboboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<Omit<import("@ariakit/react").ComboboxGroupOptions<"div"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@ariakit/react").ComboboxGroupOptions<T>> & {
+        [index: `data-${string}`]: unknown;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<import("@ariakit/react").ComboboxGroupLabelOptions<"div"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@ariakit/react").ComboboxGroupLabelOptions<T_1>> & {
+        [index: `data-${string}`]: unknown;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<import("@ariakit/react").ComboboxSeparatorOptions<"hr"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, keyof import("@ariakit/react").ComboboxSeparatorOptions<T_2>> & {
+        [index: `data-${string}`]: unknown;
+    }, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
+};
+//# sourceMappingURL=combobox.d.ts.map

package/dist/components/combobox/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAOnB,CAAC"}

package/dist/components/combobox/combobox.js

@@ -0,0 +1,17 @@
+import { ComboboxContent } from './combobox-content.js';
+import { ComboboxInput } from './combobox-input.js';
+import { ComboboxItem } from './combobox-item.js';
+import { ComboboxGroup, ComboboxLabel, ComboboxSeparator } from './combobox-misc.js';
+import { ComboboxRoot } from './combobox-root.js';
+
+const Combobox = Object.assign(ComboboxRoot, {
+    Input: ComboboxInput,
+    Content: ComboboxContent,
+    Item: ComboboxItem,
+    Group: ComboboxGroup,
+    Label: ComboboxLabel,
+    Separator: ComboboxSeparator
+});
+
+export { Combobox };
+//# sourceMappingURL=combobox.js.map

package/dist/components/combobox/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sources":["../../../components/combobox/combobox.tsx"],"sourcesContent":["import { ComboboxContent } from './combobox-content';\nimport { ComboboxInput } from './combobox-input';\nimport { ComboboxItem } from './combobox-item';\nimport {\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxSeparator\n} from './combobox-misc';\nimport { ComboboxRoot } from './combobox-root';\n\nexport const Combobox = Object.assign(ComboboxRoot, {\n  Input: ComboboxInput,\n  Content: ComboboxContent,\n  Item: ComboboxItem,\n  Group: ComboboxGroup,\n  Label: ComboboxLabel,\n  Separator: ComboboxSeparator\n});\n"],"names":[],"mappings":";;;;;;MAUa,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;AAClD,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,SAAS,EAAE,iBAAiB;AAC7B,CAAA;;;;"}

package/dist/components/combobox/combobox.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"content":"combobox-module_content__5b8Oc","list":"combobox-module_list__0Kbu0","itemIcon":"combobox-module_itemIcon__bbgmL","menuitem":"combobox-module_menuitem__6PPmr","label":"combobox-module_label__oU1VF","separator":"combobox-module_separator__nn47j"};
+
+exports.default = styles;
+//# sourceMappingURL=combobox.module.css.cjs.map

package/dist/components/combobox/combobox.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}