@raystack/apsara 0.56.7 → 1.0.0-rc.1

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

@@ -1 +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;;"}
+{"version":3,"file":"combobox-misc.js","sources":["../../../components/combobox/combobox-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport const ComboboxLabel = ({\n  className,\n  ...props\n}: ComboboxPrimitive.GroupLabel.Props) => {\n  const { inputValue, hasItems } = useComboboxContext();\n  if (!hasItems && inputValue?.length) return null;\n\n  return (\n    <ComboboxPrimitive.GroupLabel\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n};\nComboboxLabel.displayName = 'Combobox.Label';\n\nexport const ComboboxGroup = ({\n  className,\n  children,\n  ...props\n}: ComboboxPrimitive.Group.Props) => {\n  const { inputValue, hasItems } = useComboboxContext();\n  if (!hasItems && inputValue?.length) return children;\n\n  return (\n    <ComboboxPrimitive.Group className={cx(styles.group, className)} {...props}>\n      {children}\n    </ComboboxPrimitive.Group>\n  );\n};\nComboboxGroup.displayName = 'Combobox.Group';\n\nexport const ComboboxSeparator = ({\n  className,\n  ...props\n}: ComboboxPrimitive.Separator.Props) => {\n  const { inputValue, hasItems } = useComboboxContext();\n  if (!hasItems && inputValue?.length) return null;\n\n  return (\n    <ComboboxPrimitive.Separator\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n};\nComboboxSeparator.displayName = 'Combobox.Separator';\n"],"names":[],"mappings":";;;;;;;AAOO;;AAKL;AAAqC;;AAQvC;AACA;AAEO;;AAML;AAAqC;;AAOvC;AACA;AAEO;;AAKL;AAAqC;;AAQvC;AACA;;"}

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

@@ -2,8 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('@ariakit/react');
-var radixUi = require('radix-ui');
+var react = require('@base-ui/react');
 var React = require('react');
 
 const ComboboxContext = React.createContext(undefined);
@@ -14,52 +13,35 @@ const useComboboxContext = () => {
     }
     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) => {
+const ComboboxRoot = ({ multiple = false, children, onValueChange, onInputValueChange, value: providedValue, defaultValue, items, ...props }) => {
+    const [inputValue, setInputValue] = React.useState('');
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? null);
+    const inputContainerRef = React.useRef(null);
+    const computedValue = providedValue ?? internalValue;
+    const handleInputValueChange = React.useCallback((value, eventDetails) => {
+        setInputValue(value);
+        onInputValueChange?.(value);
+    }, [onInputValueChange]);
+    const handleValueChange = React.useCallback((value, eventDetails) => {
+        setInternalValue(value);
         if (multiple) {
-            const formattedValue = newValue
-                ? Array.isArray(newValue)
-                    ? newValue
-                    : [newValue]
-                : [];
-            setInternalValue(formattedValue);
-            onValueChange?.(formattedValue);
+            onValueChange?.(value);
         }
         else {
-            setInternalValue(String(newValue));
-            onValueChange?.(String(newValue));
+            onValueChange?.(value);
         }
     }, [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 }) }) }));
+    const contextValue = React.useMemo(() => ({
+        multiple,
+        inputValue,
+        hasItems: !!items,
+        inputContainerRef,
+        value: computedValue,
+        onValueChange: handleValueChange
+    }), [multiple, inputValue, items, computedValue, handleValueChange]);
+    return (jsxRuntime.jsx(ComboboxContext, { value: contextValue, children: jsxRuntime.jsx(react.Combobox.Root, { multiple: multiple, onValueChange: handleValueChange, onInputValueChange: handleInputValueChange, items: items, value: providedValue, defaultValue: defaultValue, modal: true, ...props, children: children }) }));
 };
+ComboboxRoot.displayName = 'Combobox';
 
 exports.ComboboxRoot = ComboboxRoot;
 exports.useComboboxContext = useComboboxContext;

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

