@moduix/react 2.5.1 → 2.6.0

package/dist/components/signature-pad/SignaturePad.js

@@ -1,16 +1,15 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useFieldContext } from "@ark-ui/react/field";
 import { SignaturePad, useSignaturePad, useSignaturePadContext } from "@ark-ui/react/signature-pad";
 import { clsx } from "clsx";
-import { Children, cloneElement, createContext, forwardRef, useContext } from "react";
+import { createContext, forwardRef, useContext } from "react";
 import { RotateCcwIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { CloseButton } from "../close-button/index.js";
 import SignaturePad_module from "./SignaturePad.module.js";
 const SignaturePadReadOnlyContext = /*#__PURE__*/ createContext(false);
 const signaturePadReadOnly = Symbol();
-const SignaturePad_SignaturePadRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, getFormValue, ...props }, ref) {
+const SignaturePad_SignaturePadRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
     const field = useFieldContext();
     const readOnly = props.readOnly ?? field?.readOnly ?? false;
     return /*#__PURE__*/ jsx(SignaturePadReadOnlyContext.Provider, {
@@ -18,24 +17,24 @@ const SignaturePad_SignaturePadRoot = /*#__PURE__*/ forwardRef(function({ asChil
         children: /*#__PURE__*/ jsx(SignaturePad.Root, {
             ref: ref,
             "data-slot": "signature-pad-root",
-            className: clsx(SignaturePad_module.root, normalizeClassName(className)),
+            className: clsx(SignaturePad_module.root, className),
             asChild: asChild,
             ...props,
-            children: withHiddenInput(children, asChild, getFormValue)
+            children: children
         })
     });
 });
-const SignaturePad_SignaturePadRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, getFormValue, ...props }, ref) {
+const SignaturePad_SignaturePadRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
     const readOnly = props.value[signaturePadReadOnly] ?? false;
     return /*#__PURE__*/ jsx(SignaturePadReadOnlyContext.Provider, {
         value: readOnly,
         children: /*#__PURE__*/ jsx(SignaturePad.RootProvider, {
             ref: ref,
             "data-slot": "signature-pad-root-provider",
-            className: clsx(SignaturePad_module.root, normalizeClassName(className)),
+            className: clsx(SignaturePad_module.root, className),
             asChild: asChild,
             ...props,
-            children: withHiddenInput(children, asChild, getFormValue)
+            children: children
         })
     });
 });
@@ -43,7 +42,7 @@ const SignaturePad_SignaturePadLabel = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(SignaturePad.Label, {
         ref: ref,
         "data-slot": "signature-pad-label",
-        className: clsx(SignaturePad_module.label, normalizeClassName(className)),
+        className: clsx(SignaturePad_module.label, className),
         ...props
     });
 });
@@ -51,7 +50,7 @@ const SignaturePad_SignaturePadControl = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(SignaturePad.Control, {
         ref: ref,
         "data-slot": "signature-pad-control",
-        className: clsx(SignaturePad_module.control, normalizeClassName(className)),
+        className: clsx(SignaturePad_module.control, className),
         ...props
     });
 });
@@ -59,7 +58,7 @@ const SignaturePad_SignaturePadSegment = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(SignaturePad.Segment, {
         ref: ref,
         "data-slot": "signature-pad-segment",
-        className: clsx(SignaturePad_module.segment, normalizeClassName(className)),
+        className: clsx(SignaturePad_module.segment, className),
         ...props
     });
 });
@@ -67,32 +66,23 @@ const SignaturePad_SignaturePadGuide = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(SignaturePad.Guide, {
         ref: ref,
         "data-slot": "signature-pad-guide",
-        className: clsx(SignaturePad_module.guide, normalizeClassName(className)),
+        className: clsx(SignaturePad_module.guide, className),
         ...props
     });
 });
 const SignaturePad_SignaturePadClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
     const readOnly = useContext(SignaturePadReadOnlyContext);
