@moduix/solid 1.0.0 → 1.1.0

package/dist/components/splitter/Splitter.jsx

@@ -19,7 +19,7 @@ function SplitterRoot(props) {
         'class',
         'style'
     ]);
-    return <Splitter.Root asChild={local.asChild} data-slot="splitter-root" class={clsx(Splitter_module.root, local.class)} style={getRootStyle(local.style)} {...others}/>;
+    return <Splitter.Root asChild={local.asChild} class={clsx(Splitter_module.root, local.class)} style={getRootStyle(local.style)} {...others} data-slot="splitter-root"/>;
 }
 function SplitterRootProvider(props) {
     const [local, others] = splitProps(props, [
@@ -27,19 +27,19 @@ function SplitterRootProvider(props) {
         'class',
         'style'
     ]);
-    return <Splitter.RootProvider asChild={local.asChild} data-slot="splitter-root-provider" class={clsx(Splitter_module.root, local.class)} style={getRootStyle(local.style)} {...others}/>;
+    return <Splitter.RootProvider asChild={local.asChild} class={clsx(Splitter_module.root, local.class)} style={getRootStyle(local.style)} {...others} data-slot="splitter-root-provider"/>;
 }
 function SplitterPanel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Splitter.Panel data-slot="splitter-panel" class={clsx(Splitter_module.panel, local.class)} {...others}/>;
+    return <Splitter.Panel class={clsx(Splitter_module.panel, local.class)} {...others} data-slot="splitter-panel"/>;
 }
 function SplitterResizeTriggerIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Splitter.ResizeTriggerIndicator data-slot="splitter-resize-trigger-indicator" class={clsx(Splitter_module.resizeTriggerIndicator, local.class)} {...others}/>;
+    return <Splitter.ResizeTriggerIndicator class={clsx(Splitter_module.resizeTriggerIndicator, local.class)} {...others} data-slot="splitter-resize-trigger-indicator"/>;
 }
 function SplitterResizeTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -47,7 +47,7 @@ function SplitterResizeTrigger(props) {
         'children',
         'class'
     ]);
-    return <Splitter.ResizeTrigger asChild={local.asChild} data-slot="splitter-resize-trigger" class={clsx(Splitter_module.resizeTrigger, local.class)} {...others}>
+    return <Splitter.ResizeTrigger asChild={local.asChild} class={clsx(Splitter_module.resizeTrigger, local.class)} {...others} data-slot="splitter-resize-trigger">
       {void 0 === local.children && !local.asChild ? <SplitterResizeTriggerIndicator/> : local.children}
     </Splitter.ResizeTrigger>;
 }

package/dist/components/steps/Steps.js

