@moduix/react 2.5.1 → 2.7.0

package/dist/components/steps/Steps.js

@@ -4,104 +4,103 @@ import { Steps, useSteps, useStepsContext, useStepsItemContext } from "@ark-ui/r
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { CheckIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Steps_module from "./Steps.module.js";
 const Steps_StepsRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Steps.Root, {
         ref: ref,
-        "data-slot": "steps-root",
-        className: clsx(Steps_module.root, normalizeClassName(className)),
-        ...props
+        className: clsx(Steps_module.root, className),
+        ...props,
+        "data-slot": "steps-root"
     });
 });
 const Steps_StepsRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Steps.RootProvider, {
         ref: ref,
-        "data-slot": "steps-root-provider",
-        className: clsx(Steps_module.root, normalizeClassName(className)),
-        ...props
+        className: clsx(Steps_module.root, className),
+        ...props,
+        "data-slot": "steps-root-provider"
     });
 });
 const Steps_StepsList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Steps.List, {
         ref: ref,
-        "data-slot": "steps-list",
-        className: clsx(Steps_module.list, normalizeClassName(className)),
-        ...props
+        className: clsx(Steps_module.list, className),
+        ...props,
+        "data-slot": "steps-list"
     });
 });
 const Steps_StepsItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Steps.Item, {
         ref: ref,
-        "data-slot": "steps-item",
-        className: clsx(Steps_module.item, normalizeClassName(className)),
-        ...props
+        className: clsx(Steps_module.item, className),
+        ...props,
+        "data-slot": "steps-item"
     });
 });
 const Steps_StepsTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Steps.Trigger, {
         ref: ref,
-        "data-slot": "steps-trigger",
-        className: clsx(Steps_module.trigger, normalizeClassName(className)),
-        ...props
+        className: clsx(Steps_module.trigger, className),
+        ...props,
+        "data-slot": "steps-trigger"
     });
 });
 const Steps_StepsIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     const item = useStepsItemContext();
     return /*#__PURE__*/ jsx(Steps.Indicator, {
         ref: ref,
-        "data-slot": "steps-indicator",
-        className: clsx(Steps_module.indicator, normalizeClassName(className)),
+        className: clsx(Steps_module.indicator, className),
         ...props,
+        "data-slot": "steps-indicator",
         children: children ?? (item.completed ? /*#__PURE__*/ jsx(CheckIcon, {}) : item.index + 1)
     });
 });
 const Steps_StepsSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Steps.Separator, {
         ref: ref,
-        "data-slot": "steps-separator",
-        className: clsx(Steps_module.separator, normalizeClassName(className)),
-        ...props
+        className: clsx(Steps_module.separator, className),
+        ...props,
+        "data-slot": "steps-separator"
     });
 });
 const Steps_StepsContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Steps.Content, {
         ref: ref,
-        "data-slot": "steps-content",
-        className: clsx(Steps_module.content, normalizeClassName(className)),
-        ...props
+        className: clsx(Steps_module.content, className),
+        ...props,
+        "data-slot": "steps-content"
     });
 });
 const Steps_StepsCompletedContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Steps.CompletedContent, {
         ref: ref,
-        "data-slot": "steps-completed-content",
-        className: clsx(Steps_module.completedContent, normalizeClassName(className)),
-        ...props
+        className: clsx(Steps_module.completedContent, className),
+        ...props,
+        "data-slot": "steps-completed-content"
     });
 });
 const Steps_StepsPrevTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Steps.PrevTrigger, {
         ref: ref,
-        "data-slot": "steps-prev-trigger",
-        className: clsx(Steps_module.prevTrigger, normalizeClassName(className)),
-        ...props
+        className: clsx(Steps_module.prevTrigger, className),
+        ...props,
+        "data-slot": "steps-prev-trigger"
     });
 });
 const Steps_StepsNextTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Steps.NextTrigger, {
         ref: ref,
-        "data-slot": "steps-next-trigger",
-        className: clsx(Steps_module.nextTrigger, normalizeClassName(className)),
-        ...props
+        className: clsx(Steps_module.nextTrigger, className),
+        ...props,
+        "data-slot": "steps-next-trigger"
     });
 });
 const Steps_StepsProgress = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Steps.Progress, {
         ref: ref,
-        "data-slot": "steps-progress",
-        className: clsx(Steps_module.progress, normalizeClassName(className)),
-        ...props
+        className: clsx(Steps_module.progress, className),
+        ...props,
+        "data-slot": "steps-progress"
     });
 });
 const Steps_Steps = Object.assign(Steps_StepsRoot, {

package/dist/components/steps/Steps_module.css

@@ -19,7 +19,7 @@
     flex-direction: row;
   }
 
-  @media (max-width: 40rem) {
+  @media (width <= 40rem) {
     .root-FkZrbo[data-orientation="vertical"] {
       gap: var(--moduix-steps-root-gap, var(--moduix-spacing-4));
       flex-direction: column;
@@ -45,11 +45,10 @@
     gap: var(--moduix-steps-gap, var(--moduix-spacing-4));
     flex-direction: column;
     flex: none;
-    width: -moz-fit-content;
     width: fit-content;
   }
 
-  @media (max-width: 40rem) {
+  @media (width <= 40rem) {
     .list-heLEy0[data-orientation="horizontal"] {
       scrollbar-width: thin;
       overflow-x: auto;

package/dist/components/swap/Swap.js

@@ -3,32 +3,31 @@ import { jsx } from "react/jsx-runtime";
 import { Swap, useSwap, useSwapContext } from "@ark-ui/react/swap";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Swap_module from "./Swap.module.js";
 const Swap_SwapRoot = /*#__PURE__*/ forwardRef(function({ animation = 'scale', className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Swap.Root, {
         ref: ref,
-        "data-slot": "swap-root",
         "data-animation": animation,
-        className: clsx(Swap_module.root, normalizeClassName(className)),
-        ...props
+        className: clsx(Swap_module.root, className),
+        ...props,
+        "data-slot": "swap-root"
     });
 });
 const Swap_SwapRootProvider = /*#__PURE__*/ forwardRef(function({ animation = 'scale', className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Swap.RootProvider, {
         ref: ref,
-        "data-slot": "swap-root-provider",
         "data-animation": animation,
-        className: clsx(Swap_module.root, normalizeClassName(className)),
-        ...props
+        className: clsx(Swap_module.root, className),
+        ...props,
+        "data-slot": "swap-root-provider"
     });
 });
 const Swap_SwapIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Swap.Indicator, {
         ref: ref,
-        "data-slot": "swap-indicator",
-        className: clsx(Swap_module.indicator, normalizeClassName(className)),
-        ...props
+        className: clsx(Swap_module.indicator, className),
+        ...props,
+        "data-slot": "swap-indicator"
     });
 });
 const Swap_Swap = Object.assign(Swap_SwapRoot, {

package/dist/components/switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { Switch as SwitchPrimitive, useSwitch, useSwitchContext } from '@ark-ui/react/switch';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps } from 'react';
 type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type SwitchRootProps = ComponentProps<typeof SwitchPrimitive.Root> & {
     size?: SwitchSize;
@@ -10,10 +10,11 @@ type SwitchRootProviderProps = ComponentProps<typeof SwitchPrimitive.RootProvide
 declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchRootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<SwitchRootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     RootProvider: import("react").ForwardRefExoticComponent<Omit<SwitchRootProviderProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    HiddenInput: import("react").ForwardRefExoticComponent<SwitchPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitive.ControlProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     Thumb: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitive.ThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-    Context: (props: SwitchPrimitive.ContextProps) => ReactNode;
+    Context: (props: SwitchPrimitive.ContextProps) => import("react").ReactNode;
 };
 export { Switch, useSwitch, useSwitchContext };
 export type { SwitchRootProps, SwitchRootProviderProps, SwitchSize };

package/dist/components/switch/Switch.js

@@ -1,79 +1,56 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Switch, SwitchContext, useSwitch, useSwitchContext } from "@ark-ui/react/switch";
 import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { forwardRef } from "react";
 import Switch_module from "./Switch.module.js";
-const Switch_SwitchRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+const Switch_SwitchRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.Root, {
         ref: ref,
-        asChild: asChild,
-        "data-slot": "switch-root",
         "data-size": size,
-        className: clsx(Switch_module.root, normalizeClassName(className)),
+        className: clsx(Switch_module.root, className),
         ...props,
-        children: withHiddenInput(children, asChild)
+        "data-slot": "switch-root"
     });
 });