-    const triggerClassName = clsx(SignaturePad_module.clearTrigger, normalizeClassName(className));
-    if (asChild) return /*#__PURE__*/ jsx(SignaturePad.ClearTrigger, {
-        ref: ref,
-        asChild: true,
-        "data-slot": "signature-pad-clear-trigger",
-        className: triggerClassName,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        ...props,
-        disabled: readOnly || props.disabled,
-        children: children
-    });
+    const triggerClassName = clsx(SignaturePad_module.clearTrigger, className);
     return /*#__PURE__*/ jsx(SignaturePad.ClearTrigger, {
         ref: ref,
         asChild: true,
         "data-slot": "signature-pad-clear-trigger",
         className: triggerClassName,
+        "aria-label": asChild ? ariaLabel : void 0,
+        "aria-labelledby": asChild ? ariaLabelledBy : void 0,
         ...props,
         disabled: readOnly || props.disabled,
-        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+        children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             "aria-label": ariaLabel,
             "aria-labelledby": ariaLabelledBy,
             children: children ?? /*#__PURE__*/ jsx(RotateCcwIcon, {
@@ -101,26 +91,6 @@ const SignaturePad_SignaturePadClearTrigger = /*#__PURE__*/ forwardRef(function(
         })
     });
 });
-function withHiddenInput(children, asChild, getFormValue) {
-    const hiddenInput = /*#__PURE__*/ jsx(SignaturePadFormInput, {
-        getFormValue: getFormValue
-    });
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            hiddenInput
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
-}
-function SignaturePadFormInput({ getFormValue }) {
-    const signaturePad = useSignaturePadContext();
-    return /*#__PURE__*/ jsx(SignaturePad.HiddenInput, {
-        "data-slot": "signature-pad-hidden-input",
-        value: getFormValue?.(signaturePad.paths) ?? signaturePad.paths.join(' ')
-    });
-}
 const SignaturePad_SignaturePadCanvas = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsxs(SignaturePad_SignaturePadControl, {
         ref: ref,
@@ -150,6 +120,7 @@ const SignaturePad_SignaturePad = Object.assign(SignaturePad_SignaturePadRoot, {
     Root: SignaturePad_SignaturePadRoot,
     RootProvider: SignaturePad_SignaturePadRootProvider,
     Context: SignaturePad.Context,
+    HiddenInput: SignaturePad.HiddenInput,
     Label: SignaturePad_SignaturePadLabel,
     Control: SignaturePad_SignaturePadControl,
     Canvas: SignaturePad_SignaturePadCanvas,

package/dist/components/signature-pad/SignaturePad_module.css

@@ -77,7 +77,6 @@
     --moduix-close-button-color: var(--moduix-signature-pad-clear-trigger-color, var(--moduix-color-muted-foreground));
     --moduix-close-button-color-hover: var(--moduix-signature-pad-clear-trigger-color-hover, var(--moduix-color-foreground));
     --moduix-close-button-icon-size: var(--moduix-signature-pad-clear-trigger-icon-size, var(--moduix-spacing-4));
-    --moduix-close-button-transition: var(--moduix-signature-pad-transition, var(--moduix-transition-default));
     --moduix-close-button-focus-ring-width: var(--moduix-signature-pad-clear-trigger-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)));
     --moduix-close-button-focus-ring-color: var(--moduix-signature-pad-clear-trigger-focus-ring-color, var(--moduix-color-ring));
     --moduix-close-button-focus-ring-offset: var(--moduix-signature-pad-clear-trigger-focus-ring-offset, var(--moduix-spacing-1));

package/dist/components/simple-grid/SimpleGrid.js

@@ -2,9 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 const SimpleGrid_SimpleGridRoot = /*#__PURE__*/ forwardRef(function({ asChild, className, style, columns, minChildWidth, gap, rowGap, columnGap, ...props }, ref) {
-    if (null != columns && (!Number.isFinite(columns) || !Number.isInteger(columns) || columns <= 0)) throw new Error('SimpleGrid `columns` must be a finite positive integer.');
+    if (null != columns && (!Number.isInteger(columns) || columns <= 0)) throw new Error('SimpleGrid `columns` must be a finite positive integer.');
     if ('number' == typeof minChildWidth && (!Number.isFinite(minChildWidth) || minChildWidth < 0)) throw new Error('SimpleGrid `minChildWidth` must be a finite non-negative number.');
     let gridTemplateColumns = 'minmax(0, 1fr)';
     if (null != columns) gridTemplateColumns = `repeat(${columns}, minmax(0, 1fr))`;
@@ -14,12 +13,18 @@ const SimpleGrid_SimpleGridRoot = /*#__PURE__*/ forwardRef(function({ asChild, c
     }
     const rootStyle = {
         display: 'grid',
-        gridTemplateColumns
+        gridTemplateColumns,
+        ...null == gap ? {} : {
+            gap
+        },
+        ...null == rowGap ? {} : {
+            rowGap
+        },
+        ...null == columnGap ? {} : {
+            columnGap
+        },
+        ...style
     };
-    if (null != gap) rootStyle.gap = gap;
-    if (null != rowGap) rootStyle.rowGap = rowGap;
-    if (null != columnGap) rootStyle.columnGap = columnGap;
-    Object.assign(rootStyle, style);
     return /*#__PURE__*/ jsx(ark.div, {
         ...props,
         ref: ref,
@@ -27,7 +32,7 @@ const SimpleGrid_SimpleGridRoot = /*#__PURE__*/ forwardRef(function({ asChild, c
         "data-scope": "simple-grid",
         "data-part": "root",
         "data-slot": "simple-grid-root",
-        className: clsx(normalizeClassName(className)),
+        className: clsx(className),
         style: rootStyle
     });
 });

package/dist/components/skeleton/Skeleton.d.ts

@@ -1,6 +1,6 @@
 declare const Skeleton: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     loading?: boolean;
-    variant?: "pulse" | "none";
+    variant?: 'pulse' | 'none';
     width?: number | string;
     height?: number | string;
     boxSize?: number | string;
@@ -8,7 +8,7 @@ declare const Skeleton: import("react").ForwardRefExoticComponent<Omit<import("r
 } & import("react").RefAttributes<HTMLDivElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
         loading?: boolean;
-        variant?: "pulse" | "none";
+        variant?: 'pulse' | 'none';
         width?: number | string;
         height?: number | string;
         boxSize?: number | string;

package/dist/components/skeleton/Skeleton.js

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Skeleton_module from "./Skeleton.module.js";
 const toCssValue = (value)=>'number' == typeof value ? `${value}px` : value;
 const Skeleton_SkeletonRoot = /*#__PURE__*/ forwardRef(function({ 'aria-hidden': ariaHidden, asChild, borderRadius, boxSize, className, height, loading = true, style, variant = 'pulse', width, ...props }, ref) {
@@ -17,7 +16,7 @@ const Skeleton_SkeletonRoot = /*#__PURE__*/ forwardRef(function({ 'aria-hidden':
         "data-loading": loading ? '' : void 0,
         "data-variant": variant,
         "aria-hidden": ariaHidden ?? (loading ? true : void 0),
-        className: clsx(Skeleton_module.root, normalizeClassName(className)),
+        className: clsx(Skeleton_module.root, className),
         style: {
             width: toCssValue(width ?? boxSize),
             height: toCssValue(height ?? boxSize),

package/dist/components/slider/Slider.d.ts

@@ -1,17 +1,17 @@
 import { Slider as SliderPrimitive, useSlider, useSliderContext } from '@ark-ui/react/slider';
-import type { ReactNode } from 'react';
 declare function SliderThumbs({ className }: {
     className?: string;
 }): import("react").JSX.Element[];
 declare const Slider: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RootProvider: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Context: (props: SliderPrimitive.ContextProps) => ReactNode;
+    Context: (props: SliderPrimitive.ContextProps) => import("react").ReactNode;
     useSlider: (props?: import("@ark-ui/react/slider").UseSliderProps) => import("@ark-ui/react/slider").UseSliderReturn;
     useSliderContext: () => import("@ark-ui/react/slider").UseSliderContext;
     Label: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     ValueText: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.ValueTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    HiddenInput: import("react").ForwardRefExoticComponent<SliderPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Track: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.TrackProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Range: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.RangeProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Thumb: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.ThumbProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/slider/Slider.js

@@ -1,16 +1,15 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Slider, useSlider, useSliderContext } from "@ark-ui/react/slider";
 import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { forwardRef } from "react";
 import Slider_module from "./Slider.module.js";
 const Slider_SliderRoot = /*#__PURE__*/ forwardRef(function({ className, readOnly, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.Root, {
         ref: ref,
         "data-slot": "slider-root",
         "data-readonly": readOnly ? '' : void 0,
-        className: clsx(Slider_module.root, normalizeClassName(className)),
+        className: clsx(Slider_module.root, className),
         readOnly: readOnly,
         ...props
     });
@@ -19,7 +18,7 @@ const Slider_SliderRootProvider = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Slider.RootProvider, {
         ref: ref,
         "data-slot": "slider-root-provider",
-        className: clsx(Slider_module.root, normalizeClassName(className)),
+        className: clsx(Slider_module.root, className),
         ...props
     });
 });
@@ -27,7 +26,7 @@ const Slider_SliderLabel = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(Slider.Label, {
         ref: ref,
         "data-slot": "slider-label",
-        className: clsx(Slider_module.label, normalizeClassName(className)),
+        className: clsx(Slider_module.label, className),
         ...props
     });
 });
@@ -35,7 +34,7 @@ const Slider_SliderValueText = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(Slider.ValueText, {
         ref: ref,
         "data-slot": "slider-value-text",
-        className: clsx(Slider_module.valueText, normalizeClassName(className)),
+        className: clsx(Slider_module.valueText, className),
         ...props
     });
 });
@@ -43,7 +42,7 @@ const Slider_SliderControl = /*#__PURE__*/ forwardRef(function({ className, ...p
     return /*#__PURE__*/ jsx(Slider.Control, {
         ref: ref,
         "data-slot": "slider-control",
-        className: clsx(Slider_module.control, normalizeClassName(className)),
+        className: clsx(Slider_module.control, className),
         ...props
     });
 });
@@ -51,7 +50,7 @@ const Slider_SliderTrack = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(Slider.Track, {
         ref: ref,
         "data-slot": "slider-track",
-        className: clsx(Slider_module.track, normalizeClassName(className)),
+        className: clsx(Slider_module.track, className),
         ...props
     });
 });
@@ -59,45 +58,31 @@ const Slider_SliderRange = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(Slider.Range, {
         ref: ref,
         "data-slot": "slider-range",
-        className: clsx(Slider_module.range, normalizeClassName(className)),
+        className: clsx(Slider_module.range, className),
         ...props
     });
 });
-const Slider_SliderThumb = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+const Slider_SliderThumb = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.Thumb, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "slider-thumb",
-        className: clsx(Slider_module.thumb, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(Slider_module.thumb, className),
+        ...props
     });
 });
-function withHiddenInput(children, asChild) {
-    const hiddenInput = /*#__PURE__*/ jsx(Slider.HiddenInput, {
-        "data-slot": "slider-hidden-input"
-    });
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            hiddenInput
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
-}
 function SliderThumbs({ className }) {
     const slider = useSliderContext();
     return slider.value.map((_, index)=>/*#__PURE__*/ jsx(Slider_SliderThumb, {
             index: index,
-            className: className
+            className: className,
+            children: /*#__PURE__*/ jsx(Slider.HiddenInput, {})
         }, index));
 }
 const Slider_SliderMarkerGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.MarkerGroup, {
         ref: ref,
         "data-slot": "slider-marker-group",
-        className: clsx(Slider_module.markerGroup, normalizeClassName(className)),
+        className: clsx(Slider_module.markerGroup, className),
         ...props
     });
 });
