@moduix/react 2.5.1 → 2.6.0

package/dist/components/carousel/Carousel.js

@@ -4,13 +4,12 @@ import { Carousel, useCarousel, useCarouselContext } from "@ark-ui/react/carouse
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Carousel_module from "./Carousel.module.js";
 const Carousel_CarouselRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.Root, {
         ref: ref,
         "data-slot": "carousel-root",
-        className: clsx(Carousel_module.root, normalizeClassName(className)),
+        className: clsx(Carousel_module.root, className),
         ...props
     });
 });
@@ -18,7 +17,7 @@ const Carousel_CarouselRootProvider = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(Carousel.RootProvider, {
         ref: ref,
         "data-slot": "carousel-root-provider",
-        className: clsx(Carousel_module.root, normalizeClassName(className)),
+        className: clsx(Carousel_module.root, className),
         ...props
     });
 });
@@ -26,7 +25,7 @@ const Carousel_CarouselControl = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Carousel.Control, {
         ref: ref,
         "data-slot": "carousel-control",
-        className: clsx(Carousel_module.control, normalizeClassName(className)),
+        className: clsx(Carousel_module.control, className),
         ...props
     });
 });
@@ -34,7 +33,7 @@ const Carousel_CarouselItemGroup = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(Carousel.ItemGroup, {
         ref: ref,
         "data-slot": "carousel-item-group",
-        className: clsx(Carousel_module.itemGroup, normalizeClassName(className)),
+        className: clsx(Carousel_module.itemGroup, className),
         ...props
     });
 });