-const Switch_SwitchRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+const Switch_SwitchRootProvider = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.RootProvider, {
         ref: ref,
-        asChild: asChild,
-        "data-slot": "switch-root-provider",
         "data-size": size,
-        className: clsx(Switch_module.root, normalizeClassName(className)),
+        className: clsx(Switch_module.root, className),
         ...props,
-        children: withHiddenInput(children, asChild)
+        "data-slot": "switch-root-provider"
     });
 });
 const Switch_SwitchControl = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.Control, {
         ref: ref,
-        "data-slot": "switch-control",
-        className: clsx(Switch_module.control, normalizeClassName(className)),
+        className: clsx(Switch_module.control, className),
         ...props,
+        "data-slot": "switch-control",
         children: children ?? /*#__PURE__*/ jsx(Switch_SwitchThumb, {})
     });
 });
 const Switch_SwitchThumb = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.Thumb, {
         ref: ref,
-        "data-slot": "switch-thumb",
-        className: clsx(Switch_module.thumb, normalizeClassName(className)),
-        ...props
+        className: clsx(Switch_module.thumb, className),
+        ...props,
+        "data-slot": "switch-thumb"
     });
 });
 const Switch_SwitchLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.Label, {
         ref: ref,
-        "data-slot": "switch-label",
-        className: clsx(Switch_module.label, normalizeClassName(className)),
-        ...props
+        className: clsx(Switch_module.label, className),
+        ...props,
+        "data-slot": "switch-label"
     });
 });
