@moduix/react 2.6.0 → 2.7.0

package/dist/components/slider/Slider.js

@@ -7,67 +7,67 @@ 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, 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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...props,
+        "data-slot": "slider-range"
     });
 });
 const Slider_SliderThumb = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.Thumb, {
         ref: ref,
-        "data-slot": "slider-thumb",
         className: clsx(Slider_module.thumb, className),
-        ...props
+        ...props,
+        "data-slot": "slider-thumb"
     });
 });
 function SliderThumbs({ className }) {
@@ -81,25 +81,25 @@ function SliderThumbs({ className }) {
 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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...props,
+        "data-slot": "slider-dragging-indicator"
     });
 });
 const Slider_Slider = Object.assign(Slider_SliderRoot, {

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/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'>;
@@ -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.js").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.js").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,10 +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 { 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) {
@@ -18,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,
@@ -43,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, className),
-        ...props
+        ...props,
+        "data-slot": "split-button-action"
     });
 });
 const SplitButton_SplitButtonTrigger = /*#__PURE__*/ forwardRef(function({ children, className, size, variant, 'aria-label': ariaLabel, ...props }, ref) {
@@ -56,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, className),
         ...props,
+        "data-slot": "split-button-trigger",
         children: /*#__PURE__*/ jsx(Button, {
             size: size ?? context.size,
             variant: variant ?? context.variant,
@@ -68,21 +71,23 @@ 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: 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({ asChild, children, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.Content, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "split-button-content",
-        className: className,
+        className: clsx(Menu_module.content, className),
         ...props,
-        children: asChild ? children : /*#__PURE__*/ jsx(Menu.Viewport, {
+        "data-slot": "split-button-content",
+        children: asChild ? children : /*#__PURE__*/ jsx(index_js_Menu.Viewport, {
             children: children
         })
     });

package/dist/components/splitter/Splitter.js

@@ -10,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, 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, 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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
         ...props,
+        "data-slot": "splitter-resize-trigger",
         children: void 0 !== children || asChild ? children : /*#__PURE__*/ jsx(Splitter_SplitterResizeTriggerIndicator, {})
     });
 });

package/dist/components/steps/Steps.js

@@ -8,99 +8,99 @@ 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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, 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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...props,
+        "data-slot": "steps-progress"
     });
 });
 const Steps_Steps = Object.assign(Steps_StepsRoot, {

package/dist/components/swap/Swap.js

@@ -7,27 +7,27 @@ 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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...props,
+        "data-slot": "swap-indicator"
     });
 });
 const Swap_Swap = Object.assign(Swap_SwapRoot, {

package/dist/components/switch/Switch.js

@@ -7,44 +7,44 @@ import Switch_module from "./Switch.module.js";
 const Switch_SwitchRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.Root, {
         ref: ref,
-        "data-slot": "switch-root",
         "data-size": size,
         className: clsx(Switch_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "switch-root"
     });
 });
 const Switch_SwitchRootProvider = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.RootProvider, {
         ref: ref,
-        "data-slot": "switch-root-provider",
         "data-size": size,
         className: clsx(Switch_module.root, className),
-        ...props
+        ...props,
+        "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, 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, className),
-        ...props
+        ...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, className),
-        ...props
+        ...props,
+        "data-slot": "switch-label"
     });
 });
 const Switch_Switch = Object.assign(Switch_SwitchRoot, {

package/dist/components/table/Table.js

@@ -9,7 +9,6 @@ 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,
@@ -17,7 +16,8 @@ const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className,
         "data-striped": striped || void 0,
         "data-variant": variant,
         className: clsx(Table_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "table-root"
     });
 });
 const Table_TableScrollArea = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -26,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, className),
-        ...props
+        ...props,
+        "data-slot": "table-scroll-area"
     });
 });
 const Table_TableCaption = /*#__PURE__*/ forwardRef(function({ asChild, className, side = 'bottom', ...props }, ref) {
@@ -38,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, className),
-        ...props
+        ...props,
+        "data-slot": "table-caption"
     });
 });
 const Table_TableColumnGroup = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -49,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: className,
-        ...props
+        ...props,
+        "data-slot": "table-column-group"
     });
 });
 const Table_TableColumn = /*#__PURE__*/ forwardRef(function({ asChild, className, htmlWidth, width, ...props }, ref) {
@@ -60,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: className,
-        ...props
+        ...props,
+        "data-slot": "table-column"
     });
 });
 const Table_TableHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -72,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, className),
-        ...props
+        ...props,
+        "data-slot": "table-header"
     });
 });
 const Table_TableBody = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -83,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, className),
-        ...props
+        ...props,
+        "data-slot": "table-body"
     });
 });
 const Table_TableFooter = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -94,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, className),
-        ...props
+        ...props,
+        "data-slot": "table-footer"
     });
 });
 const Table_TableRow = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -105,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, className),
-        ...props
+        ...props,
+        "data-slot": "table-row"
     });
 });
 const Table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
@@ -117,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, className),
-        ...props
+        ...props,
+        "data-slot": "table-column-header"
     });
 });
 const Table_TableCell = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
@@ -129,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, className),
-        ...props
+        ...props,
+        "data-slot": "table-cell"
     });
 });
 const Table_TableEmpty = /*#__PURE__*/ forwardRef(function({ asChild, children = 'No results.', className, colSpan, ...props }, ref) {
@@ -146,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, className),
             ...props,
+            "data-slot": "table-empty",
             children: children
         })
     });