@raystack/apsara 1.0.0-rc.0 → 1.0.0-rc.2

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

@@ -2,30 +2,29 @@
 import { jsx } from 'react/jsx-runtime';
 import { Combobox } from '@base-ui/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 ComboboxLabel = ({ className, ...props }) => {
     const { inputValue, hasItems } = useComboboxContext();
     if (!hasItems && inputValue?.length)
         return null;
-    return (jsx(Combobox.GroupLabel, { ref: ref, className: cx(styles.label, className), ...props }));
-});
+    return (jsx(Combobox.GroupLabel, { className: cx(styles.label, className), ...props }));
+};
 ComboboxLabel.displayName = 'Combobox.Label';
-const ComboboxGroup = forwardRef(({ className, children, ...props }, ref) => {
+const ComboboxGroup = ({ className, children, ...props }) => {
     const { inputValue, hasItems } = useComboboxContext();
     if (!hasItems && inputValue?.length)
         return children;
-    return (jsx(Combobox.Group, { ref: ref, className: cx(styles.group, className), ...props, children: children }));
-});
+    return (jsx(Combobox.Group, { className: cx(styles.group, className), ...props, children: children }));
+};
 ComboboxGroup.displayName = 'Combobox.Group';
-const ComboboxSeparator = forwardRef(({ className, ...props }, ref) => {
+const ComboboxSeparator = ({ className, ...props }) => {
     const { inputValue, hasItems } = useComboboxContext();
     if (!hasItems && inputValue?.length)
         return null;
-    return (jsx(Combobox.Separator, { ref: ref, className: cx(styles.separator, className), ...props }));
-});
+    return (jsx(Combobox.Separator, { className: cx(styles.separator, className), ...props }));
+};
 ComboboxSeparator.displayName = 'Combobox.Separator';
 
 export { ComboboxGroup, ComboboxLabel, ComboboxSeparator };

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 { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport const ComboboxLabel = forwardRef<\n  ElementRef<typeof ComboboxPrimitive.GroupLabel>,\n  ComboboxPrimitive.GroupLabel.Props\n>(({ className, ...props }, ref) => {\n  const { inputValue, hasItems } = useComboboxContext();\n  if (!hasItems && inputValue?.length) return null;\n\n  return (\n    <ComboboxPrimitive.GroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n});\nComboboxLabel.displayName = 'Combobox.Label';\n\nexport const ComboboxGroup = forwardRef<\n  ElementRef<typeof ComboboxPrimitive.Group>,\n  ComboboxPrimitive.Group.Props\n>(({ className, children, ...props }, ref) => {\n  const { inputValue, hasItems } = useComboboxContext();\n  if (!hasItems && inputValue?.length) return children;\n\n  return (\n    <ComboboxPrimitive.Group\n      ref={ref}\n      className={cx(styles.group, className)}\n      {...props}\n    >\n      {children}\n    </ComboboxPrimitive.Group>\n  );\n});\nComboboxGroup.displayName = 'Combobox.Group';\n\nexport const ComboboxSeparator = forwardRef<\n  ElementRef<typeof ComboboxPrimitive.Separator>,\n  ComboboxPrimitive.Separator.Props\n>(({ className, ...props }, ref) => {\n  const { inputValue, hasItems } = useComboboxContext();\n  if (!hasItems && inputValue?.length) return null;\n\n  return (\n    <ComboboxPrimitive.Separator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n});\nComboboxSeparator.displayName = 'Combobox.Separator';\n"],"names":[],"mappings":";;;;;;;;AAQa;;AAKX;AAAqC;;AASvC;AACA;AAEa;;AAKX;AAAqC;;AAWvC;AACA;AAEa;;AAKX;AAAqC;;AASvC;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

@@ -39,8 +39,9 @@ const ComboboxRoot = ({ multiple = false, children, onValueChange, onInputValueC
         value: computedValue,
         onValueChange: handleValueChange
     }), [multiple, inputValue, items, computedValue, handleValueChange]);
-    return (jsxRuntime.jsx(ComboboxContext.Provider, { 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 }) }));
+    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 { 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.Provider\n      value={contextValue as ComboboxContextValue<unknown>}\n    >\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.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAsBA;AAIO;AAGL;;AAEE;;AAIF;AACF;AA8BO;;AAWL;AAGA;AAEA;;;AAQI;AACF;;;;AAWK;;;AAIA;;AAIL;AAIF;;;;;AAMI;AACA;AACD;;AAsBL;;;"}
+{"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

@@ -25,6 +25,9 @@ export interface MultipleComboboxProps<Value = string> extends BaseComboboxRootP
     onValueChange?: (value: Value[]) => void;
 }
 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;
+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,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,0IAStB,kBAAkB,KAAK,CAAC,4CAqE1B,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,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Combobox } from '@base-ui/react';
-import { createContext, useContext, useState, useRef, useCallback, useMemo } from 'react';
+import { createContext, useState, useRef, useCallback, useMemo, useContext } from 'react';
 
 const ComboboxContext = createContext(undefined);
 const useComboboxContext = () => {
@@ -37,8 +37,9 @@ const ComboboxRoot = ({ multiple = false, children, onValueChange, onInputValueC
         value: computedValue,
         onValueChange: handleValueChange
     }), [multiple, inputValue, items, computedValue, handleValueChange]);