-function withHiddenInput(children, asChild) {
-    const hiddenInput = /*#__PURE__*/ jsx(SwitchHiddenInput, {});
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            hiddenInput
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
-}
-function SwitchHiddenInput() {
-    const switchApi = useSwitchContext();
-    const readOnly = void 0 !== switchApi.getRootProps()['data-readonly'];
-    return /*#__PURE__*/ jsx(Switch.HiddenInput, {
-        "aria-readonly": readOnly || void 0,
-        "data-slot": "switch-hidden-input"
-    });
-}
 const Switch_Switch = Object.assign(Switch_SwitchRoot, {
     Root: Switch_SwitchRoot,
     RootProvider: Switch_SwitchRootProvider,
+    HiddenInput: Switch.HiddenInput,
     Control: Switch_SwitchControl,
     Thumb: Switch_SwitchThumb,
     Label: Switch_SwitchLabel,

package/dist/components/switch/Switch_module.css

@@ -4,7 +4,6 @@
     gap: var(--moduix-switch-gap, var(--moduix-spacing-2));
     vertical-align: middle;
     cursor: pointer;
-    width: -moz-fit-content;
     width: fit-content;
     display: inline-flex;
   }

package/dist/components/table/Table.d.ts

@@ -1,22 +1,22 @@
 declare const Table: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     interactive?: boolean;
     showColumnBorder?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: 'sm' | 'md' | 'lg';
     stickyHeader?: boolean;
     striped?: boolean;
-    variant?: "line" | "outline";
+    variant?: 'line' | 'outline';
 } & import("react").RefAttributes<HTMLTableElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
         interactive?: boolean;
         showColumnBorder?: boolean;
-        size?: "sm" | "md" | "lg";
+        size?: 'sm' | 'md' | 'lg';
         stickyHeader?: boolean;
         striped?: boolean;
-        variant?: "line" | "outline";
+        variant?: 'line' | 'outline';
     } & import("react").RefAttributes<HTMLTableElement>>;
     ScrollArea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
     Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-        side?: "top" | "bottom";
