@moduix/react 2.5.0 → 2.6.0

package/dist/components/clipboard/Clipboard.js

@@ -4,13 +4,12 @@ import { Clipboard, useClipboard, useClipboardContext } from "@ark-ui/react/clip
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { CheckIcon, CopyIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Clipboard_module from "./Clipboard.module.js";
 const Clipboard_ClipboardRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Clipboard.Root, {
         ref: ref,
         "data-slot": "clipboard-root",
-        className: clsx(Clipboard_module.root, normalizeClassName(className)),
+        className: clsx(Clipboard_module.root, className),
         ...props
     });
 });
@@ -18,7 +17,7 @@ const Clipboard_ClipboardRootProvider = /*#__PURE__*/ forwardRef(function({ clas
     return /*#__PURE__*/ jsx(Clipboard.RootProvider, {
         ref: ref,
         "data-slot": "clipboard-root-provider",
-        className: clsx(Clipboard_module.root, normalizeClassName(className)),
+        className: clsx(Clipboard_module.root, className),
         ...props
     });
 });
@@ -26,7 +25,7 @@ const Clipboard_ClipboardLabel = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Clipboard.Label, {
         ref: ref,
         "data-slot": "clipboard-label",
-        className: clsx(Clipboard_module.label, normalizeClassName(className)),
+        className: clsx(Clipboard_module.label, className),
         ...props
     });
 });
@@ -34,7 +33,7 @@ const Clipboard_ClipboardControl = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(Clipboard.Control, {
         ref: ref,
         "data-slot": "clipboard-control",
-        className: clsx(Clipboard_module.control, normalizeClassName(className)),
+        className: clsx(Clipboard_module.control, className),
         ...props
     });
 });
@@ -42,7 +41,7 @@ const Clipboard_ClipboardInput = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Clipboard.Input, {
         ref: ref,
         "data-slot": "clipboard-input",
-        className: clsx(Clipboard_module.input, normalizeClassName(className)),
+        className: clsx(Clipboard_module.input, className),
         ...props
     });
 });
@@ -50,7 +49,7 @@ const Clipboard_ClipboardTrigger = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(Clipboard.Trigger, {
         ref: ref,
         "data-slot": "clipboard-trigger",
-        className: clsx(Clipboard_module.trigger, normalizeClassName(className)),
+        className: clsx(Clipboard_module.trigger, className),
         ...props
     });
 });
@@ -58,7 +57,7 @@ const Clipboard_ClipboardIndicator = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(Clipboard.Indicator, {
         ref: ref,
         "data-slot": "clipboard-indicator",
-        className: clsx(Clipboard_module.indicator, normalizeClassName(className)),
+        className: clsx(Clipboard_module.indicator, className),
         copied: copied ?? /*#__PURE__*/ jsx("span", {
             "aria-hidden": "true",
             "data-slot": "clipboard-indicator-copied-icon",
@@ -78,7 +77,7 @@ const Clipboard_ClipboardValueText = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(Clipboard.ValueText, {
         ref: ref,
         "data-slot": "clipboard-value-text",
-        className: clsx(Clipboard_module.valueText, normalizeClassName(className)),
+        className: clsx(Clipboard_module.valueText, className),
         ...props
     });
 });

package/dist/components/close-button/CloseButton.js

@@ -3,7 +3,6 @@ import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { CloseIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import CloseButton_module from "./CloseButton.module.js";
 const CloseButton_CloseButtonRoot = /*#__PURE__*/ forwardRef(function({ asChild, className, children, disabled, onClick, onClickCapture, type, 'aria-disabled': ariaDisabled, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'data-disabled': dataDisabled, 'data-part': dataPart, 'data-scope': dataScope, 'data-slot': dataSlot, ...props }, ref) {
     const isDisabled = disabled || true === ariaDisabled || 'true' === ariaDisabled || void 0 !== dataDisabled;
@@ -35,7 +34,7 @@ const CloseButton_CloseButtonRoot = /*#__PURE__*/ forwardRef(function({ asChild,
         "data-part": dataPart ?? 'root',
         "data-slot": dataSlot ?? 'close-button-root',
         "data-disabled": dataDisabled ?? (isDisabled ? '' : void 0),
-        className: clsx(CloseButton_module.root, normalizeClassName(className)),
+        className: clsx(CloseButton_module.root, className),
         "aria-disabled": resolvedAriaDisabled,
         "aria-label": ariaLabel ?? (null == ariaLabelledBy ? 'Close' : void 0),
         "aria-labelledby": ariaLabelledBy,

package/dist/components/close-button/CloseButton_module.css

@@ -13,9 +13,7 @@
     cursor: pointer;
     transition: background-color var(--moduix-close-button-transition, var(--moduix-transition-default)),
       color var(--moduix-close-button-transition, var(--moduix-transition-default)),
-      opacity var(--moduix-close-button-transition, var(--moduix-transition-default)),
-      translate var(--moduix-close-button-transition, var(--moduix-transition-default)),
-      scale var(--moduix-close-button-transition, var(--moduix-transition-default));
+      opacity var(--moduix-close-button-transition, var(--moduix-transition-default));
     border: none;
     flex-shrink: 0;
     justify-content: center;
@@ -48,13 +46,6 @@
     opacity: .94;
   }
 
-  @media (prefers-reduced-motion: no-preference) {
-    .root-_7JLUV:active:not([data-disabled]) {
-      translate: 0 1px;
-      scale: .985;
-    }
-  }
-
   .root-_7JLUV[data-disabled] {
     cursor: default;
     pointer-events: none;

package/dist/components/collapsible/Collapsible.js

@@ -5,13 +5,12 @@ import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { ChevronDownIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Collapsible_module from "./Collapsible.module.js";
 const Collapsible_CollapsibleRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Collapsible.Root, {
         ref: ref,
         "data-slot": "collapsible-root",
-        className: clsx(Collapsible_module.root, normalizeClassName(className)),
+        className: clsx(Collapsible_module.root, className),
         ...props
     });
 });
@@ -19,7 +18,7 @@ const Collapsible_CollapsibleRootProvider = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(Collapsible.RootProvider, {
         ref: ref,
         "data-slot": "collapsible-root-provider",
-        className: clsx(Collapsible_module.root, normalizeClassName(className)),
+        className: clsx(Collapsible_module.root, className),
         ...props
     });
 });
@@ -28,7 +27,7 @@ const Collapsible_CollapsibleTrigger = /*#__PURE__*/ forwardRef(function({ asChi
         ref: ref,
         asChild: asChild,
         "data-slot": "collapsible-trigger",
-        className: clsx(!asChild && Collapsible_module.trigger, normalizeClassName(className)),
+        className: clsx(!asChild && Collapsible_module.trigger, className),
         ...props
     });
 });
@@ -36,7 +35,7 @@ const Collapsible_CollapsibleIndicator = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(Collapsible.Indicator, {
         ref: ref,
         "data-slot": "collapsible-indicator",
-        className: clsx(Collapsible_module.indicator, normalizeClassName(className)),
+        className: clsx(Collapsible_module.indicator, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(ChevronDownIcon, {})
     });
@@ -45,17 +44,15 @@ const Collapsible_CollapsibleContent = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(Collapsible.Content, {
         ref: ref,
         "data-slot": "collapsible-content",
-        className: clsx(Collapsible_module.content, normalizeClassName(className)),
+        className: clsx(Collapsible_module.content, className),
         ...props
     });
 });
 const Collapsible_CollapsibleBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-scope": "collapsible",
-        "data-part": "body",
         "data-slot": "collapsible-body",
-        className: clsx(Collapsible_module.body, normalizeClassName(className)),
+        className: clsx(Collapsible_module.body, className),
         ...props
     });
 });

