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

package/dist/components/color-picker/color-picker-root.cjs

@@ -38,7 +38,7 @@ const ColorPickerRoot = ({ value, defaultValue = '#ffffff', onValueChange, defau
         setInternalMode(value);
         onModeChange?.(value);
     }, [onModeChange]);
-    return (jsxRuntime.jsx(ColorPickerContext.Provider, { value: {
+    return (jsxRuntime.jsx(ColorPickerContext, { value: {
             hue,
             saturation,
             lightness,
@@ -48,6 +48,7 @@ const ColorPickerRoot = ({ value, defaultValue = '#ffffff', onValueChange, defau
             setMode
         }, children: jsxRuntime.jsx(flex.Flex, { direction: 'column', gap: 4, ...props }) }));
 };
+ColorPickerRoot.displayName = 'ColorPicker';
 
 exports.ColorPickerRoot = ColorPickerRoot;
 exports.useColorPicker = useColorPicker;

package/dist/components/color-picker/color-picker-root.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker-root.cjs","sources":["../../../components/color-picker/color-picker-root.tsx"],"sourcesContent":["'use client';\n\nimport Color, { type ColorLike } from 'color';\nimport {\n  ComponentPropsWithoutRef,\n  createContext,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport { Flex } from '../flex';\nimport { ColorObject, ModeType, getColorString } from './utils';\n\ntype ColorPickerContextValue = {\n  hue: number;\n  saturation: number;\n  lightness: number;\n  alpha: number;\n  mode: ModeType;\n  setColor: (color: Partial<ColorObject>) => void;\n  setMode: (mode: ModeType) => void;\n};\n\nconst ColorPickerContext = createContext<ColorPickerContextValue | undefined>(\n  undefined\n);\n\nexport const useColorPicker = () => {\n  const context = useContext(ColorPickerContext);\n  if (!context) {\n    throw new Error('useColorPicker must be used within a ColorPickerProvider');\n  }\n  return context;\n};\n\nexport interface ColorPickerProps\n  extends Omit<ComponentPropsWithoutRef<typeof Flex>, 'defaultValue'> {\n  value?: ColorLike;\n  defaultValue?: ColorLike;\n  onValueChange?: (value: string, mode: string) => void;\n  defaultMode?: ModeType;\n  mode?: ModeType;\n  onModeChange?: (mode: ModeType) => void;\n}\nexport const ColorPickerRoot = ({\n  value,\n  defaultValue = '#ffffff',\n  onValueChange,\n  defaultMode = 'hex',\n  mode: providedMode,\n  onModeChange,\n  ...props\n}: ColorPickerProps) => {\n  const providedColor = value && (Color(value).hsl().object() as ColorObject);\n\n  const [internalColor, setInternalColor] = useState(\n    Color(defaultValue).hsl().object() as ColorObject\n  );\n  const [internalMode, setInternalMode] = useState(defaultMode);\n\n  const hue = providedColor ? providedColor.h : internalColor.h;\n  const saturation = providedColor ? providedColor.s : internalColor.s;\n  const lightness = providedColor ? providedColor.l : internalColor.l;\n  const alpha =\n    (providedColor ? providedColor?.alpha : internalColor?.alpha) ?? 1;\n\n  const mode = providedMode ?? internalMode;\n\n  const setColor = useCallback<ColorPickerContextValue['setColor']>(\n    value => {\n      setInternalColor(_color => {\n        const updatedColor = { ..._color, ...value };\n\n        if (!onValueChange) return updatedColor;\n\n        const color = Color.hsl(\n          updatedColor.h,\n          updatedColor.s,\n          updatedColor.l,\n          updatedColor?.alpha ?? 1\n        );\n\n        onValueChange(getColorString(color, mode), mode);\n\n        return updatedColor;\n      });\n    },\n    [mode, onValueChange]\n  );\n\n  const setMode = useCallback<ColorPickerContextValue['setMode']>(\n    value => {\n      setInternalMode(value);\n      onModeChange?.(value);\n    },\n    [onModeChange]\n  );\n\n  return (\n    <ColorPickerContext.Provider\n      value={{\n        hue,\n        saturation,\n        lightness,\n        alpha,\n        mode,\n        setColor,\n        setMode\n      }}\n    >\n      <Flex direction='column' gap={4} {...props} />\n    </ColorPickerContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAuBA;AAIO;AACL;;AAEE;;AAEF;AACF;AAWO;AASL;AAEA;;AAKA;AACA;AACA;AACA;AAGA;AAEA;;;AAKM;AAAoB;;;AAWpB;AACF;AACF;AAIF;;AAGI;AACF;AAIF;;;;;;;;AAUK;AAKP;;;"}
+{"version":3,"file":"color-picker-root.cjs","sources":["../../../components/color-picker/color-picker-root.tsx"],"sourcesContent":["'use client';\n\nimport Color, { type ColorLike } from 'color';\nimport {\n  ComponentProps,\n  createContext,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport { Flex } from '../flex';\nimport { ColorObject, getColorString, ModeType } from './utils';\n\ntype ColorPickerContextValue = {\n  hue: number;\n  saturation: number;\n  lightness: number;\n  alpha: number;\n  mode: ModeType;\n  setColor: (color: Partial<ColorObject>) => void;\n  setMode: (mode: ModeType) => void;\n};\n\nconst ColorPickerContext = createContext<ColorPickerContextValue | undefined>(\n  undefined\n);\n\nexport const useColorPicker = () => {\n  const context = useContext(ColorPickerContext);\n  if (!context) {\n    throw new Error('useColorPicker must be used within a ColorPickerProvider');\n  }\n  return context;\n};\n\nexport interface ColorPickerProps\n  extends Omit<ComponentProps<typeof Flex>, 'defaultValue'> {\n  value?: ColorLike;\n  defaultValue?: ColorLike;\n  onValueChange?: (value: string, mode: string) => void;\n  defaultMode?: ModeType;\n  mode?: ModeType;\n  onModeChange?: (mode: ModeType) => void;\n}\nexport const ColorPickerRoot = ({\n  value,\n  defaultValue = '#ffffff',\n  onValueChange,\n  defaultMode = 'hex',\n  mode: providedMode,\n  onModeChange,\n  ...props\n}: ColorPickerProps) => {\n  const providedColor = value && (Color(value).hsl().object() as ColorObject);\n\n  const [internalColor, setInternalColor] = useState(\n    Color(defaultValue).hsl().object() as ColorObject\n  );\n  const [internalMode, setInternalMode] = useState(defaultMode);\n\n  const hue = providedColor ? providedColor.h : internalColor.h;\n  const saturation = providedColor ? providedColor.s : internalColor.s;\n  const lightness = providedColor ? providedColor.l : internalColor.l;\n  const alpha =\n    (providedColor ? providedColor?.alpha : internalColor?.alpha) ?? 1;\n\n  const mode = providedMode ?? internalMode;\n\n  const setColor = useCallback<ColorPickerContextValue['setColor']>(\n    value => {\n      setInternalColor(_color => {\n        const updatedColor = { ..._color, ...value };\n\n        if (!onValueChange) return updatedColor;\n\n        const color = Color.hsl(\n          updatedColor.h,\n          updatedColor.s,\n          updatedColor.l,\n          updatedColor?.alpha ?? 1\n        );\n\n        onValueChange(getColorString(color, mode), mode);\n\n        return updatedColor;\n      });\n    },\n    [mode, onValueChange]\n  );\n\n  const setMode = useCallback<ColorPickerContextValue['setMode']>(\n    value => {\n      setInternalMode(value);\n      onModeChange?.(value);\n    },\n    [onModeChange]\n  );\n\n  return (\n    <ColorPickerContext\n      value={{\n        hue,\n        saturation,\n        lightness,\n        alpha,\n        mode,\n        setColor,\n        setMode\n      }}\n    >\n      <Flex direction='column' gap={4} {...props} />\n    </ColorPickerContext>\n  );\n};\n\nColorPickerRoot.displayName = 'ColorPicker';\n"],"names":[],"mappings":";;;;;;;;;AAuBA;AAIO;AACL;;AAEE;;AAEF;AACF;AAWO;AASL;AAEA;;AAKA;AACA;AACA;AACA;AAGA;AAEA;;;AAKM;AAAoB;;;AAWpB;AACF;AACF;AAIF;;AAGI;AACF;AAIF;;;;;;;;AAUK;AAKP;AAEA;;;"}

package/dist/components/color-picker/color-picker-root.d.ts

@@ -1,5 +1,5 @@
 import { type ColorLike } from 'color';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps } from 'react';
 import { Flex } from '../flex';
 import { ColorObject, ModeType } from './utils';
 type ColorPickerContextValue = {
@@ -12,7 +12,7 @@ type ColorPickerContextValue = {
     setMode: (mode: ModeType) => void;
 };
 export declare const useColorPicker: () => ColorPickerContextValue;
-export interface ColorPickerProps extends Omit<ComponentPropsWithoutRef<typeof Flex>, 'defaultValue'> {
+export interface ColorPickerProps extends Omit<ComponentProps<typeof Flex>, 'defaultValue'> {
     value?: ColorLike;
     defaultValue?: ColorLike;
     onValueChange?: (value: string, mode: string) => void;
@@ -20,6 +20,9 @@ export interface ColorPickerProps extends Omit<ComponentPropsWithoutRef<typeof F
     mode?: ModeType;
     onModeChange?: (mode: ModeType) => void;
 }
-export declare const ColorPickerRoot: ({ value, defaultValue, onValueChange, defaultMode, mode: providedMode, onModeChange, ...props }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorPickerRoot: {
+    ({ value, defaultValue, onValueChange, defaultMode, mode: providedMode, onModeChange, ...props }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=color-picker-root.d.ts.map

package/dist/components/color-picker/color-picker-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker-root.d.ts","sourceRoot":"","sources":["../../../components/color-picker/color-picker-root.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACL,wBAAwB,EAKzB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAkB,MAAM,SAAS,CAAC;AAEhE,KAAK,uBAAuB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAChD,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACnC,CAAC;AAMF,eAAO,MAAM,cAAc,+BAM1B,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,IAAI,CAAC,EAAE,cAAc,CAAC;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC;AACD,eAAO,MAAM,eAAe,oGAQzB,gBAAgB,4CA6DlB,CAAC"}
+{"version":3,"file":"color-picker-root.d.ts","sourceRoot":"","sources":["../../../components/color-picker/color-picker-root.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACL,cAAc,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAkB,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEhE,KAAK,uBAAuB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAChD,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACnC,CAAC;AAMF,eAAO,MAAM,cAAc,+BAM1B,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,cAAc,CAAC;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC;AACD,eAAO,MAAM,eAAe;sGAQzB,gBAAgB;;CA6DlB,CAAC"}

package/dist/components/color-picker/color-picker-root.js

@@ -36,7 +36,7 @@ const ColorPickerRoot = ({ value, defaultValue = '#ffffff', onValueChange, defau
         setInternalMode(value);
         onModeChange?.(value);
     }, [onModeChange]);
-    return (jsx(ColorPickerContext.Provider, { value: {
+    return (jsx(ColorPickerContext, { value: {
             hue,
             saturation,
             lightness,
@@ -46,6 +46,7 @@ const ColorPickerRoot = ({ value, defaultValue = '#ffffff', onValueChange, defau
             setMode
         }, children: jsx(Flex, { direction: 'column', gap: 4, ...props }) }));
 };
+ColorPickerRoot.displayName = 'ColorPicker';
 
 export { ColorPickerRoot, useColorPicker };
 //# sourceMappingURL=color-picker-root.js.map

package/dist/components/color-picker/color-picker-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker-root.js","sources":["../../../components/color-picker/color-picker-root.tsx"],"sourcesContent":["'use client';\n\nimport Color, { type ColorLike } from 'color';\nimport {\n  ComponentPropsWithoutRef,\n  createContext,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport { Flex } from '../flex';\nimport { ColorObject, ModeType, getColorString } from './utils';\n\ntype ColorPickerContextValue = {\n  hue: number;\n  saturation: number;\n  lightness: number;\n  alpha: number;\n  mode: ModeType;\n  setColor: (color: Partial<ColorObject>) => void;\n  setMode: (mode: ModeType) => void;\n};\n\nconst ColorPickerContext = createContext<ColorPickerContextValue | undefined>(\n  undefined\n);\n\nexport const useColorPicker = () => {\n  const context = useContext(ColorPickerContext);\n  if (!context) {\n    throw new Error('useColorPicker must be used within a ColorPickerProvider');\n  }\n  return context;\n};\n\nexport interface ColorPickerProps\n  extends Omit<ComponentPropsWithoutRef<typeof Flex>, 'defaultValue'> {\n  value?: ColorLike;\n  defaultValue?: ColorLike;\n  onValueChange?: (value: string, mode: string) => void;\n  defaultMode?: ModeType;\n  mode?: ModeType;\n  onModeChange?: (mode: ModeType) => void;\n}\nexport const ColorPickerRoot = ({\n  value,\n  defaultValue = '#ffffff',\n  onValueChange,\n  defaultMode = 'hex',\n  mode: providedMode,\n  onModeChange,\n  ...props\n}: ColorPickerProps) => {\n  const providedColor = value && (Color(value).hsl().object() as ColorObject);\n\n  const [internalColor, setInternalColor] = useState(\n    Color(defaultValue).hsl().object() as ColorObject\n  );\n  const [internalMode, setInternalMode] = useState(defaultMode);\n\n  const hue = providedColor ? providedColor.h : internalColor.h;\n  const saturation = providedColor ? providedColor.s : internalColor.s;\n  const lightness = providedColor ? providedColor.l : internalColor.l;\n  const alpha =\n    (providedColor ? providedColor?.alpha : internalColor?.alpha) ?? 1;\n\n  const mode = providedMode ?? internalMode;\n\n  const setColor = useCallback<ColorPickerContextValue['setColor']>(\n    value => {\n      setInternalColor(_color => {\n        const updatedColor = { ..._color, ...value };\n\n        if (!onValueChange) return updatedColor;\n\n        const color = Color.hsl(\n          updatedColor.h,\n          updatedColor.s,\n          updatedColor.l,\n          updatedColor?.alpha ?? 1\n        );\n\n        onValueChange(getColorString(color, mode), mode);\n\n        return updatedColor;\n      });\n    },\n    [mode, onValueChange]\n  );\n\n  const setMode = useCallback<ColorPickerContextValue['setMode']>(\n    value => {\n      setInternalMode(value);\n      onModeChange?.(value);\n    },\n    [onModeChange]\n  );\n\n  return (\n    <ColorPickerContext.Provider\n      value={{\n        hue,\n        saturation,\n        lightness,\n        alpha,\n        mode,\n        setColor,\n        setMode\n      }}\n    >\n      <Flex direction='column' gap={4} {...props} />\n    </ColorPickerContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAuBA;AAIO;AACL;;AAEE;;AAEF;AACF;AAWO;AASL;AAEA;;AAKA;AACA;AACA;AACA;AAGA;AAEA;;;AAKM;AAAoB;;;AAWpB;AACF;AACF;AAIF;;AAGI;AACF;AAIF;;;;;;;;AAUK;AAKP;;"}
+{"version":3,"file":"color-picker-root.js","sources":["../../../components/color-picker/color-picker-root.tsx"],"sourcesContent":["'use client';\n\nimport Color, { type ColorLike } from 'color';\nimport {\n  ComponentProps,\n  createContext,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport { Flex } from '../flex';\nimport { ColorObject, getColorString, ModeType } from './utils';\n\ntype ColorPickerContextValue = {\n  hue: number;\n  saturation: number;\n  lightness: number;\n  alpha: number;\n  mode: ModeType;\n  setColor: (color: Partial<ColorObject>) => void;\n  setMode: (mode: ModeType) => void;\n};\n\nconst ColorPickerContext = createContext<ColorPickerContextValue | undefined>(\n  undefined\n);\n\nexport const useColorPicker = () => {\n  const context = useContext(ColorPickerContext);\n  if (!context) {\n    throw new Error('useColorPicker must be used within a ColorPickerProvider');\n  }\n  return context;\n};\n\nexport interface ColorPickerProps\n  extends Omit<ComponentProps<typeof Flex>, 'defaultValue'> {\n  value?: ColorLike;\n  defaultValue?: ColorLike;\n  onValueChange?: (value: string, mode: string) => void;\n  defaultMode?: ModeType;\n  mode?: ModeType;\n  onModeChange?: (mode: ModeType) => void;\n}\nexport const ColorPickerRoot = ({\n  value,\n  defaultValue = '#ffffff',\n  onValueChange,\n  defaultMode = 'hex',\n  mode: providedMode,\n  onModeChange,\n  ...props\n}: ColorPickerProps) => {\n  const providedColor = value && (Color(value).hsl().object() as ColorObject);\n\n  const [internalColor, setInternalColor] = useState(\n    Color(defaultValue).hsl().object() as ColorObject\n  );\n  const [internalMode, setInternalMode] = useState(defaultMode);\n\n  const hue = providedColor ? providedColor.h : internalColor.h;\n  const saturation = providedColor ? providedColor.s : internalColor.s;\n  const lightness = providedColor ? providedColor.l : internalColor.l;\n  const alpha =\n    (providedColor ? providedColor?.alpha : internalColor?.alpha) ?? 1;\n\n  const mode = providedMode ?? internalMode;\n\n  const setColor = useCallback<ColorPickerContextValue['setColor']>(\n    value => {\n      setInternalColor(_color => {\n        const updatedColor = { ..._color, ...value };\n\n        if (!onValueChange) return updatedColor;\n\n        const color = Color.hsl(\n          updatedColor.h,\n          updatedColor.s,\n          updatedColor.l,\n          updatedColor?.alpha ?? 1\n        );\n\n        onValueChange(getColorString(color, mode), mode);\n\n        return updatedColor;\n      });\n    },\n    [mode, onValueChange]\n  );\n\n  const setMode = useCallback<ColorPickerContextValue['setMode']>(\n    value => {\n      setInternalMode(value);\n      onModeChange?.(value);\n    },\n    [onModeChange]\n  );\n\n  return (\n    <ColorPickerContext\n      value={{\n        hue,\n        saturation,\n        lightness,\n        alpha,\n        mode,\n        setColor,\n        setMode\n      }}\n    >\n      <Flex direction='column' gap={4} {...props} />\n    </ColorPickerContext>\n  );\n};\n\nColorPickerRoot.displayName = 'ColorPicker';\n"],"names":[],"mappings":";;;;;;;AAuBA;AAIO;AACL;;AAEE;;AAEF;AACF;AAWO;AASL;AAEA;;AAKA;AACA;AACA;AACA;AAGA;AAEA;;;AAKM;AAAoB;;;AAWpB;AACF;AACF;AAIF;;AAGI;AACF;AAIF;;;;;;;;AAUK;AAKP;AAEA;;"}

package/dist/components/color-picker/color-picker.d.ts

@@ -1,8 +1,26 @@
-export declare const ColorPicker: (({ value, defaultValue, onValueChange, defaultMode, mode: providedMode, onModeChange, ...props }: import("./color-picker-root").ColorPickerProps) => import("react/jsx-runtime").JSX.Element) & {
-    Area: ({ className, ...props }: import("./color-picker-area").ColorPickerAreaProps) => import("react/jsx-runtime").JSX.Element;
-    Hue: ({ className, ...props }: import("./color-picker-hue").ColorPickerHueProps) => import("react/jsx-runtime").JSX.Element;
-    Alpha: ({ className, ...props }: import("./color-picker-alpha").ColorPickerAlphaProps) => import("react/jsx-runtime").JSX.Element;
-    Input: (props: Omit<import("../input-field/input-field").InputFieldProps & import("react").RefAttributes<HTMLInputElement>, "ref">) => import("react/jsx-runtime").JSX.Element;
-    Mode: ({ className, options, ...props }: import("./color-picker-mode").ColorPickerModeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorPicker: {
+    ({ value, defaultValue, onValueChange, defaultMode, mode: providedMode, onModeChange, ...props }: import("./color-picker-root").ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Area: {
+        ({ className, ...props }: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Hue: {
+        ({ className, ...props }: import("./color-picker-hue").ColorPickerHueProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Alpha: {
+        ({ className, ...props }: import("./color-picker-alpha").ColorPickerAlphaProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Input: {
+        (props: import("../input-field/input-field").InputFieldProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Mode: {
+        ({ className, options, ...props }: import("./color-picker-mode").ColorPickerModeProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };
 //# sourceMappingURL=color-picker.d.ts.map

package/dist/components/color-picker/color-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../components/color-picker/color-picker.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;;;CAMtB,CAAC"}
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../components/color-picker/color-picker.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CAMtB,CAAC"}

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

@@ -4,14 +4,13 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var combobox_module = require('./combobox.module.css.cjs');
 var comboboxRoot = require('./combobox-root.cjs');
 
-const ComboboxContent = React.forwardRef(({ className, children, style, render, initialFocus, finalFocus, sideOffset = 4, ...positionerProps }, ref) => {
+const ComboboxContent = ({ ref, className, children, style, render, initialFocus, finalFocus, sideOffset = 4, ...positionerProps }) => {
     const { inputContainerRef } = comboboxRoot.useComboboxContext();
     return (jsxRuntime.jsx(react.Combobox.Portal, { children: jsxRuntime.jsx(react.Combobox.Positioner, { sideOffset: sideOffset, className: combobox_module.default.positioner, anchor: inputContainerRef, ...positionerProps, children: jsxRuntime.jsx(react.Combobox.Popup, { ref: ref, className: classVarianceAuthority.cx(combobox_module.default.content, className), style: style, render: render, initialFocus: initialFocus, finalFocus: finalFocus, children: jsxRuntime.jsx(react.Combobox.List, { className: combobox_module.default.list, children: children }) }) }) }));
-});
+};
 ComboboxContent.displayName = 'Combobox.Content';
 
 exports.ComboboxContent = ComboboxContent;

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-content.cjs","sources":["../../../components/combobox/combobox-content.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 interface ComboboxContentProps\n  extends Omit<\n      ComboboxPrimitive.Positioner.Props,\n      'render' | 'className' | 'style'\n    >,\n    ComboboxPrimitive.Popup.Props {}\n\nexport const ComboboxContent = forwardRef<\n  ElementRef<typeof ComboboxPrimitive.Popup>,\n  ComboboxContentProps\n>(\n  (\n    {\n      className,\n      children,\n      style,\n      render,\n      initialFocus,\n      finalFocus,\n      sideOffset = 4,\n      ...positionerProps\n    },\n    ref\n  ) => {\n    const { inputContainerRef } = useComboboxContext();\n    return (\n      <ComboboxPrimitive.Portal>\n        <ComboboxPrimitive.Positioner\n          sideOffset={sideOffset}\n          className={styles.positioner}\n          anchor={inputContainerRef}\n          {...positionerProps}\n        >\n          <ComboboxPrimitive.Popup\n            ref={ref}\n            className={cx(styles.content, className)}\n            style={style}\n            render={render}\n            initialFocus={initialFocus}\n            finalFocus={finalFocus}\n          >\n            <ComboboxPrimitive.List className={styles.list}>\n              {children}\n            </ComboboxPrimitive.List>\n          </ComboboxPrimitive.Popup>\n        </ComboboxPrimitive.Positioner>\n      </ComboboxPrimitive.Portal>\n    );\n  }\n);\nComboboxContent.displayName = 'Combobox.Content';\n"],"names":[],"mappings":";;;;;;;;;;AAeO;AAiBH;AACA;AAuBF;AAEF;;"}
+{"version":3,"file":"combobox-content.cjs","sources":["../../../components/combobox/combobox-content.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 interface ComboboxContentProps\n  extends Omit<\n      ComboboxPrimitive.Positioner.Props,\n      'render' | 'className' | 'style'\n    >,\n    ComboboxPrimitive.Popup.Props {}\n\nexport const ComboboxContent = ({\n  ref,\n  className,\n  children,\n  style,\n  render,\n  initialFocus,\n  finalFocus,\n  sideOffset = 4,\n  ...positionerProps\n}: ComboboxContentProps) => {\n  const { inputContainerRef } = useComboboxContext();\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        sideOffset={sideOffset}\n        className={styles.positioner}\n        anchor={inputContainerRef}\n        {...positionerProps}\n      >\n        <ComboboxPrimitive.Popup\n          ref={ref}\n          className={cx(styles.content, className)}\n          style={style}\n          render={render}\n          initialFocus={initialFocus}\n          finalFocus={finalFocus}\n        >\n          <ComboboxPrimitive.List className={styles.list}>\n            {children}\n          </ComboboxPrimitive.List>\n        </ComboboxPrimitive.Popup>\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  );\n};\nComboboxContent.displayName = 'Combobox.Content';\n"],"names":[],"mappings":";;;;;;;;;AAcO;AAWL;AACA;AAuBF;AACA;;"}

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

@@ -1,5 +1,8 @@
 import { Combobox as ComboboxPrimitive } from '@base-ui/react';
 export interface ComboboxContentProps extends Omit<ComboboxPrimitive.Positioner.Props, 'render' | 'className' | 'style'>, ComboboxPrimitive.Popup.Props {
 }
-export declare const ComboboxContent: import("react").ForwardRefExoticComponent<Omit<ComboboxContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ComboboxContent: {
+    ({ ref, className, children, style, render, initialFocus, finalFocus, sideOffset, ...positionerProps }: ComboboxContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=combobox-content.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-content.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAM/D,MAAM,WAAW,oBACf,SAAQ,IAAI,CACR,iBAAiB,CAAC,UAAU,CAAC,KAAK,EAClC,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC,EACD,iBAAiB,CAAC,KAAK,CAAC,KAAK;CAAG;AAEpC,eAAO,MAAM,eAAe,8HA0C3B,CAAC"}
+{"version":3,"file":"combobox-content.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAK/D,MAAM,WAAW,oBACf,SAAQ,IAAI,CACR,iBAAiB,CAAC,UAAU,CAAC,KAAK,EAClC,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC,EACD,iBAAiB,CAAC,KAAK,CAAC,KAAK;CAAG;AAEpC,eAAO,MAAM,eAAe;4GAUzB,oBAAoB;;CAyBtB,CAAC"}

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

@@ -2,14 +2,13 @@
 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 ComboboxContent = forwardRef(({ className, children, style, render, initialFocus, finalFocus, sideOffset = 4, ...positionerProps }, ref) => {
+const ComboboxContent = ({ ref, className, children, style, render, initialFocus, finalFocus, sideOffset = 4, ...positionerProps }) => {
     const { inputContainerRef } = useComboboxContext();
     return (jsx(Combobox.Portal, { children: jsx(Combobox.Positioner, { sideOffset: sideOffset, className: styles.positioner, anchor: inputContainerRef, ...positionerProps, children: jsx(Combobox.Popup, { ref: ref, className: cx(styles.content, className), style: style, render: render, initialFocus: initialFocus, finalFocus: finalFocus, children: jsx(Combobox.List, { className: styles.list, children: children }) }) }) }));
-});
+};
 ComboboxContent.displayName = 'Combobox.Content';
 
 export { ComboboxContent };

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-content.js","sources":["../../../components/combobox/combobox-content.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 interface ComboboxContentProps\n  extends Omit<\n      ComboboxPrimitive.Positioner.Props,\n      'render' | 'className' | 'style'\n    >,\n    ComboboxPrimitive.Popup.Props {}\n\nexport const ComboboxContent = forwardRef<\n  ElementRef<typeof ComboboxPrimitive.Popup>,\n  ComboboxContentProps\n>(\n  (\n    {\n      className,\n      children,\n      style,\n      render,\n      initialFocus,\n      finalFocus,\n      sideOffset = 4,\n      ...positionerProps\n    },\n    ref\n  ) => {\n    const { inputContainerRef } = useComboboxContext();\n    return (\n      <ComboboxPrimitive.Portal>\n        <ComboboxPrimitive.Positioner\n          sideOffset={sideOffset}\n          className={styles.positioner}\n          anchor={inputContainerRef}\n          {...positionerProps}\n        >\n          <ComboboxPrimitive.Popup\n            ref={ref}\n            className={cx(styles.content, className)}\n            style={style}\n            render={render}\n            initialFocus={initialFocus}\n            finalFocus={finalFocus}\n          >\n            <ComboboxPrimitive.List className={styles.list}>\n              {children}\n            </ComboboxPrimitive.List>\n          </ComboboxPrimitive.Popup>\n        </ComboboxPrimitive.Positioner>\n      </ComboboxPrimitive.Portal>\n    );\n  }\n);\nComboboxContent.displayName = 'Combobox.Content';\n"],"names":[],"mappings":";;;;;;;;AAeO;AAiBH;AACA;AAuBF;AAEF;;"}
+{"version":3,"file":"combobox-content.js","sources":["../../../components/combobox/combobox-content.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 interface ComboboxContentProps\n  extends Omit<\n      ComboboxPrimitive.Positioner.Props,\n      'render' | 'className' | 'style'\n    >,\n    ComboboxPrimitive.Popup.Props {}\n\nexport const ComboboxContent = ({\n  ref,\n  className,\n  children,\n  style,\n  render,\n  initialFocus,\n  finalFocus,\n  sideOffset = 4,\n  ...positionerProps\n}: ComboboxContentProps) => {\n  const { inputContainerRef } = useComboboxContext();\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        sideOffset={sideOffset}\n        className={styles.positioner}\n        anchor={inputContainerRef}\n        {...positionerProps}\n      >\n        <ComboboxPrimitive.Popup\n          ref={ref}\n          className={cx(styles.content, className)}\n          style={style}\n          render={render}\n          initialFocus={initialFocus}\n          finalFocus={finalFocus}\n        >\n          <ComboboxPrimitive.List className={styles.list}>\n            {children}\n          </ComboboxPrimitive.List>\n        </ComboboxPrimitive.Popup>\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  );\n};\nComboboxContent.displayName = 'Combobox.Content';\n"],"names":[],"mappings":";;;;;;;AAcO;AAWL;AACA;AAuBF;AACA;;"}

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

@@ -4,12 +4,11 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@base-ui/react');
 var reactIcons = require('@radix-ui/react-icons');
-var React = require('react');
 var inputField = require('../input-field/input-field.cjs');
 var combobox_module = require('./combobox.module.css.cjs');
 var comboboxRoot = require('./combobox-root.cjs');
 
-const ComboboxInput = React.forwardRef(({ ...props }, ref) => {
+const ComboboxInput = ({ ref, ...props }) => {
     const { multiple, inputContainerRef, value, onValueChange } = comboboxRoot.useComboboxContext();
     return (jsxRuntime.jsx(react.Combobox.Input, { ref: ref, render: jsxRuntime.jsx(inputField.InputField, { containerRef: inputContainerRef, chips: multiple && Array.isArray(value)
                 ? value.map(val => ({
@@ -17,7 +16,7 @@ const ComboboxInput = React.forwardRef(({ ...props }, ref) => {
                     onRemove: () => onValueChange?.(value?.filter(v => v !== val))
                 }))
                 : undefined, trailingIcon: jsxRuntime.jsx(reactIcons.ChevronDownIcon, { className: combobox_module.default.triggerIcon }), ...props }) }));
-});
+};
 ComboboxInput.displayName = 'Combobox.Input';
 
 exports.ComboboxInput = ComboboxInput;

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-input.cjs","sources":["../../../components/combobox/combobox-input.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { ElementRef, forwardRef } from 'react';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxInputProps\n  extends Omit<\n    InputFieldProps,\n    'trailingIcon' | 'suffix' | 'chips' | 'maxChipsVisible'\n  > {}\n\nexport const ComboboxInput = forwardRef<\n  ElementRef<typeof ComboboxPrimitive.Input>,\n  ComboboxInputProps\n>(({ ...props }, ref) => {\n  const { multiple, inputContainerRef, value, onValueChange } =\n    useComboboxContext();\n  return (\n    <ComboboxPrimitive.Input\n      ref={ref}\n      render={\n        <InputField\n          containerRef={inputContainerRef}\n          chips={\n            multiple && Array.isArray(value)\n              ? value.map(val => ({\n                  label: val,\n                  onRemove: () =>\n                    onValueChange?.((value as string[])?.filter(v => v !== val))\n                }))\n              : undefined\n          }\n          trailingIcon={<ChevronDownIcon className={styles.triggerIcon} />}\n          {...props}\n        />\n      }\n    />\n  );\n});\nComboboxInput.displayName = 'Combobox.Input';\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO;AAIL;AAEA;;AASgB;AACA;AAED;AACH;AAQd;AACA;;"}
+{"version":3,"file":"combobox-input.cjs","sources":["../../../components/combobox/combobox-input.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { type ComponentProps } from 'react';\nimport { InputField } from '../input-field';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxInputProps\n  extends Omit<\n    ComponentProps<typeof InputField>,\n    'trailingIcon' | 'suffix' | 'chips' | 'maxChipsVisible'\n  > {}\n\nexport const ComboboxInput = ({ ref, ...props }: ComboboxInputProps) => {\n  const { multiple, inputContainerRef, value, onValueChange } =\n    useComboboxContext();\n  return (\n    <ComboboxPrimitive.Input\n      ref={ref}\n      render={\n        <InputField\n          containerRef={inputContainerRef}\n          chips={\n            multiple && Array.isArray(value)\n              ? value.map(val => ({\n                  label: val,\n                  onRemove: () =>\n                    onValueChange?.((value as string[])?.filter(v => v !== val))\n                }))\n              : undefined\n          }\n          trailingIcon={<ChevronDownIcon className={styles.triggerIcon} />}\n          {...props}\n        />\n      }\n    />\n  );\n};\nComboboxInput.displayName = 'Combobox.Input';\n"],"names":[],"mappings":";;;;;;;;;;AAeO;AACL;AAEA;;AASgB;AACA;AAED;AACH;AAQd;AACA;;"}

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

@@ -1,5 +1,9 @@
-import { InputFieldProps } from '../input-field/input-field';
-export interface ComboboxInputProps extends Omit<InputFieldProps, 'trailingIcon' | 'suffix' | 'chips' | 'maxChipsVisible'> {
+import { type ComponentProps } from 'react';
+import { InputField } from '../input-field';
+export interface ComboboxInputProps extends Omit<ComponentProps<typeof InputField>, 'trailingIcon' | 'suffix' | 'chips' | 'maxChipsVisible'> {
 }
-export declare const ComboboxInput: import("react").ForwardRefExoticComponent<ComboboxInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const ComboboxInput: {
+    ({ ref, ...props }: ComboboxInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=combobox-input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-input.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-input.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAI7D,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,eAAe,EACf,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,iBAAiB,CACxD;CAAG;AAEN,eAAO,MAAM,aAAa,iHA2BxB,CAAC"}
+{"version":3,"file":"combobox-input.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI5C,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,cAAc,CAAC,OAAO,UAAU,CAAC,EACjC,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,iBAAiB,CACxD;CAAG;AAEN,eAAO,MAAM,aAAa;wBAAuB,kBAAkB;;CAwBlE,CAAC"}

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

@@ -2,12 +2,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { Combobox } from '@base-ui/react';
 import { ChevronDownIcon } from '@radix-ui/react-icons';
-import { forwardRef } from 'react';
 import { InputField } from '../input-field/input-field.js';
 import styles from './combobox.module.css.js';
 import { useComboboxContext } from './combobox-root.js';
 
-const ComboboxInput = forwardRef(({ ...props }, ref) => {
+const ComboboxInput = ({ ref, ...props }) => {
     const { multiple, inputContainerRef, value, onValueChange } = useComboboxContext();
     return (jsx(Combobox.Input, { ref: ref, render: jsx(InputField, { containerRef: inputContainerRef, chips: multiple && Array.isArray(value)
                 ? value.map(val => ({
@@ -15,7 +14,7 @@ const ComboboxInput = forwardRef(({ ...props }, ref) => {
                     onRemove: () => onValueChange?.(value?.filter(v => v !== val))
                 }))
                 : undefined, trailingIcon: jsx(ChevronDownIcon, { className: styles.triggerIcon }), ...props }) }));
-});
+};
 ComboboxInput.displayName = 'Combobox.Input';
 
 export { ComboboxInput };

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-input.js","sources":["../../../components/combobox/combobox-input.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { ElementRef, forwardRef } from 'react';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxInputProps\n  extends Omit<\n    InputFieldProps,\n    'trailingIcon' | 'suffix' | 'chips' | 'maxChipsVisible'\n  > {}\n\nexport const ComboboxInput = forwardRef<\n  ElementRef<typeof ComboboxPrimitive.Input>,\n  ComboboxInputProps\n>(({ ...props }, ref) => {\n  const { multiple, inputContainerRef, value, onValueChange } =\n    useComboboxContext();\n  return (\n    <ComboboxPrimitive.Input\n      ref={ref}\n      render={\n        <InputField\n          containerRef={inputContainerRef}\n          chips={\n            multiple && Array.isArray(value)\n              ? value.map(val => ({\n                  label: val,\n                  onRemove: () =>\n                    onValueChange?.((value as string[])?.filter(v => v !== val))\n                }))\n              : undefined\n          }\n          trailingIcon={<ChevronDownIcon className={styles.triggerIcon} />}\n          {...props}\n        />\n      }\n    />\n  );\n});\nComboboxInput.displayName = 'Combobox.Input';\n"],"names":[],"mappings":";;;;;;;;;AAgBO;AAIL;AAEA;;AASgB;AACA;AAED;AACH;AAQd;AACA;;"}
+{"version":3,"file":"combobox-input.js","sources":["../../../components/combobox/combobox-input.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { type ComponentProps } from 'react';\nimport { InputField } from '../input-field';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxInputProps\n  extends Omit<\n    ComponentProps<typeof InputField>,\n    'trailingIcon' | 'suffix' | 'chips' | 'maxChipsVisible'\n  > {}\n\nexport const ComboboxInput = ({ ref, ...props }: ComboboxInputProps) => {\n  const { multiple, inputContainerRef, value, onValueChange } =\n    useComboboxContext();\n  return (\n    <ComboboxPrimitive.Input\n      ref={ref}\n      render={\n        <InputField\n          containerRef={inputContainerRef}\n          chips={\n            multiple && Array.isArray(value)\n              ? value.map(val => ({\n                  label: val,\n                  onRemove: () =>\n                    onValueChange?.((value as string[])?.filter(v => v !== val))\n                }))\n              : undefined\n          }\n          trailingIcon={<ChevronDownIcon className={styles.triggerIcon} />}\n          {...props}\n        />\n      }\n    />\n  );\n};\nComboboxInput.displayName = 'Combobox.Input';\n"],"names":[],"mappings":";;;;;;;;AAeO;AACL;AAEA;;AASgB;AACA;AAED;AACH;AAQd;AACA;;"}

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

@@ -4,14 +4,13 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var checkbox = require('../checkbox/checkbox.cjs');
 var utils = require('../menu/utils.cjs');
 var text = require('../text/text.cjs');
 var combobox_module = require('./combobox.module.css.cjs');
 var comboboxRoot = require('./combobox-root.cjs');
 
-const ComboboxItem = React.forwardRef(({ className, children, value: providedValue, leadingIcon, disabled, render, ...props }, ref) => {
+const ComboboxItem = ({ className, children, value: providedValue, leadingIcon, disabled, render, ...props }) => {
     const value = providedValue
         ? providedValue
         : typeof children === 'string'
@@ -25,10 +24,10 @@ const ComboboxItem = React.forwardRef(({ className, children, value: providedVal
             return null;
     }
     const element = typeof children === 'string' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [leadingIcon && jsxRuntime.jsx("div", { className: combobox_module.default.itemIcon, children: leadingIcon }), jsxRuntime.jsx(text.Text, { children: children })] })) : (children);
-    return (jsxRuntime.jsx(react.Combobox.Item, { ref: ref, value: value, className: classVarianceAuthority.cx(combobox_module.default.menuitem, className), disabled: disabled, ...props, render: render
+    return (jsxRuntime.jsx(react.Combobox.Item, { value: value, className: classVarianceAuthority.cx(combobox_module.default.menuitem, className), disabled: disabled, ...props, render: render
             ? render
             : (renderProps, state) => (jsxRuntime.jsxs("div", { ...renderProps, children: [multiple && jsxRuntime.jsx(checkbox.Checkbox, { checked: state.selected }), element] })) }));
-});
+};
 ComboboxItem.displayName = 'Combobox.Item';
 
 exports.ComboboxItem = ComboboxItem;

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-item.cjs","sources":["../../../components/combobox/combobox-item.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { forwardRef, ReactNode } from 'react';\nimport { Checkbox } from '../checkbox';\nimport { getMatch } from '../menu/utils';\nimport { Text } from '../text';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxItemProps extends ComboboxPrimitive.Item.Props {\n  leadingIcon?: ReactNode;\n}\n\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(\n  (\n    {\n      className,\n      children,\n      value: providedValue,\n      leadingIcon,\n      disabled,\n      render,\n      ...props\n    },\n    ref\n  ) => {\n    const value = providedValue\n      ? providedValue\n      : typeof children === 'string'\n        ? children\n        : undefined;\n\n    const { multiple, inputValue, hasItems } = useComboboxContext();\n\n    // When items prop is not provided on Root, use custom filtering\n    if (!hasItems && inputValue?.length) {\n      const isMatched = getMatch(value, children, inputValue);\n      if (!isMatched) return null;\n    }\n\n    const element =\n      typeof children === 'string' ? (\n        <>\n          {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n          <Text>{children}</Text>\n        </>\n      ) : (\n        children\n      );\n\n    return (\n      <ComboboxPrimitive.Item\n        ref={ref}\n        value={value}\n        className={cx(styles.menuitem, className)}\n        disabled={disabled}\n        {...props}\n        render={\n          render\n            ? render\n            : (renderProps, state) => (\n                <div {...renderProps}>\n                  {multiple && <Checkbox checked={state.selected} />}\n                  {element}\n                </div>\n              )\n        }\n      />\n    );\n  }\n);\nComboboxItem.displayName = 'Combobox.Item';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeO;;AAcD;AACA;AACE;;;;AAMJ;;AAEE;AAAgB;;AAGlB;AAUA;AASQ;AACA;AASV;AAEF;;"}
+{"version":3,"file":"combobox-item.cjs","sources":["../../../components/combobox/combobox-item.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { ReactNode } from 'react';\nimport { Checkbox } from '../checkbox';\nimport { getMatch } from '../menu/utils';\nimport { Text } from '../text';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxItemProps extends ComboboxPrimitive.Item.Props {\n  leadingIcon?: ReactNode;\n}\n\nexport const ComboboxItem = ({\n  className,\n  children,\n  value: providedValue,\n  leadingIcon,\n  disabled,\n  render,\n  ...props\n}: ComboboxItemProps) => {\n  const value = providedValue\n    ? providedValue\n    : typeof children === 'string'\n      ? children\n      : undefined;\n\n  const { multiple, inputValue, hasItems } = useComboboxContext();\n\n  // When items prop is not provided on Root, use custom filtering\n  if (!hasItems && inputValue?.length) {\n    const isMatched = getMatch(value, children, inputValue);\n    if (!isMatched) return null;\n  }\n\n  const element =\n    typeof children === 'string' ? (\n      <>\n        {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n        <Text>{children}</Text>\n      </>\n    ) : (\n      children\n    );\n\n  return (\n    <ComboboxPrimitive.Item\n      value={value}\n      className={cx(styles.menuitem, className)}\n      disabled={disabled}\n      {...props}\n      render={\n        render\n          ? render\n          : (renderProps, state) => (\n              <div {...renderProps}>\n                {multiple && <Checkbox checked={state.selected} />}\n                {element}\n              </div>\n            )\n      }\n    />\n  );\n};\nComboboxItem.displayName = 'Combobox.Item';\n"],"names":[],"mappings":";;;;;;;;;;;;AAea;;AAUT;AACA;AACE;;;;AAMJ;;AAEE;AAAgB;;AAGlB;AAUA;AAQQ;AACA;AASV;AACA;;"}

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

@@ -3,5 +3,8 @@ import { ReactNode } from 'react';
 export interface ComboboxItemProps extends ComboboxPrimitive.Item.Props {
     leadingIcon?: ReactNode;
 }
-export declare const ComboboxItem: import("react").ForwardRefExoticComponent<Omit<ComboboxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ComboboxItem: {
+    ({ className, children, value: providedValue, leadingIcon, disabled, render, ...props }: ComboboxItemProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
 //# sourceMappingURL=combobox-item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAO9C,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,CAAC,IAAI,CAAC,KAAK;IACrE,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,2HAyDxB,CAAC"}
+{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,CAAC,IAAI,CAAC,KAAK;IACrE,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,YAAY;6FAQtB,iBAAiB;;CA2CnB,CAAC"}

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

@@ -2,14 +2,13 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Combobox } from '@base-ui/react';
 import { cx } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import { Checkbox } from '../checkbox/checkbox.js';
 import { getMatch } from '../menu/utils.js';
 import { Text } from '../text/text.js';
 import styles from './combobox.module.css.js';
 import { useComboboxContext } from './combobox-root.js';
 
-const ComboboxItem = forwardRef(({ className, children, value: providedValue, leadingIcon, disabled, render, ...props }, ref) => {
+const ComboboxItem = ({ className, children, value: providedValue, leadingIcon, disabled, render, ...props }) => {
     const value = providedValue
         ? providedValue
         : typeof children === 'string'
@@ -23,10 +22,10 @@ const ComboboxItem = forwardRef(({ className, children, value: providedValue, le
             return null;
     }
     const element = typeof children === 'string' ? (jsxs(Fragment, { children: [leadingIcon && jsx("div", { className: styles.itemIcon, children: leadingIcon }), jsx(Text, { children: children })] })) : (children);
-    return (jsx(Combobox.Item, { ref: ref, value: value, className: cx(styles.menuitem, className), disabled: disabled, ...props, render: render
+    return (jsx(Combobox.Item, { value: value, className: cx(styles.menuitem, className), disabled: disabled, ...props, render: render
             ? render
             : (renderProps, state) => (jsxs("div", { ...renderProps, children: [multiple && jsx(Checkbox, { checked: state.selected }), element] })) }));
-});
+};
 ComboboxItem.displayName = 'Combobox.Item';
 
 export { ComboboxItem };

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-item.js","sources":["../../../components/combobox/combobox-item.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { forwardRef, ReactNode } from 'react';\nimport { Checkbox } from '../checkbox';\nimport { getMatch } from '../menu/utils';\nimport { Text } from '../text';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxItemProps extends ComboboxPrimitive.Item.Props {\n  leadingIcon?: ReactNode;\n}\n\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(\n  (\n    {\n      className,\n      children,\n      value: providedValue,\n      leadingIcon,\n      disabled,\n      render,\n      ...props\n    },\n    ref\n  ) => {\n    const value = providedValue\n      ? providedValue\n      : typeof children === 'string'\n        ? children\n        : undefined;\n\n    const { multiple, inputValue, hasItems } = useComboboxContext();\n\n    // When items prop is not provided on Root, use custom filtering\n    if (!hasItems && inputValue?.length) {\n      const isMatched = getMatch(value, children, inputValue);\n      if (!isMatched) return null;\n    }\n\n    const element =\n      typeof children === 'string' ? (\n        <>\n          {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n          <Text>{children}</Text>\n        </>\n      ) : (\n        children\n      );\n\n    return (\n      <ComboboxPrimitive.Item\n        ref={ref}\n        value={value}\n        className={cx(styles.menuitem, className)}\n        disabled={disabled}\n        {...props}\n        render={\n          render\n            ? render\n            : (renderProps, state) => (\n                <div {...renderProps}>\n                  {multiple && <Checkbox checked={state.selected} />}\n                  {element}\n                </div>\n              )\n        }\n      />\n    );\n  }\n);\nComboboxItem.displayName = 'Combobox.Item';\n"],"names":[],"mappings":";;;;;;;;;;;AAeO;;AAcD;AACA;AACE;;;;AAMJ;;AAEE;AAAgB;;AAGlB;AAUA;AASQ;AACA;AASV;AAEF;;"}
+{"version":3,"file":"combobox-item.js","sources":["../../../components/combobox/combobox-item.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { ReactNode } from 'react';\nimport { Checkbox } from '../checkbox';\nimport { getMatch } from '../menu/utils';\nimport { Text } from '../text';\nimport styles from './combobox.module.css';\nimport { useComboboxContext } from './combobox-root';\n\nexport interface ComboboxItemProps extends ComboboxPrimitive.Item.Props {\n  leadingIcon?: ReactNode;\n}\n\nexport const ComboboxItem = ({\n  className,\n  children,\n  value: providedValue,\n  leadingIcon,\n  disabled,\n  render,\n  ...props\n}: ComboboxItemProps) => {\n  const value = providedValue\n    ? providedValue\n    : typeof children === 'string'\n      ? children\n      : undefined;\n\n  const { multiple, inputValue, hasItems } = useComboboxContext();\n\n  // When items prop is not provided on Root, use custom filtering\n  if (!hasItems && inputValue?.length) {\n    const isMatched = getMatch(value, children, inputValue);\n    if (!isMatched) return null;\n  }\n\n  const element =\n    typeof children === 'string' ? (\n      <>\n        {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n        <Text>{children}</Text>\n      </>\n    ) : (\n      children\n    );\n\n  return (\n    <ComboboxPrimitive.Item\n      value={value}\n      className={cx(styles.menuitem, className)}\n      disabled={disabled}\n      {...props}\n      render={\n        render\n          ? render\n          : (renderProps, state) => (\n              <div {...renderProps}>\n                {multiple && <Checkbox checked={state.selected} />}\n                {element}\n              </div>\n            )\n      }\n    />\n  );\n};\nComboboxItem.displayName = 'Combobox.Item';\n"],"names":[],"mappings":";;;;;;;;;;AAea;;AAUT;AACA;AACE;;;;AAMJ;;AAEE;AAAgB;;AAGlB;AAUA;AAQQ;AACA;AASV;AACA;;"}

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

@@ -4,30 +4,29 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var combobox_module = require('./combobox.module.css.cjs');
 var comboboxRoot = require('./combobox-root.cjs');
 
-const ComboboxLabel = React.forwardRef(({ className, ...props }, ref) => {
+const ComboboxLabel = ({ className, ...props }) => {
     const { inputValue, hasItems } = comboboxRoot.useComboboxContext();
     if (!hasItems && inputValue?.length)
         return null;
-    return (jsxRuntime.jsx(react.Combobox.GroupLabel, { ref: ref, className: classVarianceAuthority.cx(combobox_module.default.label, className), ...props }));
-});
+    return (jsxRuntime.jsx(react.Combobox.GroupLabel, { className: classVarianceAuthority.cx(combobox_module.default.label, className), ...props }));
+};
 ComboboxLabel.displayName = 'Combobox.Label';
-const ComboboxGroup = React.forwardRef(({ className, children, ...props }, ref) => {
+const ComboboxGroup = ({ className, children, ...props }) => {
     const { inputValue, hasItems } = comboboxRoot.useComboboxContext();
     if (!hasItems && inputValue?.length)
         return children;
-    return (jsxRuntime.jsx(react.Combobox.Group, { ref: ref, className: classVarianceAuthority.cx(combobox_module.default.group, className), ...props, children: children }));
-});
+    return (jsxRuntime.jsx(react.Combobox.Group, { className: classVarianceAuthority.cx(combobox_module.default.group, className), ...props, children: children }));
+};
 ComboboxGroup.displayName = 'Combobox.Group';
-const ComboboxSeparator = React.forwardRef(({ className, ...props }, ref) => {
+const ComboboxSeparator = ({ className, ...props }) => {
     const { inputValue, hasItems } = comboboxRoot.useComboboxContext();
     if (!hasItems && inputValue?.length)
         return null;
-    return (jsxRuntime.jsx(react.Combobox.Separator, { ref: ref, className: classVarianceAuthority.cx(combobox_module.default.separator, className), ...props }));
-});
+    return (jsxRuntime.jsx(react.Combobox.Separator, { className: classVarianceAuthority.cx(combobox_module.default.separator, className), ...props }));
+};
 ComboboxSeparator.displayName = 'Combobox.Separator';
 
 exports.ComboboxGroup = ComboboxGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-misc.cjs","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.cjs","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-misc.d.ts

@@ -1,4 +1,14 @@
-export declare const ComboboxLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ComboboxGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ComboboxSeparator: 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 ComboboxLabel: {
+    ({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export declare const ComboboxGroup: {
+    ({ className, children, ...props }: ComboboxPrimitive.Group.Props): 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;
+};
+export declare const ComboboxSeparator: {
+    ({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
 //# sourceMappingURL=combobox-misc.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-misc.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-misc.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,aAAa,8JAcxB,CAAC;AAGH,eAAO,MAAM,aAAa,yJAgBxB,CAAC;AAGH,eAAO,MAAM,iBAAiB,iJAc5B,CAAC"}
+{"version":3,"file":"combobox-misc.d.ts","sourceRoot":"","sources":["../../../components/combobox/combobox-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAK/D,eAAO,MAAM,aAAa;8BAGvB,kBAAkB,UAAU,CAAC,KAAK;;CAUpC,CAAC;AAGF,eAAO,MAAM,aAAa;wCAIvB,kBAAkB,KAAK,CAAC,KAAK;;CAS/B,CAAC;AAGF,eAAO,MAAM,iBAAiB;8BAG3B,kBAAkB,SAAS,CAAC,KAAK;;CAUnC,CAAC"}

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;