-    return (jsx(ComboboxContext.Provider, { value: contextValue, children: jsx(Combobox.Root, { multiple: multiple, onValueChange: handleValueChange, onInputValueChange: handleInputValueChange, items: items, value: providedValue, defaultValue: defaultValue, modal: true, ...props, children: children }) }));
+    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 { 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.Provider\n      value={contextValue as ComboboxContextValue<unknown>}\n    >\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.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;AAsBA;AAIO;AAGL;;AAEE;;AAIF;AACF;AA8BO;;AAWL;AAGA;AAEA;;;AAQI;AACF;;;;AAWK;;;AAIA;;AAIL;AAIF;;;;;AAMI;AACA;AACD;;AAsBL;;"}
+{"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.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var react = require('@base-ui/react');
 var comboboxContent = require('./combobox-content.cjs');
 var comboboxInput = require('./combobox-input.cjs');
 var comboboxItem = require('./combobox-item.cjs');
@@ -12,7 +13,9 @@ const Combobox = Object.assign(comboboxRoot.ComboboxRoot, {
     Item: comboboxItem.ComboboxItem,
     Group: comboboxMisc.ComboboxGroup,
     Label: comboboxMisc.ComboboxLabel,
-    Separator: comboboxMisc.ComboboxSeparator
+    Separator: comboboxMisc.ComboboxSeparator,
+    useFilter: react.Combobox.useFilter,
+    useFilteredItems: react.Combobox.useFilteredItems
 });
 
 exports.Combobox = Combobox;

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

@@ -1 +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;;;;"}
+{"version":3,"file":"combobox.cjs","sources":["../../../components/combobox/combobox.tsx"],"sourcesContent":["import { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { 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  useFilter: ComboboxPrimitive.useFilter,\n  useFilteredItems: ComboboxPrimitive.useFilteredItems\n});\n"],"names":["ComboboxRoot","ComboboxInput","ComboboxContent","ComboboxItem","ComboboxGroup","ComboboxLabel","ComboboxSeparator","ComboboxPrimitive"],"mappings":";;;;;;;;;MAWa,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;IAC5B,SAAS,EAAEC,cAAiB,CAAC,SAAS;IACtC,gBAAgB,EAAEA,cAAiB,CAAC,gBAAgB;AACrD,CAAA;;;;"}

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

@@ -1,9 +1,33 @@
-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) & {
-    Input: import("react").ForwardRefExoticComponent<import("./combobox-input").ComboboxInputProps & import("react").RefAttributes<HTMLInputElement>>;
-    Content: import("react").ForwardRefExoticComponent<Omit<import("./combobox-content").ComboboxContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Item: import("react").ForwardRefExoticComponent<Omit<import("./combobox-item").ComboboxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Group: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Label: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { Combobox as ComboboxPrimitive } from '@base-ui/react';
+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;
+    };
+    useFilter: typeof ComboboxPrimitive.useFilter;
+    useFilteredItems: typeof ComboboxPrimitive.useFilteredItems;
 };
 //# 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":"AAAA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAW/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASnB,CAAC"}

package/dist/components/combobox/combobox.js

@@ -1,3 +1,4 @@
+import { Combobox as Combobox$1 } from '@base-ui/react';
 import { ComboboxContent } from './combobox-content.js';
 import { ComboboxInput } from './combobox-input.js';
 import { ComboboxItem } from './combobox-item.js';
@@ -10,7 +11,9 @@ const Combobox = Object.assign(ComboboxRoot, {
     Item: ComboboxItem,
     Group: ComboboxGroup,
     Label: ComboboxLabel,
-    Separator: ComboboxSeparator
+    Separator: ComboboxSeparator,
+    useFilter: Combobox$1.useFilter,
+    useFilteredItems: Combobox$1.useFilteredItems
 });
 
 export { Combobox };

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

