@moduix/solid 1.0.0 → 1.1.1

package/dist/components/popover/Popover.jsx

@@ -40,34 +40,34 @@ function PopoverAnchor(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Popover.Anchor data-slot="popover-anchor" class={local.class} {...others}/>;
+    return <Popover.Anchor class={local.class} {...others} data-slot="popover-anchor"/>;
 }
 function PopoverTrigger(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <Popover.Trigger asChild={local.asChild} data-slot="popover-trigger" class={clsx(!local.asChild && Popover_module.trigger, local.class)} {...others}/>;
+    return <Popover.Trigger asChild={local.asChild} class={clsx(!local.asChild && Popover_module.trigger, local.class)} {...others} data-slot="popover-trigger"/>;
 }
 function PopoverIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Popover.Indicator data-slot="popover-indicator" class={local.class} {...others}/>;
+    return <Popover.Indicator class={local.class} {...others} data-slot="popover-indicator"/>;
 }
 function PopoverPositioner(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return <OverlayPortal>
-      <Popover.Positioner data-slot="popover-positioner" class={clsx(Popover_module.positioner, local.class)} {...others}/>
+      <Popover.Positioner class={clsx(Popover_module.positioner, local.class)} {...others} data-slot="popover-positioner"/>
     </OverlayPortal>;
 }
 function PopoverContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Popover.Content data-slot="popover-content" class={clsx(Popover_module.content, local.class)} {...others}/>;