@@ -105,7 +90,7 @@ const Slider_SliderMarker = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(Slider.Marker, {
         ref: ref,
         "data-slot": "slider-marker",
-        className: clsx(Slider_module.marker, normalizeClassName(className)),
+        className: clsx(Slider_module.marker, className),
         ...props
     });
 });
@@ -113,7 +98,7 @@ const Slider_SliderDraggingIndicator = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(Slider.DraggingIndicator, {
         ref: ref,
         "data-slot": "slider-dragging-indicator",
-        className: clsx(Slider_module.draggingIndicator, normalizeClassName(className)),
+        className: clsx(Slider_module.draggingIndicator, className),
         ...props
     });
 });
@@ -126,6 +111,7 @@ const Slider_Slider = Object.assign(Slider_SliderRoot, {
     Label: Slider_SliderLabel,
     ValueText: Slider_SliderValueText,
     Control: Slider_SliderControl,
+    HiddenInput: Slider.HiddenInput,
     Track: Slider_SliderTrack,
     Range: Slider_SliderRange,
     Thumb: Slider_SliderThumb,

package/dist/components/spinner/Spinner.d.ts

@@ -1,9 +1,9 @@
 declare const Spinner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    size?: "inherit" | "xs" | "sm" | "md" | "lg" | "xl";
+    size?: 'inherit' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     decorative?: boolean;
 } & import("react").RefAttributes<HTMLSpanElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-        size?: "inherit" | "xs" | "sm" | "md" | "lg" | "xl";
+        size?: 'inherit' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
         decorative?: boolean;
     } & import("react").RefAttributes<HTMLSpanElement>>;
 };