@@ -1 +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;;;"}
+{"version":3,"file":"combobox-root.cjs","sources":["../../../components/combobox/combobox-root.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport {\n  createContext,\n  RefObject,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\n\ninterface ComboboxContextValue<Value = string> {\n  multiple: boolean;\n  inputValue: string;\n  hasItems: boolean;\n  inputContainerRef: RefObject<HTMLDivElement | null>;\n  value: Value | Value[] | null | undefined;\n  onValueChange?: (value: Value | Value[] | null) => void;\n}\n\nconst ComboboxContext = createContext<\n  ComboboxContextValue<unknown> | undefined\n>(undefined);\n\nexport const useComboboxContext = <\n  Value = string\n>(): ComboboxContextValue<Value> => {\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 as ComboboxContextValue<Value>;\n};\n\nexport interface BaseComboboxRootProps<Value>\n  extends Omit<\n    ComboboxPrimitive.Root.Props<Value, boolean>,\n    'onValueChange' | 'onInputValueChange' | 'multiple'\n  > {\n  onInputValueChange?: (inputValue: string) => void;\n}\n\nexport interface SingleComboboxProps<Value = string>\n  extends BaseComboboxRootProps<Value> {\n  multiple?: false;\n  value?: Value | null;\n  defaultValue?: Value | null;\n  onValueChange?: (value: Value | null) => void;\n}\n\nexport interface MultipleComboboxProps<Value = string>\n  extends BaseComboboxRootProps<Value> {\n  multiple: true;\n  value?: Value[];\n  defaultValue?: Value[];\n  onValueChange?: (value: Value[]) => void;\n}\n\nexport type ComboboxRootProps<Value = string> =\n  | SingleComboboxProps<Value>\n  | MultipleComboboxProps<Value>;\n\nexport const ComboboxRoot = <Value extends unknown | unknown[]>({\n  multiple = false,\n  children,\n  onValueChange,\n  onInputValueChange,\n  value: providedValue,\n  defaultValue,\n  items,\n  ...props\n}: ComboboxRootProps<Value>) => {\n  const [inputValue, setInputValue] = useState('');\n  const [internalValue, setInternalValue] = useState<\n    Value | Value[] | null | undefined\n  >(defaultValue ?? null);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n\n  const computedValue = providedValue ?? internalValue;\n\n  const handleInputValueChange = useCallback(\n    (\n      value: string,\n      eventDetails: ComboboxPrimitive.Root.ChangeEventDetails\n    ) => {\n      setInputValue(value);\n      onInputValueChange?.(value);\n    },\n    [onInputValueChange]\n  );\n\n  const handleValueChange = useCallback(\n    (\n      value: Value | Value[] | null,\n      eventDetails: ComboboxPrimitive.Root.ChangeEventDetails\n    ) => {\n      setInternalValue(value);\n      if (multiple) {\n        (onValueChange as MultipleComboboxProps<Value>['onValueChange'])?.(\n          value as Value[]\n        );\n      } else {\n        (onValueChange as SingleComboboxProps<Value>['onValueChange'])?.(\n          value as Value | null\n        );\n      }\n    },\n    [onValueChange, multiple]\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      multiple,\n      inputValue,\n      hasItems: !!items,\n      inputContainerRef,\n      value: computedValue,\n      onValueChange: handleValueChange\n    }),\n    [multiple, inputValue, items, computedValue, handleValueChange]\n  );\n\n  return (\n    <ComboboxContext value={contextValue as ComboboxContextValue<unknown>}>\n      <ComboboxPrimitive.Root\n        multiple={multiple}\n        onValueChange={handleValueChange}\n        onInputValueChange={handleInputValueChange}\n        items={items}\n        value={providedValue}\n        defaultValue={defaultValue}\n        modal\n        {...props}\n      >\n        {children}\n      </ComboboxPrimitive.Root>\n    </ComboboxContext>\n  );\n};\n\nComboboxRoot.displayName = 'Combobox';\n"],"names":[],"mappings":";;;;;;;AAsBA;AAIO;AAGL;;AAEE;;AAIF;AACF;AA8BO;;AAWL;AAGA;AAEA;;;AAQI;AACF;;;;AAWK;;;AAIA;;AAIL;AAIF;;;;;AAMI;AACA;AACD;;AAoBL;AAEA;;;"}

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

