@moduix/react 2.5.1 → 2.6.0

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

@@ -2,9 +2,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ColorPicker, parseColor, useColorPicker, useColorPickerContext } from "@ark-ui/react/color-picker";
 import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef } from "react";
+import { forwardRef } from "react";
 import { CheckIcon, ChevronDownIcon, PipetteIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import ColorPicker_module from "./ColorPicker.module.js";
 const ColorPicker_ColorPickerRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }, ref) {
@@ -15,11 +14,11 @@ const ColorPicker_ColorPickerRoot = /*#__PURE__*/ forwardRef(function({ asChild,
             ref: ref,
             asChild: asChild,
             "data-slot": "color-picker-root",
-            className: clsx(ColorPicker_module.root, normalizeClassName(className)),
+            className: clsx(ColorPicker_module.root, className),
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
             ...props,
-            children: withHiddenInput(children, asChild)
+            children: children
         })
     });
 });
@@ -31,11 +30,11 @@ const ColorPicker_ColorPickerRootProvider = /*#__PURE__*/ forwardRef(function({
             ref: ref,
             asChild: asChild,
             "data-slot": "color-picker-root-provider",
-            className: clsx(ColorPicker_module.root, normalizeClassName(className)),
+            className: clsx(ColorPicker_module.root, className),
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
             ...props,
-            children: withHiddenInput(children, asChild)
+            children: children
         })
     });
 });
@@ -43,7 +42,7 @@ const ColorPicker_ColorPickerLabel = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(ColorPicker.Label, {
         ref: ref,
         "data-slot": "color-picker-label",
-        className: clsx(ColorPicker_module.label, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.label, className),
         ...props
     });
 });
@@ -51,7 +50,7 @@ const ColorPicker_ColorPickerControl = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(ColorPicker.Control, {
         ref: ref,
         "data-slot": "color-picker-control",
-        className: clsx(ColorPicker_module.control, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.control, className),
         ...props
     });
 });
