@moduix/react 2.5.1 → 2.7.0

package/dist/components/slider/Slider.js

@@ -1,120 +1,105 @@
 "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
+        ...props,
+        "data-slot": "slider-root"
     });
 });
 const Slider_SliderRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.RootProvider, {
         ref: ref,
-        "data-slot": "slider-root-provider",
-        className: clsx(Slider_module.root, normalizeClassName(className)),
-        ...props
+        className: clsx(Slider_module.root, className),
+        ...props,
+        "data-slot": "slider-root-provider"
     });
 });
 const Slider_SliderLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.Label, {
         ref: ref,
-        "data-slot": "slider-label",
-        className: clsx(Slider_module.label, normalizeClassName(className)),
-        ...props
+        className: clsx(Slider_module.label, className),
+        ...props,
+        "data-slot": "slider-label"
     });
 });
 const Slider_SliderValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.ValueText, {
         ref: ref,
-        "data-slot": "slider-value-text",
-        className: clsx(Slider_module.valueText, normalizeClassName(className)),
-        ...props
+        className: clsx(Slider_module.valueText, className),
+        ...props,
+        "data-slot": "slider-value-text"
     });
 });
 const Slider_SliderControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.Control, {
         ref: ref,
-        "data-slot": "slider-control",
-        className: clsx(Slider_module.control, normalizeClassName(className)),
-        ...props
+        className: clsx(Slider_module.control, className),
+        ...props,
+        "data-slot": "slider-control"
     });
 });
 const Slider_SliderTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.Track, {
         ref: ref,
-        "data-slot": "slider-track",
-        className: clsx(Slider_module.track, normalizeClassName(className)),
-        ...props
+        className: clsx(Slider_module.track, className),
+        ...props,
+        "data-slot": "slider-track"
     });
 });
 const Slider_SliderRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.Range, {
         ref: ref,
-        "data-slot": "slider-range",
-        className: clsx(Slider_module.range, normalizeClassName(className)),
-        ...props
+        className: clsx(Slider_module.range, className),
+        ...props,
+        "data-slot": "slider-range"
     });
 });
-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)),
+        className: clsx(Slider_module.thumb, className),
         ...props,
-        children: withHiddenInput(children, asChild)
+        "data-slot": "slider-thumb"
     });
 });