@@ -1,37 +1,33 @@
-import { ComboboxProviderProps } from '@ariakit/react';
+import { Combobox as ComboboxPrimitive } from '@base-ui/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>;
+interface ComboboxContextValue<Value = string> {
     multiple: boolean;
-    listRef: RefObject<HTMLDivElement | null>;
+    inputValue: string;
+    hasItems: boolean;
+    inputContainerRef: RefObject<HTMLDivElement | null>;
+    value: Value | Value[] | null | undefined;
+    onValueChange?: (value: Value | Value[] | null) => void;
 }
-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;
+export declare const useComboboxContext: <Value = string>() => ComboboxContextValue<Value>;
+export interface BaseComboboxRootProps<Value> extends Omit<ComboboxPrimitive.Root.Props<Value, boolean>, 'onValueChange' | 'onInputValueChange' | 'multiple'> {
     onInputValueChange?: (inputValue: string) => void;
-    defaultInputValue?: string;
 }
-export interface SingleComboboxProps extends BaseComboboxRootProps {
+export interface SingleComboboxProps<Value = string> extends BaseComboboxRootProps<Value> {
     multiple?: false;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    defaultValue?: string;
+    value?: Value | null;
+    defaultValue?: Value | null;
+    onValueChange?: (value: Value | null) => void;
 }
-export interface MultipleComboboxProps extends BaseComboboxRootProps {
+export interface MultipleComboboxProps<Value = string> extends BaseComboboxRootProps<Value> {
     multiple: true;
-    value?: string[];
-    onValueChange?: (value: string[]) => void;
-    defaultValue?: string[];
+    value?: Value[];
+    defaultValue?: Value[];
+    onValueChange?: (value: Value[]) => void;
 }
-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 type ComboboxRootProps<Value = string> = SingleComboboxProps<Value> | MultipleComboboxProps<Value>;
+export declare const ComboboxRoot: {
+    <Value extends unknown>({ multiple, children, onValueChange, onInputValueChange, value: providedValue, defaultValue, items, ...props }: ComboboxRootProps<Value>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=combobox-root.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"combobox-root.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAEL,SAAS,EAMV,MAAM,OAAO,CAAC;AAEf,UAAU,oBAAoB,CAAC,KAAK,GAAG,MAAM;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;CACzD;AAMD,eAAO,MAAM,kBAAkB,wBAE1B,qBAAqB,KAAK,CAQ9B,CAAC;AAEF,MAAM,WAAW,qBAAqB,CAAC,KAAK,CAC1C,SAAQ,IAAI,CACV,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,EAC5C,eAAe,GAAG,oBAAoB,GAAG,UAAU,CACpD;IACD,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,mBAAmB,CAAC,KAAK,GAAG,MAAM,CACjD,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,qBAAqB,CAAC,KAAK,GAAG,MAAM,CACnD,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACpC,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,MAAM,iBAAiB,CAAC,KAAK,GAAG,MAAM,IACxC,mBAAmB,CAAC,KAAK,CAAC,GAC1B,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,eAAO,MAAM,YAAY;4IAStB,kBAAkB,KAAK,CAAC;;CAmE1B,CAAC"}

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

@@ -1,8 +1,7 @@
 "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';
+import { Combobox } from '@base-ui/react';
+import { createContext, useState, useRef, useCallback, useMemo, useContext } from 'react';
 
 const ComboboxContext = createContext(undefined);
 const useComboboxContext = () => {
@@ -12,52 +11,35 @@ const useComboboxContext = () => {
     }
     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) => {
+const ComboboxRoot = ({ multiple = false, children, onValueChange, onInputValueChange, value: providedValue, defaultValue, items, ...props }) => {
+    const [inputValue, setInputValue] = useState('');
+    const [internalValue, setInternalValue] = useState(defaultValue ?? null);
+    const inputContainerRef = useRef(null);
+    const computedValue = providedValue ?? internalValue;
+    const handleInputValueChange = useCallback((value, eventDetails) => {
+        setInputValue(value);
+        onInputValueChange?.(value);
+    }, [onInputValueChange]);
+    const handleValueChange = useCallback((value, eventDetails) => {
+        setInternalValue(value);
         if (multiple) {
-            const formattedValue = newValue
-                ? Array.isArray(newValue)
-                    ? newValue
-                    : [newValue]
-                : [];
-            setInternalValue(formattedValue);
-            onValueChange?.(formattedValue);
+            onValueChange?.(value);
         }
         else {
-            setInternalValue(String(newValue));
-            onValueChange?.(String(newValue));
+            onValueChange?.(value);
         }
     }, [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 }) }) }));