@@ -59,7 +58,7 @@ const ColorPicker_ColorPickerTrigger = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(ColorPicker.Trigger, {
         ref: ref,
         "data-slot": "color-picker-trigger",
-        className: clsx(ColorPicker_module.trigger, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.trigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsxs(Fragment, {
             children: [
@@ -80,7 +79,7 @@ const ColorPicker_ColorPickerPositioner = /*#__PURE__*/ forwardRef(function({ cl
         children: /*#__PURE__*/ jsx(ColorPicker.Positioner, {
             ref: ref,
             "data-slot": "color-picker-positioner",
-            className: clsx(ColorPicker_module.positioner, normalizeClassName(className)),
+            className: clsx(ColorPicker_module.positioner, className),
             ...props
         })
     });
@@ -89,7 +88,7 @@ const ColorPicker_ColorPickerContent = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(ColorPicker.Content, {
         ref: ref,
         "data-slot": "color-picker-content",
-        className: clsx(ColorPicker_module.content, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.content, className),
         ...props
     });
 });
@@ -97,7 +96,7 @@ const ColorPicker_ColorPickerArea = /*#__PURE__*/ forwardRef(function({ classNam
     return /*#__PURE__*/ jsx(ColorPicker.Area, {
         ref: ref,
         "data-slot": "color-picker-area",
-        className: clsx(ColorPicker_module.area, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.area, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsxs(Fragment, {
             children: [
@@ -117,7 +116,7 @@ const ColorPicker_ColorPickerAreaBackground = /*#__PURE__*/ forwardRef(function(
     return /*#__PURE__*/ jsx(ColorPicker.AreaBackground, {
         ref: ref,
         "data-slot": "color-picker-area-background",
-        className: clsx(ColorPicker_module.areaBackground, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.areaBackground, className),
         ...props
     });
 });
@@ -125,7 +124,7 @@ const ColorPicker_ColorPickerAreaThumb = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(ColorPicker.AreaThumb, {
         ref: ref,
         "data-slot": "color-picker-area-thumb",
-        className: clsx(ColorPicker_module.thumb, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.thumb, className),
         ...props
     });
 });
@@ -133,7 +132,7 @@ const ColorPicker_ColorPickerChannelSlider = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(ColorPicker.ChannelSlider, {
         ref: ref,
         "data-slot": "color-picker-channel-slider",
-        className: clsx(ColorPicker_module.channelSlider, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.channelSlider, className),
         channel: channel,
         ...props,
         children: children ?? /*#__PURE__*/ jsxs(Fragment, {
@@ -158,7 +157,7 @@ const ColorPicker_ColorPickerSliders = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsxs("div", {
         ref: ref,
         "data-slot": "color-picker-sliders",
-        className: clsx(ColorPicker_module.sliders, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.sliders, className),
         ...props,
         children: [
             /*#__PURE__*/ jsx(ColorPicker_ColorPickerChannelSlider, {
@@ -174,7 +173,7 @@ const ColorPicker_ColorPickerChannelSliderTrack = /*#__PURE__*/ forwardRef(funct
     return /*#__PURE__*/ jsx(ColorPicker.ChannelSliderTrack, {
         ref: ref,
         "data-slot": "color-picker-channel-slider-track",
-        className: clsx(ColorPicker_module.channelSliderTrack, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.channelSliderTrack, className),
         ...props
     });
 });
@@ -182,7 +181,7 @@ const ColorPicker_ColorPickerChannelSliderThumb = /*#__PURE__*/ forwardRef(funct
     return /*#__PURE__*/ jsx(ColorPicker.ChannelSliderThumb, {
         ref: ref,
         "data-slot": "color-picker-channel-slider-thumb",
-        className: clsx(ColorPicker_module.thumb, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.thumb, className),
         ...props
     });
 });
@@ -190,7 +189,7 @@ const ColorPicker_ColorPickerChannelSliderLabel = /*#__PURE__*/ forwardRef(funct
     return /*#__PURE__*/ jsx(ColorPicker.ChannelSliderLabel, {
         ref: ref,
         "data-slot": "color-picker-channel-slider-label",
-        className: clsx(ColorPicker_module.channelSliderLabel, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.channelSliderLabel, className),
         ...props
     });
 });
@@ -198,7 +197,7 @@ const ColorPicker_ColorPickerChannelSliderValueText = /*#__PURE__*/ forwardRef(f
     return /*#__PURE__*/ jsx(ColorPicker.ChannelSliderValueText, {
         ref: ref,
         "data-slot": "color-picker-channel-slider-value-text",
-        className: clsx(ColorPicker_module.channelSliderValueText, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.channelSliderValueText, className),
         ...props
     });
 });
@@ -206,7 +205,7 @@ const ColorPicker_ColorPickerChannelInput = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(ColorPicker.ChannelInput, {
         ref: ref,
         "data-slot": "color-picker-channel-input",
-        className: clsx(ColorPicker_module.channelInput, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.channelInput, className),
         ...props
     });
 });
@@ -214,7 +213,7 @@ const ColorPicker_ColorPickerEyeDropperTrigger = /*#__PURE__*/ forwardRef(functi
     return /*#__PURE__*/ jsx(ColorPicker.EyeDropperTrigger, {
         ref: ref,
         "data-slot": "color-picker-eye-dropper-trigger",
-        className: clsx(ColorPicker_module.eyeDropperTrigger, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.eyeDropperTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(PipetteIcon, {})
     });
@@ -226,7 +225,7 @@ const ColorPicker_ColorPickerFormatSelect = /*#__PURE__*/ forwardRef(function({
             /*#__PURE__*/ jsx(ColorPicker.FormatSelect, {
                 ref: ref,
                 "data-slot": "color-picker-format-select",
-                className: clsx(ColorPicker_module.formatSelect, normalizeClassName(className)),
+                className: clsx(ColorPicker_module.formatSelect, className),
                 ...props
             }),
             /*#__PURE__*/ jsx("span", {
@@ -241,7 +240,7 @@ const ColorPicker_ColorPickerFormatTrigger = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(ColorPicker.FormatTrigger, {
         ref: ref,
         "data-slot": "color-picker-format-trigger",
-        className: clsx(ColorPicker_module.formatTrigger, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.formatTrigger, className),
         ...props
     });
 });
@@ -249,7 +248,7 @@ const ColorPicker_ColorPickerSwatchGroup = /*#__PURE__*/ forwardRef(function({ c
     return /*#__PURE__*/ jsx(ColorPicker.SwatchGroup, {
         ref: ref,
         "data-slot": "color-picker-swatch-group",
-        className: clsx(ColorPicker_module.swatchGroup, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.swatchGroup, className),
         ...props
     });
 });
@@ -257,7 +256,7 @@ const ColorPicker_ColorPickerSwatchTrigger = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(ColorPicker.SwatchTrigger, {
         ref: ref,
         "data-slot": "color-picker-swatch-trigger",
-        className: clsx(ColorPicker_module.swatchTrigger, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.swatchTrigger, className),
         value: value,
         ...props,
         children: children ?? /*#__PURE__*/ jsx(ColorPicker.Swatch, {
@@ -276,7 +275,7 @@ const ColorPicker_ColorPickerSwatch = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(ColorPicker.Swatch, {
         ref: ref,
         "data-slot": "color-picker-swatch",
-        className: clsx(ColorPicker_module.swatch, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.swatch, className),
         ...props
     });
 });
@@ -284,7 +283,7 @@ const ColorPicker_ColorPickerSwatchIndicator = /*#__PURE__*/ forwardRef(function
     return /*#__PURE__*/ jsx(ColorPicker.SwatchIndicator, {
         ref: ref,
         "data-slot": "color-picker-swatch-indicator",
-        className: clsx(ColorPicker_module.swatchIndicator, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.swatchIndicator, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
@@ -293,7 +292,7 @@ const ColorPicker_ColorPickerTransparencyGrid = /*#__PURE__*/ forwardRef(functio
     return /*#__PURE__*/ jsx(ColorPicker.TransparencyGrid, {
         ref: ref,
         "data-slot": "color-picker-transparency-grid",
-        className: clsx(ColorPicker_module.transparencyGrid, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.transparencyGrid, className),
         ...props
     });
 });
@@ -301,7 +300,7 @@ const ColorPicker_ColorPickerValueSwatch = /*#__PURE__*/ forwardRef(function({ c
     return /*#__PURE__*/ jsx(ColorPicker.ValueSwatch, {
         ref: ref,
         "data-slot": "color-picker-value-swatch",
-        className: clsx(ColorPicker_module.valueSwatch, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.valueSwatch, className),
         ...props
     });
 });
@@ -309,7 +308,7 @@ const ColorPicker_ColorPickerValueText = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(ColorPicker.ValueText, {
         ref: ref,
         "data-slot": "color-picker-value-text",
-        className: clsx(ColorPicker_module.valueText, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.valueText, className),
         ...props
     });
 });
@@ -317,27 +316,15 @@ const ColorPicker_ColorPickerView = /*#__PURE__*/ forwardRef(function({ classNam
     return /*#__PURE__*/ jsx(ColorPicker.View, {
         ref: ref,
         "data-slot": "color-picker-view",
-        className: clsx(ColorPicker_module.view, normalizeClassName(className)),
+        className: clsx(ColorPicker_module.view, className),
         ...props
     });
 });
-function withHiddenInput(children, asChild) {
-    const hiddenInput = /*#__PURE__*/ jsx(ColorPicker.HiddenInput, {
-        "data-slot": "color-picker-hidden-input"
-    });
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            hiddenInput
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
-}
 const ColorPicker_ColorPicker = Object.assign(ColorPicker_ColorPickerRoot, {
     Root: ColorPicker_ColorPickerRoot,
     RootProvider: ColorPicker_ColorPickerRootProvider,
     Context: ColorPicker.Context,
+    HiddenInput: ColorPicker.HiddenInput,
     Label: ColorPicker_ColorPickerLabel,
     Control: ColorPicker_ColorPickerControl,
     Trigger: ColorPicker_ColorPickerTrigger,

package/dist/components/color-picker/ColorPicker_module.css

@@ -351,7 +351,6 @@
 
   .formatSelectControl-S40Hse {
     flex-shrink: 0;
-    width: -moz-fit-content;
     width: fit-content;
     min-width: 0;
     max-width: 100%;

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

@@ -1,13 +1,13 @@
-import { Combobox as ComboboxPrimitive, useCombobox, useComboboxContext, useComboboxItemContext } from '@ark-ui/react/combobox';
+import { Combobox as ComboboxPrimitive, type ComboboxRootComponent as ArkComboboxRootComponent, type ComboboxRootProviderComponent as ArkComboboxRootProviderComponent, useCombobox, useComboboxContext, useComboboxItemContext } from '@ark-ui/react/combobox';
 import type { ComponentProps, ReactNode } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
 type ComboboxOptionProps = Omit<ComponentProps<typeof ComboboxPrimitive.Item>, 'asChild' | 'children'> & {
     children: ReactNode;
     indicator?: ReactNode | false;
 };
-declare const Combobox: ComboboxPrimitive.RootComponent<OverlayPortalProps> & {
-    Root: ComboboxPrimitive.RootComponent<OverlayPortalProps>;
-    RootProvider: ComboboxPrimitive.RootProviderComponent<OverlayPortalProps>;
+declare const Combobox: ArkComboboxRootComponent<OverlayPortalProps> & {
+    Root: ArkComboboxRootComponent<OverlayPortalProps>;
+    RootProvider: ArkComboboxRootProviderComponent<OverlayPortalProps>;
     Label: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Input: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/combobox/Combobox.js

@@ -5,7 +5,6 @@ import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { CheckIcon, ChevronUpDownIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import { CloseButton } from "../close-button/index.js";
 import Combobox_module from "./Combobox.module.js";
@@ -16,7 +15,7 @@ const Combobox_ComboboxRoot = /*#__PURE__*/ forwardRef(function({ className, laz
         children: /*#__PURE__*/ jsx(Combobox.Root, {
             ref: ref,
             "data-slot": "combobox-root",
-            className: clsx(Combobox_module.root, normalizeClassName(className)),
+            className: clsx(Combobox_module.root, className),
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
             ...props
@@ -30,7 +29,7 @@ const Combobox_ComboboxRootProvider = /*#__PURE__*/ forwardRef(function({ classN
         children: /*#__PURE__*/ jsx(Combobox.RootProvider, {
             ref: ref,
             "data-slot": "combobox-root-provider",
-            className: clsx(Combobox_module.root, normalizeClassName(className)),
+            className: clsx(Combobox_module.root, className),
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
             ...props
@@ -41,7 +40,7 @@ const Combobox_ComboboxLabel = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(Combobox.Label, {
         ref: ref,
         "data-slot": "combobox-label",
-        className: clsx(Combobox_module.label, normalizeClassName(className)),
+        className: clsx(Combobox_module.label, className),
         ...props
     });
 });
@@ -49,7 +48,7 @@ const Combobox_ComboboxControl = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Combobox.Control, {
         ref: ref,
         "data-slot": "combobox-control",
-        className: clsx(Combobox_module.control, normalizeClassName(className)),
+        className: clsx(Combobox_module.control, className),
         ...props
     });
 });
@@ -58,29 +57,21 @@ const Combobox_ComboboxInput = /*#__PURE__*/ forwardRef(function({ asChild, clas
         ref: ref,
         "data-slot": "combobox-input",
         asChild: asChild,
-        className: clsx(!asChild && Combobox_module.input, normalizeClassName(className)),
+        className: clsx(!asChild && Combobox_module.input, className),
         ...props
     });
 });
 const Combobox_ComboboxClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
-    const triggerClassName = clsx(Combobox_module.clearTrigger, normalizeClassName(className));
-    if (asChild) return /*#__PURE__*/ jsx(Combobox.ClearTrigger, {
-        ref: ref,
-        asChild: true,
-        "data-slot": "combobox-clear-trigger",
-        className: triggerClassName,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        ...props,
-        children: children
-    });
+    const triggerClassName = clsx(Combobox_module.clearTrigger, className);
     return /*#__PURE__*/ jsx(Combobox.ClearTrigger, {
         ref: ref,
         asChild: true,
         "data-slot": "combobox-clear-trigger",
         className: triggerClassName,
+        "aria-label": asChild ? ariaLabel : void 0,
+        "aria-labelledby": asChild ? ariaLabelledBy : void 0,
         ...props,
-        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+        children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             "aria-label": ariaLabel ?? (null == ariaLabelledBy ? 'Clear selection' : void 0),
             "aria-labelledby": ariaLabelledBy,
             children: children
@@ -91,7 +82,7 @@ const Combobox_ComboboxTrigger = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Combobox.Trigger, {
         ref: ref,
         "data-slot": "combobox-trigger",
-        className: clsx(Combobox_module.trigger, normalizeClassName(className)),
+        className: clsx(Combobox_module.trigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(ChevronUpDownIcon, {})
     });
@@ -101,7 +92,7 @@ const Combobox_ComboboxPositioner = /*#__PURE__*/ forwardRef(function({ classNam
         children: /*#__PURE__*/ jsx(Combobox.Positioner, {
             ref: ref,
             "data-slot": "combobox-positioner",
-            className: clsx(Combobox_module.positioner, normalizeClassName(className)),
+            className: clsx(Combobox_module.positioner, className),
             ...props
         })
     });
@@ -110,7 +101,7 @@ const Combobox_ComboboxContent = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Combobox.Content, {
         ref: ref,
         "data-slot": "combobox-content",
-        className: clsx(Combobox_module.content, normalizeClassName(className)),
+        className: clsx(Combobox_module.content, className),
         ...props
     });
 });
@@ -118,7 +109,7 @@ const Combobox_ComboboxEmpty = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(Combobox.Empty, {
         ref: ref,
         "data-slot": "combobox-empty",
-        className: clsx(Combobox_module.empty, normalizeClassName(className)),
+        className: clsx(Combobox_module.empty, className),
         ...props
     });
 });
@@ -126,7 +117,7 @@ const Combobox_ComboboxStatus = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "combobox-status",
-        className: clsx(Combobox_module.status, normalizeClassName(className)),
+        className: clsx(Combobox_module.status, className),
         ...props
     });
 });
@@ -134,7 +125,7 @@ const Combobox_ComboboxList = /*#__PURE__*/ forwardRef(function({ className, ...
     return /*#__PURE__*/ jsx(Combobox.List, {
         ref: ref,
         "data-slot": "combobox-list",
-        className: clsx(Combobox_module.list, normalizeClassName(className)),
+        className: clsx(Combobox_module.list, className),
         ...props
     });
 });
@@ -142,7 +133,7 @@ const Combobox_ComboboxItemGroup = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(Combobox.ItemGroup, {
         ref: ref,
         "data-slot": "combobox-item-group",
-        className: clsx(Combobox_module.itemGroup, normalizeClassName(className)),
+        className: clsx(Combobox_module.itemGroup, className),
         ...props
     });
 });
@@ -150,7 +141,7 @@ const Combobox_ComboboxItemGroupLabel = /*#__PURE__*/ forwardRef(function({ clas
     return /*#__PURE__*/ jsx(Combobox.ItemGroupLabel, {
         ref: ref,
         "data-slot": "combobox-item-group-label",
-        className: clsx(Combobox_module.itemGroupLabel, normalizeClassName(className)),
+        className: clsx(Combobox_module.itemGroupLabel, className),
         ...props
     });
 });
@@ -158,7 +149,7 @@ const Combobox_ComboboxItem = /*#__PURE__*/ forwardRef(function({ className, ...
     return /*#__PURE__*/ jsx(Combobox.Item, {
         ref: ref,
         "data-slot": "combobox-item",
-        className: clsx(Combobox_module.item, normalizeClassName(className)),
+        className: clsx(Combobox_module.item, className),
         ...props
     });
 });
@@ -166,7 +157,7 @@ const Combobox_ComboboxItemText = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Combobox.ItemText, {
         ref: ref,
         "data-slot": "combobox-item-text",
-        className: clsx(Combobox_module.itemText, normalizeClassName(className)),
+        className: clsx(Combobox_module.itemText, className),
         ...props
     });
 });
@@ -174,7 +165,7 @@ const Combobox_ComboboxItemIndicator = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(Combobox.ItemIndicator, {
         ref: ref,
         "data-slot": "combobox-item-indicator",
-        className: clsx(Combobox_module.itemIndicator, normalizeClassName(className)),
+        className: clsx(Combobox_module.itemIndicator, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });

package/dist/components/combobox/Combobox_module.css

@@ -177,7 +177,6 @@
     --moduix-close-button-focus-ring-width: var(--moduix-combobox-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)));
     --moduix-close-button-focus-ring-color: var(--moduix-combobox-focus-ring-color, var(--moduix-color-ring));
     --moduix-close-button-focus-ring-offset: var(--moduix-combobox-focus-ring-offset, var(--moduix-border-width-sm));
-    --moduix-close-button-transition: var(--moduix-combobox-transition, var(--moduix-transition-default));
     top: 50%;
     position: absolute;
     inset-inline-end: calc(var(--moduix-combobox-action-offset-right, var(--moduix-spacing-2)) +

package/dist/components/command-palette/CommandPalette.d.ts

@@ -1,19 +1,13 @@
-import { Combobox as ComboboxPrimitive } from '@ark-ui/react/combobox';
+import { Combobox as ComboboxPrimitive, type ComboboxRootComponent } from '@ark-ui/react/combobox';
 import { Dialog as DialogPrimitive } from '@ark-ui/react/dialog';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
-import { CloseButton } from '../close-button';
-import { Kbd } from '../kbd';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+import { Kbd } from '../kbd/index.js';
 type CommandPaletteRootProps = ComponentProps<typeof DialogPrimitive.Root> & {
     shortcut?: false | string;
-    shortcutTarget?: Document | HTMLElement | null;
 } & OverlayPortalProps;
 type CommandPaletteRootProviderProps = ComponentProps<typeof DialogPrimitive.RootProvider> & OverlayPortalProps;
-type CommandPaletteSearchProps = ComponentProps<typeof ComboboxPrimitive.Input> & {
-    controlProps?: ComponentProps<typeof ComboboxPrimitive.Control>;
-    clearTriggerProps?: ComponentProps<typeof CloseButton.Root>;
-};
-declare function CommandPaletteRoot({ shortcut, shortcutTarget, lazyMount, unmountOnExit, immediate, onExitComplete, portalled, present, portalRef, skipAnimationOnMount, children, ...props }: CommandPaletteRootProps): import("react").JSX.Element;
+declare function CommandPaletteRoot({ shortcut, lazyMount, unmountOnExit, immediate, onExitComplete, portalled, present, portalRef, skipAnimationOnMount, children, ...props }: CommandPaletteRootProps): import("react").JSX.Element;
 declare function CommandPaletteRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: CommandPaletteRootProviderProps): import("react").JSX.Element;
 declare function CommandPaletteKbd({ className, ...props }: ComponentProps<typeof Kbd.Root>): import("react").JSX.Element;
 declare const CommandPalette: typeof CommandPaletteRoot & {
@@ -28,16 +22,11 @@ declare const CommandPalette: typeof CommandPaletteRoot & {
     Description: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
     Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-    Combobox: ComboboxPrimitive.RootComponent;
+    Combobox: ComboboxRootComponent;
     Control: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Input: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-    Search: import("react").ForwardRefExoticComponent<Omit<CommandPaletteSearchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-    ClearTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-        'data-disabled'?: string;
-        'data-part'?: string;
-        'data-scope'?: string;
-        'data-slot'?: string;
-    } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Search: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    ClearTrigger: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     List: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Empty: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.EmptyProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     ItemGroup: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;