-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)),
-        ...props
+        className: clsx(Slider_module.markerGroup, className),
+        ...props,
+        "data-slot": "slider-marker-group"
     });
 });
 const Slider_SliderMarker = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.Marker, {
         ref: ref,
-        "data-slot": "slider-marker",
-        className: clsx(Slider_module.marker, normalizeClassName(className)),
-        ...props
+        className: clsx(Slider_module.marker, className),
+        ...props,
+        "data-slot": "slider-marker"
     });
 });
 const Slider_SliderDraggingIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.DraggingIndicator, {
         ref: ref,
-        "data-slot": "slider-dragging-indicator",
-        className: clsx(Slider_module.draggingIndicator, normalizeClassName(className)),
-        ...props
+        className: clsx(Slider_module.draggingIndicator, className),
+        ...props,
+        "data-slot": "slider-dragging-indicator"
     });
 });
 const Slider_Slider = Object.assign(Slider_SliderRoot, {
@@ -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 { Menu as MenuPrimitive } from '@ark-ui/react/menu';
 import { type ComponentProps, type ReactNode } from 'react';
-import { Button } from '../button';
-import { Menu } from '../menu';
+import { Button } from '../button/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'>;
@@ -8,11 +8,11 @@ type SplitButtonActionProps = Omit<ButtonProps, 'size' | 'variant'> & {
     size?: SplitButtonSize;
     variant?: SplitButtonVariant;
 };
-type SplitButtonTriggerProps = Omit<ComponentProps<typeof Menu.Trigger>, 'asChild'> & {
+type SplitButtonTriggerProps = Omit<ComponentProps<typeof MenuPrimitive.Trigger>, 'asChild'> & {
     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<MenuPrimitive.RootProps & 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<MenuPrimitive.RootProps & import("../../internal/overlayPortal.js").OverlayPortalProps, "children"> & {
         'aria-label'?: string;
         'aria-labelledby'?: string;
         children?: ReactNode;
@@ -30,7 +30,7 @@ declare const SplitButton: import("react").ForwardRefExoticComponent<Omit<import
     } & import("react").RefAttributes<HTMLDivElement>>;
     Action: import("react").ForwardRefExoticComponent<Omit<SplitButtonActionProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     Trigger: import("react").ForwardRefExoticComponent<Omit<SplitButtonTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@ark-ui/react/menu").MenuPositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@ark-ui/react/menu").MenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<MenuPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<MenuPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 export { SplitButton };

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

@@ -1,11 +1,13 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { Menu } from "@ark-ui/react/menu";
 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 { OverlayPortal } from "../../internal/overlayPortal.js";
 import { Button } from "../button/index.js";
-import { Menu } from "../menu/index.js";
+import { Menu as index_js_Menu } from "../menu/index.js";
+import Menu_module from "../menu/Menu.module.js";
 import SplitButton_module from "./SplitButton.module.js";
 const SplitButtonContext = /*#__PURE__*/ createContext(null);
 function useSplitButtonContext(componentName) {
@@ -19,7 +21,7 @@ const SplitButton_SplitButtonRoot = /*#__PURE__*/ forwardRef(function({ children
             size,
             variant
         },
-        children: /*#__PURE__*/ jsx(Menu.Root, {
+        children: /*#__PURE__*/ jsx(index_js_Menu.Root, {
             positioning: {
                 placement: 'bottom-end',
                 gutter: 4,
@@ -34,7 +36,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
             })
         })
@@ -44,11 +46,11 @@ const SplitButton_SplitButtonAction = /*#__PURE__*/ forwardRef(function({ classN
     const context = useSplitButtonContext('SplitButton.Action');
     return /*#__PURE__*/ jsx(Button, {
         ref: ref,
-        "data-slot": "split-button-action",
         size: size ?? context.size,
         variant: variant ?? context.variant,
-        className: clsx(SplitButton_module.action, normalizeClassName(className)),
-        ...props
+        className: clsx(SplitButton_module.action, className),
+        ...props,
+        "data-slot": "split-button-action"
     });
 });
 const SplitButton_SplitButtonTrigger = /*#__PURE__*/ forwardRef(function({ children, className, size, variant, 'aria-label': ariaLabel, ...props }, ref) {
@@ -57,10 +59,10 @@ const SplitButton_SplitButtonTrigger = /*#__PURE__*/ forwardRef(function({ child
     return /*#__PURE__*/ jsx(Menu.Trigger, {
         ref: ref,
         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,
+        "data-slot": "split-button-trigger",
         children: /*#__PURE__*/ jsx(Button, {
             size: size ?? context.size,
             variant: variant ?? context.variant,
@@ -69,19 +71,25 @@ const SplitButton_SplitButtonTrigger = /*#__PURE__*/ forwardRef(function({ child
     });
 });
 const SplitButton_SplitButtonPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
-    return /*#__PURE__*/ jsx(Menu.Positioner, {
-        ref: ref,
-        "data-slot": "split-button-positioner",
-        className: normalizeClassName(className),
-        ...props
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Menu.Positioner, {
+            ref: ref,
+            className: clsx(Menu_module.positioner, className),
+            ...props,
+            "data-slot": "split-button-positioner"
+        })
     });
 });
-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,
+        className: clsx(Menu_module.content, className),
+        ...props,
         "data-slot": "split-button-content",
-        className: normalizeClassName(className),
-        ...props
+        children: asChild ? children : /*#__PURE__*/ jsx(index_js_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%)',
@@ -11,50 +10,50 @@ const rootStyle = {
 const Splitter_SplitterRoot = /*#__PURE__*/ forwardRef(function({ className, style, ...props }, ref) {
     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
         },
-        ...props
+        ...props,
+        "data-slot": "splitter-root"
     });
 });
 const Splitter_SplitterRootProvider = /*#__PURE__*/ forwardRef(function({ className, style, ...props }, ref) {
     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
         },
-        ...props
+        ...props,
+        "data-slot": "splitter-root-provider"
     });
 });
 const Splitter_SplitterPanel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Splitter.Panel, {
         ref: ref,
-        "data-slot": "splitter-panel",
-        className: clsx(Splitter_module.panel, normalizeClassName(className)),
-        ...props
+        className: clsx(Splitter_module.panel, className),
+        ...props,
+        "data-slot": "splitter-panel"
     });
 });
 const Splitter_SplitterResizeTriggerIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Splitter.ResizeTriggerIndicator, {
         ref: ref,
-        "data-slot": "splitter-resize-trigger-indicator",
-        className: clsx(Splitter_module.resizeTriggerIndicator, normalizeClassName(className)),
-        ...props
+        className: clsx(Splitter_module.resizeTriggerIndicator, className),
+        ...props,
+        "data-slot": "splitter-resize-trigger-indicator"
     });
 });
 const Splitter_SplitterResizeTrigger = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Splitter.ResizeTrigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "splitter-resize-trigger",
-        className: clsx(Splitter_module.resizeTrigger, normalizeClassName(className)),
+        className: clsx(Splitter_module.resizeTrigger, className),
         ...props,
+        "data-slot": "splitter-resize-trigger",
         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>>;
 };

package/dist/components/stack/Stack.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 Stack_module from "./Stack.module.js";
 const Stack_StackRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, style, direction, gap, align, justify, wrap, fill, ...props }, ref) {
     const mobileDirection = 'string' == typeof direction ? direction : direction?.mobile ?? direction?.desktop;
@@ -14,11 +13,11 @@ const Stack_StackRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, c
         "data-scope": "stack",
         "data-part": "root",
         "data-slot": "stack-root",
-        className: clsx(Stack_module.root, normalizeClassName(className)),
+        className: clsx(Stack_module.root, className),
         style: {
-            '--moduix-stack-direction-desktop': desktopDirection,
-            '--moduix-stack-direction-mobile': mobileDirection,
-            '--moduix-stack-flex': null == fill ? void 0 : fill ? '1 1 0' : 'initial',
+            '--moduix-stack-direction-desktop': desktopDirection ?? 'column',
+            '--moduix-stack-direction-mobile': mobileDirection ?? 'column',
+            '--moduix-stack-flex': null == fill ? void 0 : fill ? '1 1 0%' : 'initial',
             gap,
             alignItems: align,
             justifyContent: justify,

package/dist/components/stack/Stack_module.css

@@ -5,7 +5,7 @@
     display: flex;
   }
 
-  @media (min-width: 640px) {
+  @media (width >= 640px) {
     .root-zSAnGT {
       flex-direction: var(--moduix-stack-direction-desktop, var(--moduix-stack-direction-mobile, column));
     }