+    const contextValue = useMemo(() => ({
+        multiple,
+        inputValue,
+        hasItems: !!items,
+        inputContainerRef,
+        value: computedValue,
+        onValueChange: handleValueChange
+    }), [multiple, inputValue, items, computedValue, handleValueChange]);
+    return (jsx(ComboboxContext, { value: contextValue, children: jsx(Combobox.Root, { multiple: multiple, onValueChange: handleValueChange, onInputValueChange: handleInputValueChange, items: items, value: providedValue, defaultValue: defaultValue, modal: true, ...props, children: children }) }));
 };
+ComboboxRoot.displayName = 'Combobox';
 
 export { ComboboxRoot, useComboboxContext };
 //# sourceMappingURL=combobox-root.js.map

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

@@ -1 +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;;"}
+{"version":3,"file":"combobox-root.js","sources":["../../../components/combobox/combobox-root.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport {\n  createContext,\n  RefObject,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\n\ninterface ComboboxContextValue<Value = string> {\n  multiple: boolean;\n  inputValue: string;\n  hasItems: boolean;\n  inputContainerRef: RefObject<HTMLDivElement | null>;\n  value: Value | Value[] | null | undefined;\n  onValueChange?: (value: Value | Value[] | null) => void;\n}\n\nconst ComboboxContext = createContext<\n  ComboboxContextValue<unknown> | undefined\n>(undefined);\n\nexport const useComboboxContext = <\n  Value = string\n>(): ComboboxContextValue<Value> => {\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 as ComboboxContextValue<Value>;\n};\n\nexport interface BaseComboboxRootProps<Value>\n  extends Omit<\n    ComboboxPrimitive.Root.Props<Value, boolean>,\n    'onValueChange' | 'onInputValueChange' | 'multiple'\n  > {\n  onInputValueChange?: (inputValue: string) => void;\n}\n\nexport interface SingleComboboxProps<Value = string>\n  extends BaseComboboxRootProps<Value> {\n  multiple?: false;\n  value?: Value | null;\n  defaultValue?: Value | null;\n  onValueChange?: (value: Value | null) => void;\n}\n\nexport interface MultipleComboboxProps<Value = string>\n  extends BaseComboboxRootProps<Value> {\n  multiple: true;\n  value?: Value[];\n  defaultValue?: Value[];\n  onValueChange?: (value: Value[]) => void;\n}\n\nexport type ComboboxRootProps<Value = string> =\n  | SingleComboboxProps<Value>\n  | MultipleComboboxProps<Value>;\n\nexport const ComboboxRoot = <Value extends unknown | unknown[]>({\n  multiple = false,\n  children,\n  onValueChange,\n  onInputValueChange,\n  value: providedValue,\n  defaultValue,\n  items,\n  ...props\n}: ComboboxRootProps<Value>) => {\n  const [inputValue, setInputValue] = useState('');\n  const [internalValue, setInternalValue] = useState<\n    Value | Value[] | null | undefined\n  >(defaultValue ?? null);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n\n  const computedValue = providedValue ?? internalValue;\n\n  const handleInputValueChange = useCallback(\n    (\n      value: string,\n      eventDetails: ComboboxPrimitive.Root.ChangeEventDetails\n    ) => {\n      setInputValue(value);\n      onInputValueChange?.(value);\n    },\n    [onInputValueChange]\n  );\n\n  const handleValueChange = useCallback(\n    (\n      value: Value | Value[] | null,\n      eventDetails: ComboboxPrimitive.Root.ChangeEventDetails\n    ) => {\n      setInternalValue(value);\n      if (multiple) {\n        (onValueChange as MultipleComboboxProps<Value>['onValueChange'])?.(\n          value as Value[]\n        );\n      } else {\n        (onValueChange as SingleComboboxProps<Value>['onValueChange'])?.(\n          value as Value | null\n        );\n      }\n    },\n    [onValueChange, multiple]\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      multiple,\n      inputValue,\n      hasItems: !!items,\n      inputContainerRef,\n      value: computedValue,\n      onValueChange: handleValueChange\n    }),\n    [multiple, inputValue, items, computedValue, handleValueChange]\n  );\n\n  return (\n    <ComboboxContext value={contextValue as ComboboxContextValue<unknown>}>\n      <ComboboxPrimitive.Root\n        multiple={multiple}\n        onValueChange={handleValueChange}\n        onInputValueChange={handleInputValueChange}\n        items={items}\n        value={providedValue}\n        defaultValue={defaultValue}\n        modal\n        {...props}\n      >\n        {children}\n      </ComboboxPrimitive.Root>\n    </ComboboxContext>\n  );\n};\n\nComboboxRoot.displayName = 'Combobox';\n"],"names":[],"mappings":";;;;;AAsBA;AAIO;AAGL;;AAEE;;AAIF;AACF;AA8BO;;AAWL;AAGA;AAEA;;;AAQI;AACF;;;;AAWK;;;AAIA;;AAIL;AAIF;;;;;AAMI;AACA;AACD;;AAoBL;AAEA;;"}

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