+    return <Popover.Content class={clsx(Popover_module.content, local.class)} {...others} data-slot="popover-content"/>;
 }
 function PopoverArrow(props) {
     const [local, others] = splitProps(props, [
@@ -75,7 +75,7 @@ function PopoverArrow(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Popover.Arrow data-slot="popover-arrow" class={clsx(Popover_module.arrow, local.class)} {...others}>
+    return <Popover.Arrow class={clsx(Popover_module.arrow, local.class)} {...others} data-slot="popover-arrow">
       {resolvedChildren() ?? <PopoverArrowTip/>}
     </Popover.Arrow>;
 }
@@ -83,26 +83,26 @@ function PopoverArrowTip(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Popover.ArrowTip data-slot="popover-arrow-tip" class={clsx(Popover_module.arrowTip, local.class)} {...others}/>;
+    return <Popover.ArrowTip class={clsx(Popover_module.arrowTip, local.class)} {...others} data-slot="popover-arrow-tip"/>;
 }
 function PopoverTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Popover.Title data-slot="popover-title" class={clsx(Popover_module.title, local.class)} {...others}/>;
+    return <Popover.Title class={clsx(Popover_module.title, local.class)} {...others} data-slot="popover-title"/>;
 }
 function PopoverDescription(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Popover.Description data-slot="popover-description" class={clsx(Popover_module.description, local.class)} {...others}/>;
+    return <Popover.Description class={clsx(Popover_module.description, local.class)} {...others} data-slot="popover-description"/>;
 }
 function PopoverCloseTrigger(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <Popover.CloseTrigger asChild={local.asChild} data-slot="popover-close-trigger" class={clsx(!local.asChild && Popover_module.closeTrigger, local.class)} {...others}/>;
+    return <Popover.CloseTrigger asChild={local.asChild} class={clsx(!local.asChild && Popover_module.closeTrigger, local.class)} {...others} data-slot="popover-close-trigger"/>;
 }
 function PopoverCloseIcon(props) {
     const [local, others] = splitProps(props, [
@@ -120,19 +120,19 @@ function PopoverHeader(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="popover-header" class={clsx(Popover_module.header, local.class)} {...others}/>;
+    return <ark.div class={clsx(Popover_module.header, local.class)} {...others} data-slot="popover-header"/>;
 }
 function PopoverBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="popover-body" class={clsx(Popover_module.body, local.class)} {...others}/>;
+    return <ark.div class={clsx(Popover_module.body, local.class)} {...others} data-slot="popover-body"/>;
 }
 function PopoverFooter(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="popover-footer" class={clsx(Popover_module.footer, local.class)} {...others}/>;
+    return <ark.div class={clsx(Popover_module.footer, local.class)} {...others} data-slot="popover-footer"/>;
 }
 const Popover_Popover = Object.assign(PopoverRoot, {
     Root: PopoverRoot,

package/dist/components/progress-circular/ProgressCircular.js

@@ -13,11 +13,11 @@ function ProgressCircularRoot(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "progress-circular-root",
         get ["class"] () {
             return clsx(ProgressCircular_module.root, local.class);
         }
     }, others, {
+        "data-slot": "progress-circular-root",
         get children () {
             return local.children;
         }
@@ -33,11 +33,11 @@ function ProgressCircularRootProvider(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "progress-circular-root-provider",
         get ["class"] () {
             return clsx(ProgressCircular_module.root, local.class);
         }
     }, others, {
+        "data-slot": "progress-circular-root-provider",
         get children () {
             return local.children;
         }
@@ -52,11 +52,12 @@ function ProgressCircularLabel(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "progress-circular-label",
         get ["class"] () {
             return clsx(ProgressCircular_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-circular-label"
+    }));
 }
 function ProgressCircularValueText(props) {
     const [local, others] = splitProps(props, [
@@ -67,11 +68,12 @@ function ProgressCircularValueText(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "progress-circular-value-text",
         get ["class"] () {
             return clsx(ProgressCircular_module.valueText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-circular-value-text"
+    }));
 }
 function ProgressCircularCircle(props) {
     const [local, others] = splitProps(props, [
@@ -83,11 +85,11 @@ function ProgressCircularCircle(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "progress-circular-circle",
         get ["class"] () {
             return clsx(ProgressCircular_module.circle, local.class);
         }
     }, others, {
+        "data-slot": "progress-circular-circle",
         get children () {
             return local.children;
         }
@@ -102,11 +104,12 @@ function ProgressCircularCircleTrack(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "progress-circular-circle-track",
         get ["class"] () {
             return clsx(ProgressCircular_module.circleTrack, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-circular-circle-track"
+    }));
 }
 function ProgressCircularCircleRange(props) {
     const [local, others] = splitProps(props, [
@@ -117,11 +120,12 @@ function ProgressCircularCircleRange(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "progress-circular-circle-range",
         get ["class"] () {
             return clsx(ProgressCircular_module.circleRange, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-circular-circle-range"
+    }));
 }
 function ProgressCircularRing(props) {
     return createComponent(ProgressCircularCircle, mergeProps(props, {
@@ -142,11 +146,12 @@ function ProgressCircularView(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "progress-circular-view",
         get ["class"] () {
             return clsx(ProgressCircular_module.view, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-circular-view"
+    }));
 }
 const ProgressCircular = Object.assign(ProgressCircularRoot, {
     Root: ProgressCircularRoot,

package/dist/components/progress-circular/ProgressCircular.jsx

@@ -8,7 +8,7 @@ function ProgressCircularRoot(props) {
         'children',
         'class'
     ]);
-    return <Progress.Root asChild={local.asChild} data-slot="progress-circular-root" class={clsx(ProgressCircular_module.root, local.class)} {...others}>
+    return <Progress.Root asChild={local.asChild} class={clsx(ProgressCircular_module.root, local.class)} {...others} data-slot="progress-circular-root">
       {local.children}
     </Progress.Root>;
 }
@@ -18,7 +18,7 @@ function ProgressCircularRootProvider(props) {
         'children',
         'class'
     ]);
-    return <Progress.RootProvider asChild={local.asChild} data-slot="progress-circular-root-provider" class={clsx(ProgressCircular_module.root, local.class)} {...others}>
+    return <Progress.RootProvider asChild={local.asChild} class={clsx(ProgressCircular_module.root, local.class)} {...others} data-slot="progress-circular-root-provider">
       {local.children}
     </Progress.RootProvider>;
 }
@@ -27,14 +27,14 @@ function ProgressCircularLabel(props) {
         'asChild',
         'class'
     ]);
-    return <Progress.Label asChild={local.asChild} data-slot="progress-circular-label" class={clsx(ProgressCircular_module.label, local.class)} {...others}/>;
+    return <Progress.Label asChild={local.asChild} class={clsx(ProgressCircular_module.label, local.class)} {...others} data-slot="progress-circular-label"/>;
 }
 function ProgressCircularValueText(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <Progress.ValueText asChild={local.asChild} data-slot="progress-circular-value-text" class={clsx(ProgressCircular_module.valueText, local.class)} {...others}/>;
+    return <Progress.ValueText asChild={local.asChild} class={clsx(ProgressCircular_module.valueText, local.class)} {...others} data-slot="progress-circular-value-text"/>;
 }
 function ProgressCircularCircle(props) {
     const [local, others] = splitProps(props, [
@@ -42,7 +42,7 @@ function ProgressCircularCircle(props) {
         'children',
         'class'
     ]);
-    return <Progress.Circle asChild={local.asChild} data-slot="progress-circular-circle" class={clsx(ProgressCircular_module.circle, local.class)} {...others}>
+    return <Progress.Circle asChild={local.asChild} class={clsx(ProgressCircular_module.circle, local.class)} {...others} data-slot="progress-circular-circle">
       {local.children}
     </Progress.Circle>;
 }
@@ -51,14 +51,14 @@ function ProgressCircularCircleTrack(props) {
         'asChild',
         'class'
     ]);
-    return <Progress.CircleTrack asChild={local.asChild} data-slot="progress-circular-circle-track" class={clsx(ProgressCircular_module.circleTrack, local.class)} {...others}/>;
+    return <Progress.CircleTrack asChild={local.asChild} class={clsx(ProgressCircular_module.circleTrack, local.class)} {...others} data-slot="progress-circular-circle-track"/>;
 }
 function ProgressCircularCircleRange(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <Progress.CircleRange asChild={local.asChild} data-slot="progress-circular-circle-range" class={clsx(ProgressCircular_module.circleRange, local.class)} {...others}/>;
+    return <Progress.CircleRange asChild={local.asChild} class={clsx(ProgressCircular_module.circleRange, local.class)} {...others} data-slot="progress-circular-circle-range"/>;
 }
 function ProgressCircularRing(props) {
     return <ProgressCircularCircle {...props}>
@@ -71,7 +71,7 @@ function ProgressCircularView(props) {
         'asChild',
         'class'
     ]);
-    return <Progress.View asChild={local.asChild} data-slot="progress-circular-view" class={clsx(ProgressCircular_module.view, local.class)} {...others}/>;
+    return <Progress.View asChild={local.asChild} class={clsx(ProgressCircular_module.view, local.class)} {...others} data-slot="progress-circular-view"/>;
 }
 const ProgressCircular = Object.assign(ProgressCircularRoot, {
     Root: ProgressCircularRoot,

package/dist/components/progress-linear/ProgressLinear.js

@@ -8,77 +8,84 @@ function ProgressLinearRoot(props) {
         'class'
     ]);
     return createComponent(Progress.Root, mergeProps({
-        "data-slot": "progress-linear-root",
         get ["class"] () {
             return clsx(ProgressLinear_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-linear-root"
+    }));
 }
 function ProgressLinearRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Progress.RootProvider, mergeProps({
-        "data-slot": "progress-linear-root-provider",
         get ["class"] () {
             return clsx(ProgressLinear_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-linear-root-provider"
+    }));
 }
 function ProgressLinearLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Progress.Label, mergeProps({
-        "data-slot": "progress-linear-label",
         get ["class"] () {
             return clsx(ProgressLinear_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-linear-label"
+    }));
 }
 function ProgressLinearValueText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Progress.ValueText, mergeProps({
-        "data-slot": "progress-linear-value-text",
         get ["class"] () {
             return clsx(ProgressLinear_module.valueText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-linear-value-text"
+    }));
 }
 function ProgressLinearTrack(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Progress.Track, mergeProps({
-        "data-slot": "progress-linear-track",
         get ["class"] () {
             return clsx(ProgressLinear_module.track, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-linear-track"
+    }));
 }
 function ProgressLinearRange(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Progress.Range, mergeProps({
-        "data-slot": "progress-linear-range",
         get ["class"] () {
             return clsx(ProgressLinear_module.range, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-linear-range"
+    }));
 }
 function ProgressLinearView(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Progress.View, mergeProps({
-        "data-slot": "progress-linear-view",
         get ["class"] () {
             return clsx(ProgressLinear_module.view, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "progress-linear-view"
+    }));
 }
 const ProgressLinear = Object.assign(ProgressLinearRoot, {
     Root: ProgressLinearRoot,

package/dist/components/progress-linear/ProgressLinear.jsx

@@ -6,43 +6,43 @@ function ProgressLinearRoot(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Progress.Root data-slot="progress-linear-root" class={clsx(ProgressLinear_module.root, local.class)} {...others}/>;
+    return <Progress.Root class={clsx(ProgressLinear_module.root, local.class)} {...others} data-slot="progress-linear-root"/>;
 }
 function ProgressLinearRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Progress.RootProvider data-slot="progress-linear-root-provider" class={clsx(ProgressLinear_module.root, local.class)} {...others}/>;
+    return <Progress.RootProvider class={clsx(ProgressLinear_module.root, local.class)} {...others} data-slot="progress-linear-root-provider"/>;
 }
 function ProgressLinearLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Progress.Label data-slot="progress-linear-label" class={clsx(ProgressLinear_module.label, local.class)} {...others}/>;
+    return <Progress.Label class={clsx(ProgressLinear_module.label, local.class)} {...others} data-slot="progress-linear-label"/>;
 }
 function ProgressLinearValueText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Progress.ValueText data-slot="progress-linear-value-text" class={clsx(ProgressLinear_module.valueText, local.class)} {...others}/>;
+    return <Progress.ValueText class={clsx(ProgressLinear_module.valueText, local.class)} {...others} data-slot="progress-linear-value-text"/>;
 }
 function ProgressLinearTrack(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Progress.Track data-slot="progress-linear-track" class={clsx(ProgressLinear_module.track, local.class)} {...others}/>;
+    return <Progress.Track class={clsx(ProgressLinear_module.track, local.class)} {...others} data-slot="progress-linear-track"/>;
 }
 function ProgressLinearRange(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Progress.Range data-slot="progress-linear-range" class={clsx(ProgressLinear_module.range, local.class)} {...others}/>;
+    return <Progress.Range class={clsx(ProgressLinear_module.range, local.class)} {...others} data-slot="progress-linear-range"/>;
 }
 function ProgressLinearView(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Progress.View data-slot="progress-linear-view" class={clsx(ProgressLinear_module.view, local.class)} {...others}/>;
+    return <Progress.View class={clsx(ProgressLinear_module.view, local.class)} {...others} data-slot="progress-linear-view"/>;
 }
 const ProgressLinear = Object.assign(ProgressLinearRoot, {
     Root: ProgressLinearRoot,

package/dist/components/qr-code/QrCode.js

@@ -13,11 +13,11 @@ function QrCodeRoot(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "qr-code-root",
         get ["class"] () {
             return clsx(QrCode_module.root, local.class);
         }
     }, others, {
+        "data-slot": "qr-code-root",
         get children () {
             return local.children;
         }
@@ -33,11 +33,11 @@ function QrCodeRootProvider(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "qr-code-root-provider",
         get ["class"] () {
             return clsx(QrCode_module.root, local.class);
         }
     }, others, {
+        "data-slot": "qr-code-root-provider",
         get children () {
             return local.children;
         }
@@ -53,11 +53,11 @@ function QrCodeFrame(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "qr-code-frame",
         get ["class"] () {
             return clsx(QrCode_module.frame, local.class);
         }
     }, others, {
+        "data-slot": "qr-code-frame",
         get children () {
             return local.children;
         }
@@ -72,11 +72,12 @@ function QrCodePattern(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "qr-code-pattern",
         get ["class"] () {
             return clsx(QrCode_module.pattern, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "qr-code-pattern"
+    }));
 }
 function QrCodeOverlay(props) {
     const [local, others] = splitProps(props, [
@@ -88,11 +89,11 @@ function QrCodeOverlay(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "qr-code-overlay",
         get ["class"] () {
             return clsx(QrCode_module.overlay, local.class);
         }
     }, others, {
+        "data-slot": "qr-code-overlay",
         get children () {
             return local.children;
         }
@@ -108,11 +109,11 @@ function QrCodeDownloadTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "qr-code-download-trigger",
         get ["class"] () {
             return clsx(QrCode_module.downloadTrigger, local.class);
         }
     }, others, {
+        "data-slot": "qr-code-download-trigger",
         get children () {
             return local.children;
         }

package/dist/components/qr-code/QrCode.jsx

@@ -8,7 +8,7 @@ function QrCodeRoot(props) {
         'children',
         'class'
     ]);
-    return <QrCode.Root asChild={local.asChild} data-slot="qr-code-root" class={clsx(QrCode_module.root, local.class)} {...others}>
+    return <QrCode.Root asChild={local.asChild} class={clsx(QrCode_module.root, local.class)} {...others} data-slot="qr-code-root">
       {local.children}
     </QrCode.Root>;
 }
@@ -18,7 +18,7 @@ function QrCodeRootProvider(props) {
         'children',
         'class'
     ]);
-    return <QrCode.RootProvider asChild={local.asChild} data-slot="qr-code-root-provider" class={clsx(QrCode_module.root, local.class)} {...others}>
+    return <QrCode.RootProvider asChild={local.asChild} class={clsx(QrCode_module.root, local.class)} {...others} data-slot="qr-code-root-provider">
       {local.children}
     </QrCode.RootProvider>;
 }
@@ -28,7 +28,7 @@ function QrCodeFrame(props) {
         'children',
         'class'
     ]);
-    return <QrCode.Frame asChild={local.asChild} data-slot="qr-code-frame" class={clsx(QrCode_module.frame, local.class)} {...others}>
+    return <QrCode.Frame asChild={local.asChild} class={clsx(QrCode_module.frame, local.class)} {...others} data-slot="qr-code-frame">
       {local.children}
     </QrCode.Frame>;
 }
@@ -37,7 +37,7 @@ function QrCodePattern(props) {
         'asChild',
         'class'
     ]);
-    return <QrCode.Pattern asChild={local.asChild} data-slot="qr-code-pattern" class={clsx(QrCode_module.pattern, local.class)} {...others}/>;
+    return <QrCode.Pattern asChild={local.asChild} class={clsx(QrCode_module.pattern, local.class)} {...others} data-slot="qr-code-pattern"/>;
 }
 function QrCodeOverlay(props) {
     const [local, others] = splitProps(props, [
@@ -45,7 +45,7 @@ function QrCodeOverlay(props) {
         'children',
         'class'
     ]);
-    return <QrCode.Overlay asChild={local.asChild} data-slot="qr-code-overlay" class={clsx(QrCode_module.overlay, local.class)} {...others}>
+    return <QrCode.Overlay asChild={local.asChild} class={clsx(QrCode_module.overlay, local.class)} {...others} data-slot="qr-code-overlay">
       {local.children}
     </QrCode.Overlay>;
 }
@@ -55,7 +55,7 @@ function QrCodeDownloadTrigger(props) {
         'children',
         'class'
     ]);
-    return <QrCode.DownloadTrigger asChild={local.asChild} data-slot="qr-code-download-trigger" class={clsx(QrCode_module.downloadTrigger, local.class)} {...others}>
+    return <QrCode.DownloadTrigger asChild={local.asChild} class={clsx(QrCode_module.downloadTrigger, local.class)} {...others} data-slot="qr-code-download-trigger">
       {local.children}
     </QrCode.DownloadTrigger>;
 }

package/dist/components/rating-group/RatingGroup.js

@@ -4,7 +4,7 @@ import { clsx } from "clsx";
 import { For, children, splitProps } from "solid-js";
 import { RatingStarIcon } from "../../internal/icons/ui/Icons.js";
 import RatingGroup_module from "./RatingGroup.module.js";
-var _tmpl$ = /*#__PURE__*/ template("<span data-slot=rating-group-item-indicator>");
+var _tmpl$ = /*#__PURE__*/ template("<span>");
 function RatingGroupRoot(props) {
     const [local, others] = splitProps(props, [
         'asChild',
@@ -16,7 +16,6 @@ function RatingGroupRoot(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "rating-group-root",
         get ["data-size"] () {
             return local.size ?? 'md';
         },
@@ -24,6 +23,7 @@ function RatingGroupRoot(props) {
             return clsx(RatingGroup_module.root, local.class);
         }
     }, others, {
+        "data-slot": "rating-group-root",
         get children () {
             return local.children;
         }
@@ -40,7 +40,6 @@ function RatingGroupRootProvider(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "rating-group-root-provider",
         get ["data-size"] () {
             return local.size ?? 'md';
         },
@@ -48,6 +47,7 @@ function RatingGroupRootProvider(props) {
             return clsx(RatingGroup_module.root, local.class);
         }
     }, others, {
+        "data-slot": "rating-group-root-provider",
         get children () {
             return local.children;
         }
@@ -58,33 +58,36 @@ function RatingGroupLabel(props) {
         'class'
     ]);
     return createComponent(RatingGroup.Label, mergeProps({
-        "data-slot": "rating-group-label",
         get ["class"] () {
             return clsx(RatingGroup_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "rating-group-label"
+    }));
 }
 function RatingGroupControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(RatingGroup.Control, mergeProps({
-        "data-slot": "rating-group-control",
         get ["class"] () {
             return clsx(RatingGroup_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "rating-group-control"
+    }));
 }
 function RatingGroupItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(RatingGroup.Item, mergeProps({
-        "data-slot": "rating-group-item",
         get ["class"] () {
             return clsx(RatingGroup_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "rating-group-item"
+    }));
 }
 function RatingGroupItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -105,7 +108,9 @@ function RatingGroupItemIndicator(props) {
             get ["class"] () {
                 return clsx(RatingGroup_module.itemIndicator, local.class);
             }
-        }, others), false, true);
+        }, others, {
+            "data-slot": "rating-group-item-indicator"
+        }), false, true);
         insert(_el$, ()=>resolvedChildren() ?? [
                 createComponent(RatingStarIcon, {
                     "data-slot": "rating-group-item-indicator-bg",