+        side?: 'top' | 'bottom';
     } & import("react").RefAttributes<HTMLTableCaptionElement>>;
     ColumnGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableColElement>>;
     Column: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {

package/dist/components/table/Table.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 Table_module from "./Table.module.js";
 const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className, interactive = false, showColumnBorder = false, size = 'md', stickyHeader = false, striped = false, variant = 'line', ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.table, {
@@ -10,15 +9,15 @@ const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className,
         asChild: asChild,
         "data-scope": "table",
         "data-part": "root",
-        "data-slot": "table-root",
         "data-interactive": interactive || void 0,
         "data-show-column-border": showColumnBorder || void 0,
         "data-size": size,
         "data-sticky-header": stickyHeader || void 0,
         "data-striped": striped || void 0,
         "data-variant": variant,
-        className: clsx(Table_module.root, normalizeClassName(className)),
-        ...props
+        className: clsx(Table_module.root, className),
+        ...props,
+        "data-slot": "table-root"
     });
 });
 const Table_TableScrollArea = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -27,9 +26,9 @@ const Table_TableScrollArea = /*#__PURE__*/ forwardRef(function({ asChild, class
         asChild: asChild,
         "data-scope": "table",
         "data-part": "scroll-area",
-        "data-slot": "table-scroll-area",
-        className: clsx(Table_module.scrollArea, normalizeClassName(className)),
-        ...props
+        className: clsx(Table_module.scrollArea, className),
+        ...props,
+        "data-slot": "table-scroll-area"
     });
 });
 const Table_TableCaption = /*#__PURE__*/ forwardRef(function({ asChild, className, side = 'bottom', ...props }, ref) {
@@ -39,9 +38,9 @@ const Table_TableCaption = /*#__PURE__*/ forwardRef(function({ asChild, classNam
         "data-scope": "table",
         "data-part": "caption",
         "data-side": side,
-        "data-slot": "table-caption",
-        className: clsx(Table_module.caption, normalizeClassName(className)),
-        ...props
+        className: clsx(Table_module.caption, className),
+        ...props,
+        "data-slot": "table-caption"
     });
 });
 const Table_TableColumnGroup = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -50,9 +49,9 @@ const Table_TableColumnGroup = /*#__PURE__*/ forwardRef(function({ asChild, clas
         asChild: asChild,
         "data-scope": "table",
         "data-part": "column-group",
-        "data-slot": "table-column-group",
-        className: normalizeClassName(className),
-        ...props
+        className: className,
+        ...props,
+        "data-slot": "table-column-group"
     });
 });
 const Table_TableColumn = /*#__PURE__*/ forwardRef(function({ asChild, className, htmlWidth, width, ...props }, ref) {
@@ -61,10 +60,10 @@ const Table_TableColumn = /*#__PURE__*/ forwardRef(function({ asChild, className
         asChild: asChild,
         "data-scope": "table",
         "data-part": "column",
-        "data-slot": "table-column",
         width: htmlWidth ?? width,
-        className: normalizeClassName(className),
-        ...props
+        className: className,
+        ...props,
+        "data-slot": "table-column"
     });
 });
 const Table_TableHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -73,9 +72,9 @@ const Table_TableHeader = /*#__PURE__*/ forwardRef(function({ asChild, className
         asChild: asChild,
         "data-scope": "table",
         "data-part": "header",
-        "data-slot": "table-header",
-        className: clsx(Table_module.header, normalizeClassName(className)),
-        ...props
+        className: clsx(Table_module.header, className),
+        ...props,
+        "data-slot": "table-header"
     });
 });
 const Table_TableBody = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -84,9 +83,9 @@ const Table_TableBody = /*#__PURE__*/ forwardRef(function({ asChild, className,
         asChild: asChild,
         "data-scope": "table",
         "data-part": "body",
-        "data-slot": "table-body",
-        className: clsx(Table_module.body, normalizeClassName(className)),
-        ...props
+        className: clsx(Table_module.body, className),
+        ...props,
+        "data-slot": "table-body"
     });
 });
 const Table_TableFooter = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -95,9 +94,9 @@ const Table_TableFooter = /*#__PURE__*/ forwardRef(function({ asChild, className
         asChild: asChild,
         "data-scope": "table",
         "data-part": "footer",
-        "data-slot": "table-footer",
-        className: clsx(Table_module.footer, normalizeClassName(className)),
-        ...props
+        className: clsx(Table_module.footer, className),
+        ...props,
+        "data-slot": "table-footer"
     });
 });
 const Table_TableRow = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -106,9 +105,9 @@ const Table_TableRow = /*#__PURE__*/ forwardRef(function({ asChild, className, .
         asChild: asChild,
         "data-scope": "table",
         "data-part": "row",
-        "data-slot": "table-row",
-        className: clsx(Table_module.row, normalizeClassName(className)),
-        ...props
+        className: clsx(Table_module.row, className),
+        ...props,
+        "data-slot": "table-row"
     });
 });
 const Table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
@@ -118,9 +117,9 @@ const Table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ asChild, cla
         "data-scope": "table",
         "data-part": "column-header",
         "data-numeric": numeric || void 0,