@@ -1,15 +1,30 @@
-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>>;
+export declare const Combobox: {
+    <Value extends unknown>({ multiple, children, onValueChange, onInputValueChange, value: providedValue, defaultValue, items, ...props }: import("./combobox-root").ComboboxRootProps<Value>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Input: {
+        ({ ref, ...props }: import("./combobox-input").ComboboxInputProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ ref, className, children, style, render, initialFocus, finalFocus, sideOffset, ...positionerProps }: import("./combobox-content").ComboboxContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ className, children, value: providedValue, leadingIcon, disabled, render, ...props }: import("./combobox-item").ComboboxItemProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+    Group: {
+        ({ className, children, ...props }: import("@base-ui/react").AutocompleteGroupProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+        displayName: string;
+    };
+    Label: {
+        ({ className, ...props }: import("@base-ui/react").AutocompleteGroupLabelProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+    Separator: {
+        ({ className, ...props }: import("@base-ui/react").SeparatorProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
 };
 //# sourceMappingURL=combobox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAOnB,CAAC"}
+{"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.module.css.cjs

@@ -2,7 +2,7 @@
 
 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"};
+var styles = {"positioner":"combobox-module_positioner__4Dnxn","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.js

@@ -1,4 +1,4 @@
-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"};
+var styles = {"positioner":"combobox-module_positioner__4Dnxn","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"};
 
 export { styles as default };
 //# sourceMappingURL=combobox.module.css.js.map

package/dist/components/command/command.cjs

@@ -5,39 +5,53 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
 var cmdk = require('cmdk');
-var React = require('react');
 var dialog = require('../dialog/dialog.cjs');
 var flex = require('../flex/flex.cjs');
 var command_module = require('./command.module.css.cjs');
 
 const command = classVarianceAuthority.cva(command_module.default.command);
-const CommandRoot = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command, { ref: ref, className: command({ className }), ...props })));
-CommandRoot.displayName = cmdk.Command?.displayName;
+function CommandRoot({ className, ...props }) {
+    return jsxRuntime.jsx(cmdk.Command, { className: command({ className }), ...props });
+}
+CommandRoot.displayName = 'Command';
 const CommandDialog = ({ children, ...props }) => {
     return (jsxRuntime.jsx(dialog.Dialog, { ...props, children: jsxRuntime.jsx(dialog.Dialog.Content, { style: { overflow: 'hidden', padding: '0' }, children: jsxRuntime.jsx(Command, { className: command_module.default.dialogcommand, children: children }) }) }));
 };
+CommandDialog.displayName = 'Command.Dialog';
 const input = classVarianceAuthority.cva(command_module.default.input);
-const CommandInput = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: command_module.default.inputWrapper, children: [jsxRuntime.jsx(reactIcons.MagnifyingGlassIcon, { className: command_module.default.inputIcon, width: 16, height: 16 }), jsxRuntime.jsx(cmdk.Command.Input, { ref: ref, className: input({ className }), ...props })] })));
-CommandInput.displayName = cmdk.Command.Input.displayName;
+function CommandInput({ className, ...props }) {
+    return (jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: command_module.default.inputWrapper, children: [jsxRuntime.jsx(reactIcons.MagnifyingGlassIcon, { className: command_module.default.inputIcon, width: 16, height: 16 }), jsxRuntime.jsx(cmdk.Command.Input, { className: input({ className }), ...props })] }));
+}
+CommandInput.displayName = 'Command.Input';
 const list = classVarianceAuthority.cva(command_module.default.list);