@@ -42,7 +41,7 @@ const Carousel_CarouselItem = /*#__PURE__*/ forwardRef(function({ className, ...
     return /*#__PURE__*/ jsx(Carousel.Item, {
         ref: ref,
         "data-slot": "carousel-item",
-        className: clsx(Carousel_module.item, normalizeClassName(className)),
+        className: clsx(Carousel_module.item, className),
         ...props
     });
 });
@@ -50,7 +49,7 @@ const Carousel_CarouselPrevTrigger = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(Carousel.PrevTrigger, {
         ref: ref,
         "data-slot": "carousel-prev-trigger",
-        className: clsx(Carousel_module.prevTrigger, normalizeClassName(className)),
+        className: clsx(Carousel_module.prevTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx("span", {
             className: Carousel_module.defaultIcon,
@@ -62,7 +61,7 @@ const Carousel_CarouselNextTrigger = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(Carousel.NextTrigger, {
         ref: ref,
         "data-slot": "carousel-next-trigger",
-        className: clsx(Carousel_module.nextTrigger, normalizeClassName(className)),
+        className: clsx(Carousel_module.nextTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx("span", {
             className: Carousel_module.defaultIcon,
@@ -74,7 +73,7 @@ const Carousel_CarouselIndicatorGroup = /*#__PURE__*/ forwardRef(function({ clas
     return /*#__PURE__*/ jsx(Carousel.IndicatorGroup, {
         ref: ref,
         "data-slot": "carousel-indicator-group",
-        className: clsx(Carousel_module.indicatorGroup, normalizeClassName(className)),
+        className: clsx(Carousel_module.indicatorGroup, className),
         ...props
     });
 });
@@ -82,7 +81,7 @@ const Carousel_CarouselIndicator = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(Carousel.Indicator, {
         ref: ref,
         "data-slot": "carousel-indicator",
-        className: clsx(Carousel_module.indicator, normalizeClassName(className)),
+        className: clsx(Carousel_module.indicator, className),
         ...props
     });
 });
@@ -103,7 +102,7 @@ const Carousel_CarouselAutoplayTrigger = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(Carousel.AutoplayTrigger, {
         ref: ref,
         "data-slot": "carousel-autoplay-trigger",
-        className: clsx(Carousel_module.autoplayTrigger, normalizeClassName(className)),
+        className: clsx(Carousel_module.autoplayTrigger, className),
         ...props
     });
 });
@@ -111,7 +110,7 @@ const Carousel_CarouselAutoplayIndicator = /*#__PURE__*/ forwardRef(function({ c
     return /*#__PURE__*/ jsx(Carousel.AutoplayIndicator, {
         ref: ref,
         "data-slot": "carousel-autoplay-indicator",
-        className: clsx(Carousel_module.autoplayIndicator, normalizeClassName(className)),
+        className: clsx(Carousel_module.autoplayIndicator, className),
         ...props
     });
 });
@@ -119,7 +118,7 @@ const Carousel_CarouselProgressText = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(Carousel.ProgressText, {
         ref: ref,
         "data-slot": "carousel-progress-text",
-        className: clsx(Carousel_module.progressText, normalizeClassName(className)),
+        className: clsx(Carousel_module.progressText, className),
         ...props
     });
 });

package/dist/components/carousel/Carousel_module.css

@@ -31,6 +31,7 @@
     border-radius: var(--moduix-carousel-track-radius, var(--moduix-radius-xl));
     scrollbar-width: none;
     scroll-behavior: smooth;
+    outline: 0;
     flex: auto;
     min-width: 0;
     min-height: 0;
@@ -41,6 +42,12 @@
     display: none;
   }
 
+  .itemGroup-a7LtFI:focus-visible {
+    outline: var(--moduix-carousel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+        solid var(--moduix-carousel-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-carousel-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
+  }
+
   .itemGroup-a7LtFI[data-dragging] {
     cursor: grabbing;
     -webkit-user-select: none;

package/dist/components/chart/Chart.d.ts

@@ -1,17 +1,18 @@
 import type { ChartValue } from '@tanstack/charts';
 import type { RendererChartProps } from '@tanstack/charts/react/tooltip';
+declare const ChartPlot: <TDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue>({ className, motion, renderTooltipBody, renderer, ...props }: Omit<RendererChartProps<TDatum, TXValue, TYValue>, 'renderer'> & {
+    motion?: boolean;
+    renderer?: RendererChartProps<TDatum, TXValue, TYValue>['renderer'];
+}) => import("react").JSX.Element;
 declare const Chart: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Plot: <TDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue>({ className, motion, renderTooltipBody, renderer, ...props }: Omit<RendererChartProps<TDatum, TXValue, TYValue>, "renderer"> & {
-        motion?: boolean;
-        renderer?: RendererChartProps<TDatum, TXValue, TYValue>["renderer"];
-    }) => import("react").JSX.Element;
+    Plot: typeof ChartPlot;
     Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Legend: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    Legend: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLUListElement>>;
     LegendItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
         color?: string;
-    } & import("react").RefAttributes<HTMLElement>>;
+    } & import("react").RefAttributes<HTMLLIElement>>;
 };
 export { Chart };

package/dist/components/chart/Chart.js

@@ -6,7 +6,6 @@ import { RendererChart } from "@tanstack/charts/react/tooltip";
 import { svgChartRenderer } from "@tanstack/charts/svg/renderer";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Chart_module from "./Chart.module.js";
 const defaultChartRenderer = motion_motion({
     transition: {
@@ -22,7 +21,7 @@ const Chart_ChartRoot = /*#__PURE__*/ forwardRef(function({ className, ...props
         "data-scope": "chart",
         "data-part": "root",
         "data-slot": "chart-root",
-        className: clsx(Chart_module.root, normalizeClassName(className)),
+        className: clsx(Chart_module.root, className),
         ...props
     });
 });
@@ -87,7 +86,7 @@ const Chart_ChartPlot = function({ className, motion = true, renderTooltipBody,
         ...props,
         renderer: renderer ?? (motion ? defaultChartRenderer : svgChartRenderer),
         renderTooltipBody: renderTooltipBody ?? renderDefaultTooltipBody,
-        className: clsx(Chart_module.plot, normalizeClassName(className))
+        className: clsx(Chart_module.plot, className)
     });
 };
 const Chart_ChartHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -96,7 +95,7 @@ const Chart_ChartHeader = /*#__PURE__*/ forwardRef(function({ className, ...prop
         "data-scope": "chart",
         "data-part": "header",
         "data-slot": "chart-header",
-        className: clsx(Chart_module.header, normalizeClassName(className)),
+        className: clsx(Chart_module.header, className),
         ...props
     });
 });
@@ -106,7 +105,7 @@ const Chart_ChartTitle = /*#__PURE__*/ forwardRef(function({ className, ...props
         "data-scope": "chart",
         "data-part": "title",
         "data-slot": "chart-title",
-        className: clsx(Chart_module.title, normalizeClassName(className)),
+        className: clsx(Chart_module.title, className),
         ...props
     });
 });
@@ -116,7 +115,7 @@ const Chart_ChartDescription = /*#__PURE__*/ forwardRef(function({ className, ..
         "data-scope": "chart",
         "data-part": "description",
         "data-slot": "chart-description",
-        className: clsx(Chart_module.description, normalizeClassName(className)),
+        className: clsx(Chart_module.description, className),
         ...props
     });
 });
@@ -126,7 +125,7 @@ const Chart_ChartLegend = /*#__PURE__*/ forwardRef(function({ className, ...prop
         "data-scope": "chart",
         "data-part": "legend",
         "data-slot": "chart-legend",
-        className: clsx(Chart_module.legend, normalizeClassName(className)),
+        className: clsx(Chart_module.legend, className),
         ...props
     });
 });
@@ -136,7 +135,7 @@ const Chart_ChartLegendItem = /*#__PURE__*/ forwardRef(function({ className, col
         "data-scope": "chart",
         "data-part": "legend-item",
         "data-slot": "chart-legend-item",
-        className: clsx(Chart_module.legendItem, normalizeClassName(className)),
+        className: clsx(Chart_module.legendItem, className),
         style: color ? {
             '--moduix-chart-legend-indicator-color': color,
             ...style

package/dist/components/chart/Chart_module.css

@@ -16,7 +16,6 @@
   }
 
   .plot-Ww_CVs {
-    border-radius: var(--moduix-chart-plot-radius, var(--moduix-radius-md));
     min-width: 0;
     color: var(--moduix-chart-axis-color, var(--moduix-color-muted-foreground));
     --ts-chart-tooltip-background: var(--moduix-chart-tooltip-bg, var(--moduix-color-popover));
@@ -49,7 +48,6 @@
   }
 
   .title-zKDqX9 {
-    color: currentColor;
     font-size: var(--moduix-text-lg);
     font-weight: var(--moduix-weight-semibold);
     line-height: var(--moduix-line-height-text-lg);

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { Checkbox as CheckboxPrimitive, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '@ark-ui/react/checkbox';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps } from 'react';
 type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type RootProps = ComponentProps<typeof CheckboxPrimitive.Root> & {
     size?: CheckboxSize;
@@ -10,7 +10,8 @@ type RootProviderProps = ComponentProps<typeof CheckboxPrimitive.RootProvider> &
 declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<RootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<RootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     RootProvider: import("react").ForwardRefExoticComponent<Omit<RootProviderProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-    Context: (props: CheckboxPrimitive.ContextProps) => ReactNode;
+    Context: (props: CheckboxPrimitive.ContextProps) => import("react").ReactNode;
+    HiddenInput: import("react").ForwardRefExoticComponent<CheckboxPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Indicator: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/checkbox/Checkbox.js

@@ -2,30 +2,25 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from "@ark-ui/react/checkbox";
 import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef } from "react";
+import { forwardRef } from "react";
 import { CheckIcon, IndeterminateIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Checkbox_module from "./Checkbox.module.js";
-const Checkbox_CheckboxRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+const Checkbox_CheckboxRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Checkbox.Root, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "checkbox-root",
         "data-size": size,
-        className: clsx(Checkbox_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(Checkbox_module.root, className),
+        ...props
     });
 });
-const Checkbox_CheckboxRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+const Checkbox_CheckboxRootProvider = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Checkbox.RootProvider, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "checkbox-root-provider",
         "data-size": size,
-        className: clsx(Checkbox_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(Checkbox_module.root, className),
+        ...props
     });
 });
 const Checkbox_CheckboxIndicator = /*#__PURE__*/ forwardRef(function({ className, children, indeterminate, ...props }, ref) {
@@ -33,7 +28,7 @@ const Checkbox_CheckboxIndicator = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(Checkbox.Indicator, {
         ref: ref,
         "data-slot": "checkbox-indicator",
-        className: clsx(Checkbox_module.indicator, normalizeClassName(className)),
+        className: clsx(Checkbox_module.indicator, className),
         indeterminate: indeterminate,
         ...props,
         children: children ?? /*#__PURE__*/ jsx("span", {
@@ -48,7 +43,7 @@ const Checkbox_CheckboxControl = /*#__PURE__*/ forwardRef(function({ children, c
     return /*#__PURE__*/ jsx(Checkbox.Control, {
         ref: ref,
         "data-slot": "checkbox-control",
-        className: clsx(Checkbox_module.control, normalizeClassName(className)),
+        className: clsx(Checkbox_module.control, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsxs(Fragment, {
             children: [
@@ -60,30 +55,11 @@ const Checkbox_CheckboxControl = /*#__PURE__*/ forwardRef(function({ children, c
         })
     });
 });
-function withHiddenInput(children, asChild) {
-    const hiddenInput = /*#__PURE__*/ jsx(CheckboxHiddenInput, {});
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            hiddenInput
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
-}
-function CheckboxHiddenInput() {
-    const checkbox = useCheckboxContext();
-    const readOnly = void 0 !== checkbox.getRootProps()['data-readonly'];
-    return /*#__PURE__*/ jsx(Checkbox.HiddenInput, {
-        "aria-readonly": readOnly || void 0,
-        "data-slot": "checkbox-hidden-input"
-    });
-}
 const Checkbox_CheckboxLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Checkbox.Label, {
         ref: ref,
         "data-slot": "checkbox-label",
-        className: clsx(Checkbox_module.label, normalizeClassName(className)),
+        className: clsx(Checkbox_module.label, className),
         ...props
     });
 });
@@ -91,7 +67,7 @@ const Checkbox_CheckboxGroup = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(Checkbox.Group, {
         ref: ref,
         "data-slot": "checkbox-group",
-        className: clsx(Checkbox_module.group, normalizeClassName(className)),
+        className: clsx(Checkbox_module.group, className),
         ...props
     });
 });
@@ -99,6 +75,7 @@ const Checkbox_Checkbox = Object.assign(Checkbox_CheckboxRoot, {
     Root: Checkbox_CheckboxRoot,
     RootProvider: Checkbox_CheckboxRootProvider,
     Context: Checkbox.Context,
+    HiddenInput: Checkbox.HiddenInput,
     Control: Checkbox_CheckboxControl,
     Indicator: Checkbox_CheckboxIndicator,
     Label: Checkbox_CheckboxLabel,

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