-        "data-slot": "table-column-header",
-        className: clsx(Table_module.columnHeader, numeric && Table_module.numeric, normalizeClassName(className)),
-        ...props
+        className: clsx(Table_module.columnHeader, numeric && Table_module.numeric, className),
+        ...props,
+        "data-slot": "table-column-header"
     });
 });
 const Table_TableCell = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
@@ -130,9 +129,9 @@ const Table_TableCell = /*#__PURE__*/ forwardRef(function({ asChild, className,
         "data-scope": "table",
         "data-part": "cell",
         "data-numeric": numeric || void 0,
-        "data-slot": "table-cell",
-        className: clsx(Table_module.cell, numeric && Table_module.numeric, normalizeClassName(className)),
-        ...props
+        className: clsx(Table_module.cell, numeric && Table_module.numeric, className),
+        ...props,
+        "data-slot": "table-cell"
     });
 });
 const Table_TableEmpty = /*#__PURE__*/ forwardRef(function({ asChild, children = 'No results.', className, colSpan, ...props }, ref) {
@@ -147,10 +146,10 @@ const Table_TableEmpty = /*#__PURE__*/ forwardRef(function({ asChild, children =
             asChild: asChild,
             "data-scope": "table",
             "data-part": "empty",
-            "data-slot": "table-empty",
             colSpan: colSpan,
-            className: clsx(Table_module.cell, Table_module.empty, normalizeClassName(className)),
+            className: clsx(Table_module.cell, Table_module.empty, className),
             ...props,
+            "data-slot": "table-empty",
             children: children
         })
     });

package/dist/components/tabs/Tabs.js

@@ -3,17 +3,16 @@ import { jsx } from "react/jsx-runtime";
 import { Tabs, useTabs, useTabsContext } from "@ark-ui/react/tabs";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Tabs_module from "./Tabs.module.js";
 const Tabs_TabsRoot = /*#__PURE__*/ forwardRef(function({ className, orientation, variant = 'default', ...props }, ref) {
     const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
     return /*#__PURE__*/ jsx(Tabs.Root, {
         ref: ref,
-        "data-slot": "tabs-root",
         "data-variant": resolvedVariant,
-        className: clsx(Tabs_module.root, normalizeClassName(className)),
+        className: clsx(Tabs_module.root, className),
         orientation: orientation,
-        ...props
+        ...props,
+        "data-slot": "tabs-root"
     });
 });
 const Tabs_TabsRootProvider = /*#__PURE__*/ forwardRef(function({ className, value, variant = 'default', ...props }, ref) {
@@ -21,43 +20,43 @@ const Tabs_TabsRootProvider = /*#__PURE__*/ forwardRef(function({ className, val
     const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
     return /*#__PURE__*/ jsx(Tabs.RootProvider, {
         ref: ref,
-        "data-slot": "tabs-root-provider",
         "data-variant": resolvedVariant,
-        className: clsx(Tabs_module.root, normalizeClassName(className)),
+        className: clsx(Tabs_module.root, className),
         value: value,
-        ...props
+        ...props,
+        "data-slot": "tabs-root-provider"
     });
 });
 const Tabs_TabsList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.List, {
         ref: ref,
-        "data-slot": "tabs-list",
-        className: clsx(Tabs_module.list, normalizeClassName(className)),
-        ...props
+        className: clsx(Tabs_module.list, className),
+        ...props,
+        "data-slot": "tabs-list"
     });
 });
 const Tabs_TabsTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.Trigger, {
         ref: ref,
-        "data-slot": "tabs-trigger",
-        className: clsx(Tabs_module.trigger, normalizeClassName(className)),
-        ...props
+        className: clsx(Tabs_module.trigger, className),
+        ...props,
+        "data-slot": "tabs-trigger"
     });
 });
 const Tabs_TabsIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.Indicator, {
         ref: ref,
-        "data-slot": "tabs-indicator",
-        className: clsx(Tabs_module.indicator, normalizeClassName(className)),
-        ...props
+        className: clsx(Tabs_module.indicator, className),
+        ...props,
+        "data-slot": "tabs-indicator"
     });
 });
 const Tabs_TabsContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.Content, {
         ref: ref,
-        "data-slot": "tabs-content",
-        className: clsx(Tabs_module.content, normalizeClassName(className)),
-        ...props
+        className: clsx(Tabs_module.content, className),
+        ...props,
+        "data-slot": "tabs-content"
     });
 });
 const Tabs_Tabs = Object.assign(Tabs_TabsRoot, {