package/dist/components/collapsible/Collapsible_module.css

@@ -45,7 +45,7 @@
     border-radius: var(--moduix-collapsible-trigger-radius, 0);
     width: 100%;
     padding-block: var(--moduix-collapsible-trigger-padding-y, var(--moduix-spacing-1));
-    padding-inline: var(--moduix-collapsible-trigger-padding-x, var(--moduix-spacing-2));
+    padding-inline: var(--moduix-collapsible-trigger-padding-x, 0);
     background-color: var(--moduix-collapsible-trigger-bg, transparent);
     color: var(--moduix-collapsible-trigger-color, var(--moduix-collapsible-color, var(--moduix-color-foreground)));
     font: inherit;
@@ -113,7 +113,6 @@
   }
 
   .content-dHAw0w {
-    --collapsed-height: 0;
     box-sizing: border-box;
     color: var(--moduix-collapsible-content-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-collapsible-content-font-size, var(--moduix-text-sm));
@@ -142,7 +141,7 @@
   .body-TpC0eh {
     gap: var(--moduix-collapsible-body-gap, var(--moduix-spacing-2));
     min-width: 0;
-    padding: var(--moduix-collapsible-body-padding, var(--moduix-spacing-2));
+    padding: var(--moduix-collapsible-body-padding, 0);
     display: grid;
   }
 
@@ -153,7 +152,6 @@
 
     .content-dHAw0w[data-state] {
       animation-duration: 1ms;
-      animation-delay: 0s;
     }
   }
 }

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

@@ -1,12 +1,13 @@
 import { ColorPicker as ColorPickerPrimitive, parseColor, useColorPicker, useColorPickerContext } from '@ark-ui/react/color-picker';
-import type { ComponentProps, ReactNode } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
 type ColorPickerRootProps = ComponentProps<typeof ColorPickerPrimitive.Root> & OverlayPortalProps;
 type ColorPickerRootProviderProps = ComponentProps<typeof ColorPickerPrimitive.RootProvider> & OverlayPortalProps;
 declare const ColorPicker: import("react").ForwardRefExoticComponent<Omit<ColorPickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<ColorPickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RootProvider: import("react").ForwardRefExoticComponent<Omit<ColorPickerRootProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Context: (props: ColorPickerPrimitive.ContextProps) => ReactNode;
+    Context: (props: ColorPickerPrimitive.ContextProps) => import("react").ReactNode;
+    HiddenInput: import("react").ForwardRefExoticComponent<ColorPickerPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<ColorPickerPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<ColorPickerPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Trigger: import("react").ForwardRefExoticComponent<Omit<ColorPickerPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

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>>;