@@ -1 +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;;;;"}
+{"version":3,"file":"combobox.js","sources":["../../../components/combobox/combobox.tsx"],"sourcesContent":["import { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { 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  useFilter: ComboboxPrimitive.useFilter,\n  useFilteredItems: ComboboxPrimitive.useFilteredItems\n});\n"],"names":["ComboboxPrimitive"],"mappings":";;;;;;;MAWa,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;IAC5B,SAAS,EAAEA,UAAiB,CAAC,SAAS;IACtC,gBAAgB,EAAEA,UAAiB,CAAC,gBAAgB;AACrD,CAAA;;;;"}

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"}

package/dist/components/command/command.js

@@ -3,39 +3,53 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
 import { cva } from 'class-variance-authority';
 import { Command as Command$1 } from 'cmdk';
-import React__default from 'react';
 import { Dialog } from '../dialog/dialog.js';
 import { Flex } from '../flex/flex.js';
 import styles from './command.module.css.js';
 
 const command = cva(styles.command);
-const CommandRoot = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1, { ref: ref, className: command({ className }), ...props })));
-CommandRoot.displayName = Command$1?.displayName;
+function CommandRoot({ className, ...props }) {
+    return jsx(Command$1, { className: command({ className }), ...props });
+}
+CommandRoot.displayName = 'Command';
 const CommandDialog = ({ children, ...props }) => {
     return (jsx(Dialog, { ...props, children: jsx(Dialog.Content, { style: { overflow: 'hidden', padding: '0' }, children: jsx(Command, { className: styles.dialogcommand, children: children }) }) }));
 };
+CommandDialog.displayName = 'Command.Dialog';
 const input = cva(styles.input);
-const CommandInput = React__default.forwardRef(({ className, ...props }, ref) => (jsxs(Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: styles.inputWrapper, children: [jsx(MagnifyingGlassIcon, { className: styles.inputIcon, width: 16, height: 16 }), jsx(Command$1.Input, { ref: ref, className: input({ className }), ...props })] })));
-CommandInput.displayName = Command$1.Input.displayName;
+function CommandInput({ className, ...props }) {
+    return (jsxs(Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: styles.inputWrapper, children: [jsx(MagnifyingGlassIcon, { className: styles.inputIcon, width: 16, height: 16 }), jsx(Command$1.Input, { className: input({ className }), ...props })] }));
+}
+CommandInput.displayName = 'Command.Input';
 const list = cva(styles.list);
-const CommandList = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.List, { ref: ref, className: list({ className }), ...props })));
-CommandList.displayName = Command$1.List.displayName;
-const CommandEmpty = React__default.forwardRef((props, ref) => (jsx(Command$1.Empty, { ref: ref, className: styles.empty, ...props })));
-CommandEmpty.displayName = Command$1.Empty.displayName;
+function CommandList({ className, ...props }) {
+    return jsx(Command$1.List, { className: list({ className }), ...props });
+}
+CommandList.displayName = 'Command.List';
+function CommandEmpty(props) {
+    return jsx(Command$1.Empty, { className: styles.empty, ...props });
+}
+CommandEmpty.displayName = 'Command.Empty';
 const group = cva(styles.group);
-const CommandGroup = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.Group, { ref: ref, className: group({ className }), ...props })));
-CommandGroup.displayName = Command$1.Group.displayName;
+function CommandGroup({ className, ...props }) {
+    return jsx(Command$1.Group, { className: group({ className }), ...props });
+}
+CommandGroup.displayName = 'Command.Group';
 const separator = cva(styles.separator);
-const CommandSeparator = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.Separator, { ref: ref, className: separator({ className }), ...props })));
-CommandSeparator.displayName = Command$1.Separator.displayName;
+function CommandSeparator({ className, ...props }) {
+    return (jsx(Command$1.Separator, { className: separator({ className }), ...props }));
+}
+CommandSeparator.displayName = 'Command.Separator';
 const item = cva(styles.item);