-const CommandList = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.List, { ref: ref, className: list({ className }), ...props })));
-CommandList.displayName = cmdk.Command.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => (jsxRuntime.jsx(cmdk.Command.Empty, { ref: ref, className: command_module.default.empty, ...props })));
-CommandEmpty.displayName = cmdk.Command.Empty.displayName;
+function CommandList({ className, ...props }) {
+    return jsxRuntime.jsx(cmdk.Command.List, { className: list({ className }), ...props });
+}
+CommandList.displayName = 'Command.List';
+function CommandEmpty(props) {
+    return jsxRuntime.jsx(cmdk.Command.Empty, { className: command_module.default.empty, ...props });
+}
+CommandEmpty.displayName = 'Command.Empty';
 const group = classVarianceAuthority.cva(command_module.default.group);
-const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.Group, { ref: ref, className: group({ className }), ...props })));
-CommandGroup.displayName = cmdk.Command.Group.displayName;
+function CommandGroup({ className, ...props }) {
+    return jsxRuntime.jsx(cmdk.Command.Group, { className: group({ className }), ...props });
+}
+CommandGroup.displayName = 'Command.Group';
 const separator = classVarianceAuthority.cva(command_module.default.separator);
-const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.Separator, { ref: ref, className: separator({ className }), ...props })));
-CommandSeparator.displayName = cmdk.Command.Separator.displayName;
+function CommandSeparator({ className, ...props }) {
+    return (jsxRuntime.jsx(cmdk.Command.Separator, { className: separator({ className }), ...props }));
+}
+CommandSeparator.displayName = 'Command.Separator';
 const item = classVarianceAuthority.cva(command_module.default.item);
-const CommandItem = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.Item, { ref: ref, className: item({ className }), ...props })));
-CommandItem.displayName = cmdk.Command.Item.displayName;
+function CommandItem({ className, ...props }) {
+    return jsxRuntime.jsx(cmdk.Command.Item, { className: item({ className }), ...props });
+}
+CommandItem.displayName = 'Command.Item';
 const shortcut = classVarianceAuthority.cva(command_module.default.shortcut);
 const CommandShortcut = ({ className, ...props }) => {
     return jsxRuntime.jsx("span", { className: shortcut({ className }), ...props });
 };