package/dist/components/spinner/Spinner.js

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Spinner_module from "./Spinner.module.js";
 const Spinner_SpinnerRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, decorative = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, size = 'md', ...props }, ref) {
     const accessibleLabel = decorative ? void 0 : ariaLabel ?? (ariaLabelledBy ? void 0 : 'Loading');
@@ -18,7 +17,7 @@ const Spinner_SpinnerRoot = /*#__PURE__*/ forwardRef(function({ asChild, childre
         "aria-hidden": decorative && !asChild ? true : void 0,
         "aria-label": accessibleLabel,
         "aria-labelledby": decorative ? void 0 : ariaLabelledBy,
-        className: clsx(Spinner_module.root, normalizeClassName(className)),
+        className: clsx(Spinner_module.root, className),
         children: asChild ? children : /*#__PURE__*/ jsx("span", {
             "data-scope": "spinner",
             "data-part": "indicator",

package/dist/components/split-button/SplitButton.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentProps, type ReactNode } from 'react';
-import { Button } from '../button';
-import { Menu } from '../menu';
+import { Button } from '../button/index.js';
+import { Menu } from '../menu/index.js';
 type ButtonProps = ComponentProps<typeof Button>;
 type SplitButtonVariant = Exclude<NonNullable<ButtonProps['variant']>, 'link'>;
 type SplitButtonSize = Exclude<NonNullable<ButtonProps['size']>, 'icon-sm' | 'icon-md' | 'icon-lg'>;
@@ -12,7 +12,7 @@ type SplitButtonTriggerProps = Omit<ComponentProps<typeof Menu.Trigger>, 'asChil
     size?: SplitButtonSize;
     variant?: SplitButtonVariant;
 };
-declare const SplitButton: import("react").ForwardRefExoticComponent<Omit<import("@ark-ui/react/menu").MenuRootProps & import("../../internal/overlayPortal").OverlayPortalProps, "children"> & {
+declare const SplitButton: import("react").ForwardRefExoticComponent<Omit<import("@ark-ui/react/menu").MenuRootProps & import("../../internal/overlayPortal.js").OverlayPortalProps, "children"> & {
     'aria-label'?: string;
     'aria-labelledby'?: string;
     children?: ReactNode;
@@ -20,7 +20,7 @@ declare const SplitButton: import("react").ForwardRefExoticComponent<Omit<import
     size?: SplitButtonSize;
     variant?: SplitButtonVariant;
 } & import("react").RefAttributes<HTMLDivElement>> & {
-    Root: import("react").ForwardRefExoticComponent<Omit<import("@ark-ui/react/menu").MenuRootProps & import("../../internal/overlayPortal").OverlayPortalProps, "children"> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("@ark-ui/react/menu").MenuRootProps & import("../../internal/overlayPortal.js").OverlayPortalProps, "children"> & {
         'aria-label'?: string;
         'aria-labelledby'?: string;
         children?: ReactNode;

package/dist/components/split-button/SplitButton.js

@@ -3,7 +3,6 @@ import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { createContext, forwardRef, useContext } from "react";
 import { ChevronDownIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { Button } from "../button/index.js";
 import { Menu } from "../menu/index.js";
 import SplitButton_module from "./SplitButton.module.js";
@@ -34,7 +33,7 @@ const SplitButton_SplitButtonRoot = /*#__PURE__*/ forwardRef(function({ children
                 "data-scope": "split-button",
                 "data-part": "root",
                 "data-slot": "split-button-root",
-                className: clsx(SplitButton_module.root, normalizeClassName(className)),
+                className: clsx(SplitButton_module.root, className),
                 children: children
             })
         })
@@ -47,7 +46,7 @@ const SplitButton_SplitButtonAction = /*#__PURE__*/ forwardRef(function({ classN
         "data-slot": "split-button-action",
         size: size ?? context.size,
         variant: variant ?? context.variant,
-        className: clsx(SplitButton_module.action, normalizeClassName(className)),
+        className: clsx(SplitButton_module.action, className),
         ...props
     });
 });
@@ -59,7 +58,7 @@ const SplitButton_SplitButtonTrigger = /*#__PURE__*/ forwardRef(function({ child
         asChild: true,
         "data-slot": "split-button-trigger",
         "aria-label": isIconOnly ? ariaLabel ?? 'More actions' : ariaLabel,
-        className: clsx(SplitButton_module.trigger, normalizeClassName(className)),
+        className: clsx(SplitButton_module.trigger, className),
         ...props,
         children: /*#__PURE__*/ jsx(Button, {
             size: size ?? context.size,
@@ -72,16 +71,20 @@ const SplitButton_SplitButtonPositioner = /*#__PURE__*/ forwardRef(function({ cl
     return /*#__PURE__*/ jsx(Menu.Positioner, {
         ref: ref,
         "data-slot": "split-button-positioner",
-        className: normalizeClassName(className),
+        className: className,
         ...props
     });
 });
-const SplitButton_SplitButtonContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+const SplitButton_SplitButtonContent = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.Content, {
         ref: ref,
+        asChild: asChild,
         "data-slot": "split-button-content",
-        className: normalizeClassName(className),
-        ...props
+        className: className,
+        ...props,
+        children: asChild ? children : /*#__PURE__*/ jsx(Menu.Viewport, {
+            children: children
+        })
     });
 });
 const SplitButton = Object.assign(SplitButton_SplitButtonRoot, {

package/dist/components/splitter/Splitter.js

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import { Splitter, createSplitterRegistry, useSplitter, useSplitterContext } from "@ark-ui/react/splitter";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Splitter_module from "./Splitter.module.js";
 const rootStyle = {
     width: 'var(--moduix-splitter-width, 100%)',
@@ -12,7 +11,7 @@ const Splitter_SplitterRoot = /*#__PURE__*/ forwardRef(function({ className, sty
     return /*#__PURE__*/ jsx(Splitter.Root, {
         ref: ref,
         "data-slot": "splitter-root",
-        className: clsx(Splitter_module.root, normalizeClassName(className)),
+        className: clsx(Splitter_module.root, className),
         style: {
             ...rootStyle,
             ...style
@@ -24,7 +23,7 @@ const Splitter_SplitterRootProvider = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(Splitter.RootProvider, {
         ref: ref,
         "data-slot": "splitter-root-provider",
-        className: clsx(Splitter_module.root, normalizeClassName(className)),
+        className: clsx(Splitter_module.root, className),
         style: {
             ...rootStyle,
             ...style
@@ -36,7 +35,7 @@ const Splitter_SplitterPanel = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(Splitter.Panel, {
         ref: ref,
         "data-slot": "splitter-panel",
-        className: clsx(Splitter_module.panel, normalizeClassName(className)),
+        className: clsx(Splitter_module.panel, className),
         ...props
     });
 });
@@ -44,7 +43,7 @@ const Splitter_SplitterResizeTriggerIndicator = /*#__PURE__*/ forwardRef(functio
     return /*#__PURE__*/ jsx(Splitter.ResizeTriggerIndicator, {
         ref: ref,
         "data-slot": "splitter-resize-trigger-indicator",
-        className: clsx(Splitter_module.resizeTriggerIndicator, normalizeClassName(className)),
+        className: clsx(Splitter_module.resizeTriggerIndicator, className),
         ...props
     });
 });
@@ -53,7 +52,7 @@ const Splitter_SplitterResizeTrigger = /*#__PURE__*/ forwardRef(function({ asChi
         ref: ref,
         asChild: asChild,
         "data-slot": "splitter-resize-trigger",
-        className: clsx(Splitter_module.resizeTrigger, normalizeClassName(className)),
+        className: clsx(Splitter_module.resizeTrigger, className),
         ...props,
         children: void 0 !== children || asChild ? children : /*#__PURE__*/ jsx(Splitter_SplitterResizeTriggerIndicator, {})
     });

package/dist/components/splitter/Splitter_module.css

@@ -9,13 +9,7 @@
     background-color: var(--moduix-splitter-bg, var(--moduix-color-card));
     color: var(--moduix-splitter-color, var(--moduix-color-foreground));
     box-shadow: var(--moduix-splitter-shadow, var(--moduix-shadow-sm));
-    display: flex;
     position: relative;
-    overflow: hidden;
-  }
-
-  .root-qJovVx[data-orientation="vertical"] {
-    flex-direction: column;
   }
 
   .root-qJovVx[data-dragging] {
@@ -52,13 +46,11 @@
   .resizeTrigger-RVtsVR {
     z-index: 1;
     box-sizing: border-box;
-    flex: 0 0 var(--moduix-splitter-resize-trigger-line-size, 1px);
     width: var(--moduix-splitter-resize-trigger-line-size, 1px);
     min-width: var(--moduix-splitter-resize-trigger-line-size, 1px);
     background-color: var(--moduix-splitter-resize-trigger-bg, transparent);
     appearance: none;
     cursor: col-resize;
-    touch-action: none;
     transition: opacity var(--moduix-splitter-transition, var(--moduix-transition-default));
     border: 0;
     outline: 0;
@@ -75,8 +67,8 @@
     border-radius: var(--moduix-splitter-resize-trigger-line-radius, var(--moduix-radius-full));
     background-color: var(--moduix-splitter-resize-trigger-line-color, var(--moduix-color-border));
     content: "";
-    transition: background-color var(--moduix-splitter-transition, var(--moduix-transition-default)),
-        opacity var(--moduix-splitter-transition, var(--moduix-transition-default));
+    transition: background-color
+        var(--moduix-splitter-transition, var(--moduix-transition-default));
     position: absolute;
   }
 

package/dist/components/stack/Stack.d.ts

@@ -6,9 +6,9 @@ declare const Stack: import("react").ForwardRefExoticComponent<Omit<import("reac
         desktop?: StackDirection;
     };
     gap?: number | string;
-    align?: CSSProperties["alignItems"];
-    justify?: CSSProperties["justifyContent"];
-    wrap?: CSSProperties["flexWrap"];
+    align?: CSSProperties['alignItems'];
+    justify?: CSSProperties['justifyContent'];
+    wrap?: CSSProperties['flexWrap'];
     fill?: boolean;
 } & import("react").RefAttributes<HTMLElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
@@ -17,9 +17,9 @@ declare const Stack: import("react").ForwardRefExoticComponent<Omit<import("reac
             desktop?: StackDirection;
         };
         gap?: number | string;
-        align?: CSSProperties["alignItems"];
-        justify?: CSSProperties["justifyContent"];
-        wrap?: CSSProperties["flexWrap"];
+        align?: CSSProperties['alignItems'];
+        justify?: CSSProperties['justifyContent'];
+        wrap?: CSSProperties['flexWrap'];
         fill?: boolean;
     } & import("react").RefAttributes<HTMLElement>>;
 };