@@ -9,55 +9,60 @@ function StepsRoot(props) {
         'class'
     ]);
     return createComponent(Steps.Root, mergeProps({
-        "data-slot": "steps-root",
         get ["class"] () {
             return clsx(Steps_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "steps-root"
+    }));
 }
 function StepsRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Steps.RootProvider, mergeProps({
-        "data-slot": "steps-root-provider",
         get ["class"] () {
             return clsx(Steps_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "steps-root-provider"
+    }));
 }
 function StepsList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Steps.List, mergeProps({
-        "data-slot": "steps-list",
         get ["class"] () {
             return clsx(Steps_module.list, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "steps-list"
+    }));
 }
 function StepsItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Steps.Item, mergeProps({
-        "data-slot": "steps-item",
         get ["class"] () {
             return clsx(Steps_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "steps-item"
+    }));
 }
 function StepsTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Steps.Trigger, mergeProps({
-        "data-slot": "steps-trigger",
         get ["class"] () {
             return clsx(Steps_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "steps-trigger"
+    }));
 }
 function StepsIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -67,11 +72,11 @@ function StepsIndicator(props) {
     const resolvedChildren = children(()=>local.children);
     const item = useStepsItemContext();
     return createComponent(Steps.Indicator, mergeProps({
-        "data-slot": "steps-indicator",
         get ["class"] () {
             return clsx(Steps_module.indicator, local.class);
         }
     }, others, {
+        "data-slot": "steps-indicator",
         get children () {
             return resolvedChildren() ?? (item().completed ? createComponent(CheckIcon, {}) : item().index + 1);
         }
@@ -82,66 +87,72 @@ function StepsSeparator(props) {
         'class'
     ]);
     return createComponent(Steps.Separator, mergeProps({
-        "data-slot": "steps-separator",
         get ["class"] () {
             return clsx(Steps_module.separator, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "steps-separator"
+    }));
 }
 function StepsContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Steps.Content, mergeProps({
-        "data-slot": "steps-content",
         get ["class"] () {
             return clsx(Steps_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "steps-content"
+    }));
 }
 function StepsCompletedContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Steps.CompletedContent, mergeProps({
-        "data-slot": "steps-completed-content",
         get ["class"] () {
             return clsx(Steps_module.completedContent, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "steps-completed-content"
+    }));
 }
 function StepsPrevTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Steps.PrevTrigger, mergeProps({
-        "data-slot": "steps-prev-trigger",
         get ["class"] () {
             return clsx(Steps_module.prevTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "steps-prev-trigger"
+    }));
 }
 function StepsNextTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Steps.NextTrigger, mergeProps({
-        "data-slot": "steps-next-trigger",
         get ["class"] () {
             return clsx(Steps_module.nextTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "steps-next-trigger"
+    }));
 }
 function StepsProgress(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Steps.Progress, mergeProps({
-        "data-slot": "steps-progress",
         get ["class"] () {
             return clsx(Steps_module.progress, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "steps-progress"
+    }));
 }
 const Steps_Steps = Object.assign(StepsRoot, {
     Root: StepsRoot,

package/dist/components/steps/Steps.jsx

@@ -7,31 +7,31 @@ function StepsRoot(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Steps.Root data-slot="steps-root" class={clsx(Steps_module.root, local.class)} {...others}/>;
+    return <Steps.Root class={clsx(Steps_module.root, local.class)} {...others} data-slot="steps-root"/>;
 }
 function StepsRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Steps.RootProvider data-slot="steps-root-provider" class={clsx(Steps_module.root, local.class)} {...others}/>;
+    return <Steps.RootProvider class={clsx(Steps_module.root, local.class)} {...others} data-slot="steps-root-provider"/>;
 }
 function StepsList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Steps.List data-slot="steps-list" class={clsx(Steps_module.list, local.class)} {...others}/>;
+    return <Steps.List class={clsx(Steps_module.list, local.class)} {...others} data-slot="steps-list"/>;
 }
 function StepsItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Steps.Item data-slot="steps-item" class={clsx(Steps_module.item, local.class)} {...others}/>;
+    return <Steps.Item class={clsx(Steps_module.item, local.class)} {...others} data-slot="steps-item"/>;
 }
 function StepsTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Steps.Trigger data-slot="steps-trigger" class={clsx(Steps_module.trigger, local.class)} {...others}/>;
+    return <Steps.Trigger class={clsx(Steps_module.trigger, local.class)} {...others} data-slot="steps-trigger"/>;
 }
 function StepsIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -40,7 +40,7 @@ function StepsIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     const item = useStepsItemContext();
-    return <Steps.Indicator data-slot="steps-indicator" class={clsx(Steps_module.indicator, local.class)} {...others}>
+    return <Steps.Indicator class={clsx(Steps_module.indicator, local.class)} {...others} data-slot="steps-indicator">
       {resolvedChildren() ?? (item().completed ? <CheckIcon/> : item().index + 1)}
     </Steps.Indicator>;
 }
@@ -48,37 +48,37 @@ function StepsSeparator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Steps.Separator data-slot="steps-separator" class={clsx(Steps_module.separator, local.class)} {...others}/>;
+    return <Steps.Separator class={clsx(Steps_module.separator, local.class)} {...others} data-slot="steps-separator"/>;
 }
 function StepsContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Steps.Content data-slot="steps-content" class={clsx(Steps_module.content, local.class)} {...others}/>;
+    return <Steps.Content class={clsx(Steps_module.content, local.class)} {...others} data-slot="steps-content"/>;
 }
 function StepsCompletedContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Steps.CompletedContent data-slot="steps-completed-content" class={clsx(Steps_module.completedContent, local.class)} {...others}/>;
+    return <Steps.CompletedContent class={clsx(Steps_module.completedContent, local.class)} {...others} data-slot="steps-completed-content"/>;
 }
 function StepsPrevTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Steps.PrevTrigger data-slot="steps-prev-trigger" class={clsx(Steps_module.prevTrigger, local.class)} {...others}/>;