-CommandShortcut.displayName = 'CommandShortcut';
+CommandShortcut.displayName = 'Command.Shortcut';
 const Command = Object.assign(CommandRoot, {
     Dialog: CommandDialog,
     Input: CommandInput,

package/dist/components/command/command.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"command.cjs","sources":["../../../components/command/command.tsx"],"sourcesContent":["'use client';\n\nimport { MagnifyingGlassIcon } from '@radix-ui/react-icons';\nimport { cva } from 'class-variance-authority';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport { Dialog } from '../dialog';\nimport { Flex } from '../flex';\nimport styles from './command.module.css';\n\nconst command = cva(styles.command);\nconst CommandRoot = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive ref={ref} className={command({ className })} {...props} />\n));\nCommandRoot.displayName = CommandPrimitive?.displayName;\n\ninterface CommandDialogProps extends DialogPrimitive.DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <Dialog.Content style={{ overflow: 'hidden', padding: '0' }}>\n        <Command className={styles.dialogcommand}>{children}</Command>\n      </Dialog.Content>\n    </Dialog>\n  );\n};\n\nconst input = cva(styles.input);\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <Flex\n    align='center'\n    gap='small'\n    cmdk-input-wrapper=''\n    className={styles.inputWrapper}\n  >\n    <MagnifyingGlassIcon className={styles.inputIcon} width={16} height={16} />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={input({ className })}\n      {...props}\n    />\n  </Flex>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst list = cva(styles.list);\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List ref={ref} className={list({ className })} {...props} />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className={styles.empty} {...props} />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst group = cva(styles.group);\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={group({ className })}\n    {...props}\n  />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst separator = cva(styles.separator);\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={separator({ className })}\n    {...props}\n  />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst item = cva(styles.item);\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item ref={ref} className={item({ className })} {...props} />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst shortcut = cva(styles.shortcut);\nconst CommandShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={shortcut({ className })} {...props} />;\n};\nCommandShortcut.displayName = 'CommandShortcut';\n\nexport const Command: any = Object.assign(CommandRoot, {\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n  Separator: CommandSeparator\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AAYA;AACA;AAMA;AAIA;AACE;AAOF;AAEA;AACA;AAmBA;AAEA;AACA;AAOA;AAEA;AAOA;AAEA;AACA;AAWA;AAEA;AACA;AAUA;AAEA;AACA;AAOA;AAEA;AACA;AAIE;AACF;AACA;;AAGE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;;"}
+{"version":3,"file":"command.cjs","sources":["../../../components/command/command.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { MagnifyingGlassIcon } from '@radix-ui/react-icons';\nimport { cva } from 'class-variance-authority';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { type ComponentProps, ReactNode } from 'react';\n\nimport { Dialog } from '../dialog';\nimport { Flex } from '../flex';\nimport styles from './command.module.css';\n\nconst command = cva(styles.command);\nfunction CommandRoot({\n  className,\n  ...props\n}: ComponentProps<typeof CommandPrimitive>) {\n  return <CommandPrimitive className={command({ className })} {...props} />;\n}\nCommandRoot.displayName = 'Command';\n\ninterface CommandDialogProps extends DialogPrimitive.Root.Props {\n  children: ReactNode;\n}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <Dialog.Content style={{ overflow: 'hidden', padding: '0' }}>\n        <Command className={styles.dialogcommand}>{children}</Command>\n      </Dialog.Content>\n    </Dialog>\n  );\n};\nCommandDialog.displayName = 'Command.Dialog';\n\nconst input = cva(styles.input);\nfunction CommandInput({\n  className,\n  ...props\n}: ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <Flex\n      align='center'\n      gap='small'\n      cmdk-input-wrapper=''\n      className={styles.inputWrapper}\n    >\n      <MagnifyingGlassIcon\n        className={styles.inputIcon}\n        width={16}\n        height={16}\n      />\n      <CommandPrimitive.Input className={input({ className })} {...props} />\n    </Flex>\n  );\n}\n\nCommandInput.displayName = 'Command.Input';\n\nconst list = cva(styles.list);\nfunction CommandList({\n  className,\n  ...props\n}: ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List className={list({ className })} {...props} />;\n}\n\nCommandList.displayName = 'Command.List';\n\nfunction CommandEmpty(props: ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty className={styles.empty} {...props} />;\n}\n\nCommandEmpty.displayName = 'Command.Empty';\n\nconst group = cva(styles.group);\nfunction CommandGroup({\n  className,\n  ...props\n}: ComponentProps<typeof CommandPrimitive.Group>) {\n  return <CommandPrimitive.Group className={group({ className })} {...props} />;\n}\n\nCommandGroup.displayName = 'Command.Group';\n\nconst separator = cva(styles.separator);\nfunction CommandSeparator({\n  className,\n  ...props\n}: ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      className={separator({ className })}\n      {...props}\n    />\n  );\n}\nCommandSeparator.displayName = 'Command.Separator';\n\nconst item = cva(styles.item);\nfunction CommandItem({\n  className,\n  ...props\n}: ComponentProps<typeof CommandPrimitive.Item>) {\n  return <CommandPrimitive.Item className={item({ className })} {...props} />;\n}\n\nCommandItem.displayName = 'Command.Item';\n\nconst shortcut = cva(styles.shortcut);\nconst CommandShortcut = ({ className, ...props }: ComponentProps<'span'>) => {\n  return <span className={shortcut({ className })} {...props} />;\n};\nCommandShortcut.displayName = 'Command.Shortcut';\n\nexport const Command = Object.assign(CommandRoot, {\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n  Separator: CommandSeparator\n});\n"],"names":[],"mappings":";;;;;;;;;;;AAYA;AACA;AAIE;AACF;AACA;AAMA;AACE;AAOF;AACA;AAEA;AACA;;AAmBA;AAEA;AAEA;AACA;AAIE;AACF;AAEA;AAEA;AACE;AACF;AAEA;AAEA;AACA;AAIE;AACF;AAEA;AAEA;AACA;AAIE;AAMF;AACA;AAEA;AACA;AAIE;AACF;AAEA;AAEA;AACA;AACE;AACF;AACA;;AAGE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;;"}

package/dist/components/command/command.d.ts

@@ -1,2 +1,52 @@
-export declare const Command: any;
+import { Dialog as DialogPrimitive } from '@base-ui/react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { type ComponentProps, ReactNode } from 'react';
+declare function CommandRoot({ className, ...props }: ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare namespace CommandRoot {
+    var displayName: string;
+}
+interface CommandDialogProps extends DialogPrimitive.Root.Props {
+    children: ReactNode;
+}
+declare function CommandInput({ className, ...props }: ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare namespace CommandInput {
+    var displayName: string;
+}
+declare function CommandList({ className, ...props }: ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare namespace CommandList {
+    var displayName: string;
+}
+declare function CommandEmpty(props: ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare namespace CommandEmpty {
+    var displayName: string;
+}
+declare function CommandGroup({ className, ...props }: ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare namespace CommandGroup {
+    var displayName: string;
+}
+declare function CommandSeparator({ className, ...props }: ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare namespace CommandSeparator {
+    var displayName: string;
+}
+declare function CommandItem({ className, ...props }: ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare namespace CommandItem {
+    var displayName: string;
+}
+export declare const Command: typeof CommandRoot & {
+    Dialog: {
+        ({ children, ...props }: CommandDialogProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Input: typeof CommandInput;
+    List: typeof CommandList;
+    Empty: typeof CommandEmpty;
+    Group: typeof CommandGroup;
+    Item: typeof CommandItem;
+    Shortcut: {
+        ({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Separator: typeof CommandSeparator;
+};
+export {};
 //# sourceMappingURL=command.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../components/command/command.tsx"],"names":[],"mappings":"AAwHA,eAAO,MAAM,OAAO,EAAE,GASpB,CAAC"}
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../components/command/command.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAG3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AACnD,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,2CAEzC;kBALQ,WAAW;;;AAQpB,UAAU,kBAAmB,SAAQ,eAAe,CAAC,IAAI,CAAC,KAAK;IAC7D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAcD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAgB/C;kBAnBQ,YAAY;;;AAwBrB,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAE9C;kBALQ,WAAW;;;AASpB,iBAAS,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAEzE;kBAFQ,YAAY;;;AAOrB,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAE/C;kBALQ,YAAY;;;AAUrB,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,2CAOnD;kBAVQ,gBAAgB;;;AAczB,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAE9C;kBALQ,WAAW;;;AAepB,eAAO,MAAM,OAAO;;iCA3F2B,kBAAkB;;;;;;;;;kCAsFf,eAAe,MAAM,CAAC;;;;CActE,CAAC"}