-const CommandItem = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.Item, { ref: ref, className: item({ className }), ...props })));
-CommandItem.displayName = Command$1.Item.displayName;
+function CommandItem({ className, ...props }) {
+    return jsx(Command$1.Item, { className: item({ className }), ...props });
+}
+CommandItem.displayName = 'Command.Item';
 const shortcut = cva(styles.shortcut);
 const CommandShortcut = ({ className, ...props }) => {
     return 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.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","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.js","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/container/container.cjs

@@ -7,25 +7,26 @@ var container_module = require('./container.module.css.cjs');
 const container = classVarianceAuthority.cva(container_module.default.container, {
     variants: {
         size: {
-            small: container_module.default["container-small"],
-            medium: container_module.default["container-medium"],
-            large: container_module.default["container-large"],
-            none: container_module.default["container-none"],
+            small: container_module.default['container-small'],
+            medium: container_module.default['container-medium'],
+            large: container_module.default['container-large'],
+            none: container_module.default['container-none']
         },
         align: {
-            left: container_module.default["container-align-left"],
-            center: container_module.default["container-align-center"],
-            right: container_module.default["container-align-right"],
+            left: container_module.default['container-align-left'],
+            center: container_module.default['container-align-center'],
+            right: container_module.default['container-align-right']
         }
     },
     defaultVariants: {
-        size: "none",
-        align: "center",
-    },
+        size: 'none',
+        align: 'center'
+    }
 });
-function Container({ children, size, align, className, role = "region", ...props }) {
+function Container({ children, size, align, className, role = 'region', ...props }) {
     return (jsxRuntime.jsx("div", { className: container({ size, align, className }), role: role, ...props, children: children }));
 }
+Container.displayName = 'Container';
 
 exports.Container = Container;
 //# sourceMappingURL=container.cjs.map

package/dist/components/container/container.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"container.cjs","sources":["../../../components/container/container.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./container.module.css\";\n\nconst container = cva(styles.container, {\n  variants: {\n    size: {\n      small: styles[\"container-small\"],\n      medium: styles[\"container-medium\"],\n      large: styles[\"container-large\"],\n      none: styles[\"container-none\"],\n    },\n    align: {\n      left: styles[\"container-align-left\"],\n      center: styles[\"container-align-center\"],\n      right: styles[\"container-align-right\"],\n    }\n  },\n  defaultVariants: {\n    size: \"none\",\n    align: \"center\",\n  },\n});\n\ntype ContainerProps = PropsWithChildren<VariantProps<typeof container>> &\n  HTMLAttributes<HTMLElement> & {\n    \"aria-label\"?: string;\n    \"aria-labelledby\"?: string;\n  };\n\nexport function Container({\n  children,\n  size,\n  align,\n  className,\n  role = \"region\",\n  ...props\n}: ContainerProps) {\n  return (\n    <div \n      className={container({ size, align, className })} \n      role={role}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n} "],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAGA,0BAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,MAAM,EAAEA,wBAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAEA,wBAAM,CAAC,sBAAsB,CAAC;AACpC,YAAA,MAAM,EAAEA,wBAAM,CAAC,wBAAwB,CAAC;AACxC,YAAA,KAAK,EAAEA,wBAAM,CAAC,uBAAuB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;SAQa,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACO,EAAA;IACf,QACEC,cACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,EAAA,GACN,KAAK,EAER,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ;;;;"}
+{"version":3,"file":"container.cjs","sources":["../../../components/container/container.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\n\nimport styles from './container.module.css';\n\nconst container = cva(styles.container, {\n  variants: {\n    size: {\n      small: styles['container-small'],\n      medium: styles['container-medium'],\n      large: styles['container-large'],\n      none: styles['container-none']\n    },\n    align: {\n      left: styles['container-align-left'],\n      center: styles['container-align-center'],\n      right: styles['container-align-right']\n    }\n  },\n  defaultVariants: {\n    size: 'none',\n    align: 'center'\n  }\n});\n\ntype ContainerProps = VariantProps<typeof container> & ComponentProps<'div'>;\n\nexport function Container({\n  children,\n  size,\n  align,\n  className,\n  role = 'region',\n  ...props\n}: ContainerProps) {\n  return (\n    <div\n      className={container({ size, align, className })}\n      role={role}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nContainer.displayName = 'Container';\n"],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAGA,0BAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,MAAM,EAAEA,wBAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAEA,wBAAM,CAAC,sBAAsB,CAAC;AACpC,YAAA,MAAM,EAAEA,wBAAM,CAAC,wBAAwB,CAAC;AACxC,YAAA,KAAK,EAAEA,wBAAM,CAAC,uBAAuB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;SAIa,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACO,EAAA;IACf,QACEC,cACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,EAAA,GACN,KAAK,EAER,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}