+    return <Steps.PrevTrigger class={clsx(Steps_module.prevTrigger, local.class)} {...others} data-slot="steps-prev-trigger"/>;
 }
 function StepsNextTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Steps.NextTrigger data-slot="steps-next-trigger" class={clsx(Steps_module.nextTrigger, local.class)} {...others}/>;
+    return <Steps.NextTrigger class={clsx(Steps_module.nextTrigger, local.class)} {...others} data-slot="steps-next-trigger"/>;
 }
 function StepsProgress(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Steps.Progress data-slot="steps-progress" class={clsx(Steps_module.progress, local.class)} {...others}/>;
+    return <Steps.Progress class={clsx(Steps_module.progress, local.class)} {...others} data-slot="steps-progress"/>;
 }
 const Steps_Steps = Object.assign(StepsRoot, {
     Root: StepsRoot,

package/dist/components/swap/Swap.js

@@ -9,14 +9,15 @@ function SwapRoot(props) {
         'class'
     ]);
     return createComponent(Swap.Root, mergeProps({
-        "data-slot": "swap-root",
         get ["data-animation"] () {
             return local.animation ?? 'scale';
         },
         get ["class"] () {
             return clsx(Swap_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "swap-root"
+    }));
 }
 function SwapRootProvider(props) {
     const [local, others] = splitProps(props, [
@@ -24,25 +25,27 @@ function SwapRootProvider(props) {
         'class'
     ]);
     return createComponent(Swap.RootProvider, mergeProps({
-        "data-slot": "swap-root-provider",
         get ["data-animation"] () {
             return local.animation ?? 'scale';
         },
         get ["class"] () {
             return clsx(Swap_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "swap-root-provider"
+    }));
 }
 function SwapIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Swap.Indicator, mergeProps({
-        "data-slot": "swap-indicator",
         get ["class"] () {
             return clsx(Swap_module.indicator, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "swap-indicator"
+    }));
 }
 const Swap_Swap = Object.assign(SwapRoot, {
     Root: SwapRoot,

package/dist/components/swap/Swap.jsx

@@ -7,20 +7,20 @@ function SwapRoot(props) {
         'animation',
         'class'
     ]);
-    return <Swap.Root data-slot="swap-root" data-animation={local.animation ?? 'scale'} class={clsx(Swap_module.root, local.class)} {...others}/>;
+    return <Swap.Root data-animation={local.animation ?? 'scale'} class={clsx(Swap_module.root, local.class)} {...others} data-slot="swap-root"/>;
 }
 function SwapRootProvider(props) {
     const [local, others] = splitProps(props, [
         'animation',
         'class'
     ]);
-    return <Swap.RootProvider data-slot="swap-root-provider" data-animation={local.animation ?? 'scale'} class={clsx(Swap_module.root, local.class)} {...others}/>;
+    return <Swap.RootProvider data-animation={local.animation ?? 'scale'} class={clsx(Swap_module.root, local.class)} {...others} data-slot="swap-root-provider"/>;
 }
 function SwapIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Swap.Indicator data-slot="swap-indicator" class={clsx(Swap_module.indicator, local.class)} {...others}/>;
+    return <Swap.Indicator class={clsx(Swap_module.indicator, local.class)} {...others} data-slot="swap-indicator"/>;
 }
 const Swap_Swap = Object.assign(SwapRoot, {
     Root: SwapRoot,

package/dist/components/switch/Switch.js

@@ -14,7 +14,6 @@ function SwitchRoot(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "switch-root",
         get ["data-size"] () {
             return local.size ?? 'md';
         },
@@ -22,6 +21,7 @@ function SwitchRoot(props) {
             return clsx(Switch_module.root, local.class);
         }
     }, others, {
+        "data-slot": "switch-root",
         get children () {
             return local.children;
         }
@@ -38,7 +38,6 @@ function SwitchRootProvider(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "switch-root-provider",
         get ["data-size"] () {
             return local.size ?? 'md';
         },
@@ -46,6 +45,7 @@ function SwitchRootProvider(props) {
             return clsx(Switch_module.root, local.class);
         }
     }, others, {
+        "data-slot": "switch-root-provider",
         get children () {
             return local.children;
         }
@@ -58,11 +58,11 @@ function SwitchControl(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Switch.Control, mergeProps({
-        "data-slot": "switch-control",
         get ["class"] () {
             return clsx(Switch_module.control, local.class);
         }
     }, others, {
+        "data-slot": "switch-control",
         get children () {
             return resolvedChildren() ?? createComponent(SwitchThumb, {});
         }
@@ -73,22 +73,24 @@ function SwitchThumb(props) {
         'class'
     ]);
     return createComponent(Switch.Thumb, mergeProps({
-        "data-slot": "switch-thumb",
         get ["class"] () {
             return clsx(Switch_module.thumb, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "switch-thumb"
+    }));
 }
 function SwitchLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Switch.Label, mergeProps({
-        "data-slot": "switch-label",
         get ["class"] () {
             return clsx(Switch_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "switch-label"
+    }));
 }
 const Switch_Switch = Object.assign(SwitchRoot, {
     Root: SwitchRoot,

package/dist/components/switch/Switch.jsx

@@ -9,7 +9,7 @@ function SwitchRoot(props) {
         'class',
         'size'
     ]);
-    return <Switch.Root asChild={local.asChild} data-slot="switch-root" data-size={local.size ?? 'md'} class={clsx(Switch_module.root, local.class)} {...others}>
+    return <Switch.Root asChild={local.asChild} data-size={local.size ?? 'md'} class={clsx(Switch_module.root, local.class)} {...others} data-slot="switch-root">
       {local.children}
     </Switch.Root>;
 }
@@ -20,7 +20,7 @@ function SwitchRootProvider(props) {
         'class',
         'size'
     ]);
-    return <Switch.RootProvider asChild={local.asChild} data-slot="switch-root-provider" data-size={local.size ?? 'md'} class={clsx(Switch_module.root, local.class)} {...others}>
+    return <Switch.RootProvider asChild={local.asChild} data-size={local.size ?? 'md'} class={clsx(Switch_module.root, local.class)} {...others} data-slot="switch-root-provider">
       {local.children}
     </Switch.RootProvider>;
 }
@@ -30,7 +30,7 @@ function SwitchControl(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Switch.Control data-slot="switch-control" class={clsx(Switch_module.control, local.class)} {...others}>
+    return <Switch.Control class={clsx(Switch_module.control, local.class)} {...others} data-slot="switch-control">
       {resolvedChildren() ?? <SwitchThumb/>}
     </Switch.Control>;
 }
@@ -38,13 +38,13 @@ function SwitchThumb(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Switch.Thumb data-slot="switch-thumb" class={clsx(Switch_module.thumb, local.class)} {...others}/>;
+    return <Switch.Thumb class={clsx(Switch_module.thumb, local.class)} {...others} data-slot="switch-thumb"/>;
 }
 function SwitchLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Switch.Label data-slot="switch-label" class={clsx(Switch_module.label, local.class)} {...others}/>;
+    return <Switch.Label class={clsx(Switch_module.label, local.class)} {...others} data-slot="switch-label"/>;
 }
 const Switch_Switch = Object.assign(SwitchRoot, {
     Root: SwitchRoot,

package/dist/components/tabs/Tabs.js

@@ -10,7 +10,6 @@ function TabsRoot(props) {
         'variant'
     ]);
     return createComponent(Tabs.Root, mergeProps({
-        "data-slot": "tabs-root",
         get ["data-variant"] () {
             return memo(()=>'vertical' === local.orientation)() ? 'default' : local.variant ?? 'default';
         },
@@ -20,7 +19,9 @@ function TabsRoot(props) {
         get orientation () {
             return local.orientation;
         }
-    }, others));
+    }, others, {
+        "data-slot": "tabs-root"
+    }));
 }
 function TabsRootProvider(props) {
     const [local, others] = splitProps(props, [
@@ -30,7 +31,6 @@ function TabsRootProvider(props) {
     ]);
     const orientation = ()=>local.value().getRootProps()['data-orientation'];
     return createComponent(Tabs.RootProvider, mergeProps({
-        "data-slot": "tabs-root-provider",
         get ["data-variant"] () {
             return memo(()=>'vertical' === orientation())() ? 'default' : local.variant ?? 'default';
         },
@@ -40,51 +40,57 @@ function TabsRootProvider(props) {
         get value () {
             return local.value;
         }
-    }, others));
+    }, others, {
+        "data-slot": "tabs-root-provider"
+    }));
 }
 function TabsList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Tabs.List, mergeProps({
-        "data-slot": "tabs-list",
         get ["class"] () {
             return clsx(Tabs_module.list, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tabs-list"
+    }));
 }
 function TabsTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Tabs.Trigger, mergeProps({
-        "data-slot": "tabs-trigger",
         get ["class"] () {
             return clsx(Tabs_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tabs-trigger"
+    }));
 }
 function TabsIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Tabs.Indicator, mergeProps({
-        "data-slot": "tabs-indicator",
         get ["class"] () {
             return clsx(Tabs_module.indicator, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tabs-indicator"
+    }));
 }
 function TabsContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Tabs.Content, mergeProps({
-        "data-slot": "tabs-content",
         get ["class"] () {
             return clsx(Tabs_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tabs-content"
+    }));
 }
 const Tabs_Tabs = Object.assign(TabsRoot, {
     Root: TabsRoot,

package/dist/components/tabs/Tabs.jsx

@@ -8,7 +8,7 @@ function TabsRoot(props) {
         'orientation',
         'variant'
     ]);
-    return <Tabs.Root data-slot="tabs-root" data-variant={'vertical' === local.orientation ? 'default' : local.variant ?? 'default'} class={clsx(Tabs_module.root, local.class)} orientation={local.orientation} {...others}/>;
+    return <Tabs.Root data-variant={'vertical' === local.orientation ? 'default' : local.variant ?? 'default'} class={clsx(Tabs_module.root, local.class)} orientation={local.orientation} {...others} data-slot="tabs-root"/>;
 }
 function TabsRootProvider(props) {
     const [local, others] = splitProps(props, [
@@ -17,31 +17,31 @@ function TabsRootProvider(props) {
         'variant'
     ]);
     const orientation = ()=>local.value().getRootProps()['data-orientation'];
-    return <Tabs.RootProvider data-slot="tabs-root-provider" data-variant={'vertical' === orientation() ? 'default' : local.variant ?? 'default'} class={clsx(Tabs_module.root, local.class)} value={local.value} {...others}/>;
+    return <Tabs.RootProvider data-variant={'vertical' === orientation() ? 'default' : local.variant ?? 'default'} class={clsx(Tabs_module.root, local.class)} value={local.value} {...others} data-slot="tabs-root-provider"/>;
 }
 function TabsList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tabs.List data-slot="tabs-list" class={clsx(Tabs_module.list, local.class)} {...others}/>;
+    return <Tabs.List class={clsx(Tabs_module.list, local.class)} {...others} data-slot="tabs-list"/>;
 }
 function TabsTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tabs.Trigger data-slot="tabs-trigger" class={clsx(Tabs_module.trigger, local.class)} {...others}/>;
+    return <Tabs.Trigger class={clsx(Tabs_module.trigger, local.class)} {...others} data-slot="tabs-trigger"/>;
 }
 function TabsIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tabs.Indicator data-slot="tabs-indicator" class={clsx(Tabs_module.indicator, local.class)} {...others}/>;
+    return <Tabs.Indicator class={clsx(Tabs_module.indicator, local.class)} {...others} data-slot="tabs-indicator"/>;
 }
 function TabsContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tabs.Content data-slot="tabs-content" class={clsx(Tabs_module.content, local.class)} {...others}/>;
+    return <Tabs.Content class={clsx(Tabs_module.content, local.class)} {...others} data-slot="tabs-content"/>;
 }
 const Tabs_Tabs = Object.assign(TabsRoot, {
     Root: TabsRoot,