@moduix/solid 1.0.0 → 1.1.1

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

@@ -10,7 +10,7 @@ function RatingGroupRoot(props) {
         'class',
         'size'
     ]);
-    return <RatingGroup.Root asChild={local.asChild} data-slot="rating-group-root" data-size={local.size ?? 'md'} class={clsx(RatingGroup_module.root, local.class)} {...others}>
+    return <RatingGroup.Root asChild={local.asChild} data-size={local.size ?? 'md'} class={clsx(RatingGroup_module.root, local.class)} {...others} data-slot="rating-group-root">
       {local.children}
     </RatingGroup.Root>;
 }
@@ -21,7 +21,7 @@ function RatingGroupRootProvider(props) {
         'class',
         'size'
     ]);
-    return <RatingGroup.RootProvider asChild={local.asChild} data-slot="rating-group-root-provider" data-size={local.size ?? 'md'} class={clsx(RatingGroup_module.root, local.class)} {...others}>
+    return <RatingGroup.RootProvider asChild={local.asChild} data-size={local.size ?? 'md'} class={clsx(RatingGroup_module.root, local.class)} {...others} data-slot="rating-group-root-provider">
       {local.children}
     </RatingGroup.RootProvider>;
 }
@@ -29,19 +29,19 @@ function RatingGroupLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <RatingGroup.Label data-slot="rating-group-label" class={clsx(RatingGroup_module.label, local.class)} {...others}/>;
+    return <RatingGroup.Label class={clsx(RatingGroup_module.label, local.class)} {...others} data-slot="rating-group-label"/>;
 }
 function RatingGroupControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <RatingGroup.Control data-slot="rating-group-control" class={clsx(RatingGroup_module.control, local.class)} {...others}/>;
+    return <RatingGroup.Control class={clsx(RatingGroup_module.control, local.class)} {...others} data-slot="rating-group-control"/>;
 }
 function RatingGroupItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <RatingGroup.Item data-slot="rating-group-item" class={clsx(RatingGroup_module.item, local.class)} {...others}/>;
+    return <RatingGroup.Item class={clsx(RatingGroup_module.item, local.class)} {...others} data-slot="rating-group-item"/>;
 }
 function RatingGroupItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -50,7 +50,7 @@ function RatingGroupItemIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     const item = useRatingGroupItemContext();
-    return <span data-slot="rating-group-item-indicator" data-half={item().half ? '' : void 0} data-highlighted={item().highlighted ? '' : void 0} class={clsx(RatingGroup_module.itemIndicator, local.class)} {...others}>
+    return <span data-half={item().half ? '' : void 0} data-highlighted={item().highlighted ? '' : void 0} class={clsx(RatingGroup_module.itemIndicator, local.class)} {...others} data-slot="rating-group-item-indicator">
       {resolvedChildren() ?? <>
           <RatingStarIcon data-slot="rating-group-item-indicator-bg" class={RatingGroup_module.iconBg}/>
           <RatingStarIcon data-slot="rating-group-item-indicator-fg" class={RatingGroup_module.iconFg}/>

package/dist/components/segment-group/SegmentGroup.js

@@ -59,11 +59,11 @@ function SegmentGroupRoot(props) {
             return local.asChild;
         },
         value: segmentGroup,
-        "data-slot": "segment-group-root",
         get ["class"] () {
             return clsx(SegmentGroup_module.root, local.class);
         }
     }, others, {
+        "data-slot": "segment-group-root",
         get children () {
             return local.children;
         }
@@ -78,11 +78,12 @@ function SegmentGroupRootProvider(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "segment-group-root-provider",
         get ["class"] () {
             return clsx(SegmentGroup_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "segment-group-root-provider"
+    }));
 }
 function SegmentGroupLabel(props) {
     const [local, others] = splitProps(props, [
@@ -93,11 +94,12 @@ function SegmentGroupLabel(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "segment-group-label",
         get ["class"] () {
             return clsx(SegmentGroup_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "segment-group-label"
+    }));
 }
 function SegmentGroupItem(props) {
     const [local, others] = splitProps(props, [
@@ -109,11 +111,11 @@ function SegmentGroupItem(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "segment-group-item",
         get ["class"] () {
             return clsx(SegmentGroup_module.item, local.class);
         }
     }, others, {
+        "data-slot": "segment-group-item",
         get children () {
             return local.children;
         }
@@ -128,11 +130,12 @@ function SegmentGroupItemControl(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "segment-group-item-control",
         get ["class"] () {
             return clsx(SegmentGroup_module.itemControl, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "segment-group-item-control"
+    }));
 }
 function SegmentGroupItemText(props) {
     const [local, others] = splitProps(props, [
@@ -143,11 +146,12 @@ function SegmentGroupItemText(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "segment-group-item-text",
         get ["class"] () {
             return clsx(SegmentGroup_module.itemText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "segment-group-item-text"
+    }));
 }
 function SegmentGroupIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -158,11 +162,12 @@ function SegmentGroupIndicator(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "segment-group-indicator",
         get ["class"] () {
             return clsx(SegmentGroup_module.indicator, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "segment-group-indicator"
+    }));
 }
 function SegmentGroupItems(props) {
     return createComponent(For, {

package/dist/components/segment-group/SegmentGroup.jsx

@@ -53,7 +53,7 @@ function SegmentGroupRoot(props) {
             required: local.required,
             value: local.value
         }));
-    return <SegmentGroup.RootProvider asChild={local.asChild} value={segmentGroup} data-slot="segment-group-root" class={clsx(SegmentGroup_module.root, local.class)} {...others}>
+    return <SegmentGroup.RootProvider asChild={local.asChild} value={segmentGroup} class={clsx(SegmentGroup_module.root, local.class)} {...others} data-slot="segment-group-root">
       {local.children}
     </SegmentGroup.RootProvider>;
 }
@@ -62,14 +62,14 @@ function SegmentGroupRootProvider(props) {
         'asChild',
         'class'
     ]);
-    return <SegmentGroup.RootProvider asChild={local.asChild} data-slot="segment-group-root-provider" class={clsx(SegmentGroup_module.root, local.class)} {...others}/>;
+    return <SegmentGroup.RootProvider asChild={local.asChild} class={clsx(SegmentGroup_module.root, local.class)} {...others} data-slot="segment-group-root-provider"/>;
 }
 function SegmentGroupLabel(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <SegmentGroup.Label asChild={local.asChild} data-slot="segment-group-label" class={clsx(SegmentGroup_module.label, local.class)} {...others}/>;
+    return <SegmentGroup.Label asChild={local.asChild} class={clsx(SegmentGroup_module.label, local.class)} {...others} data-slot="segment-group-label"/>;
 }
 function SegmentGroupItem(props) {
     const [local, others] = splitProps(props, [
@@ -77,7 +77,7 @@ function SegmentGroupItem(props) {
         'children',
         'class'
     ]);
-    return <SegmentGroup.Item asChild={local.asChild} data-slot="segment-group-item" class={clsx(SegmentGroup_module.item, local.class)} {...others}>
+    return <SegmentGroup.Item asChild={local.asChild} class={clsx(SegmentGroup_module.item, local.class)} {...others} data-slot="segment-group-item">
       {local.children}
     </SegmentGroup.Item>;
 }
@@ -86,21 +86,21 @@ function SegmentGroupItemControl(props) {
         'asChild',
         'class'
     ]);
-    return <SegmentGroup.ItemControl asChild={local.asChild} data-slot="segment-group-item-control" class={clsx(SegmentGroup_module.itemControl, local.class)} {...others}/>;
+    return <SegmentGroup.ItemControl asChild={local.asChild} class={clsx(SegmentGroup_module.itemControl, local.class)} {...others} data-slot="segment-group-item-control"/>;
 }
 function SegmentGroupItemText(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <SegmentGroup.ItemText asChild={local.asChild} data-slot="segment-group-item-text" class={clsx(SegmentGroup_module.itemText, local.class)} {...others}/>;
+    return <SegmentGroup.ItemText asChild={local.asChild} class={clsx(SegmentGroup_module.itemText, local.class)} {...others} data-slot="segment-group-item-text"/>;
 }
 function SegmentGroupIndicator(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <SegmentGroup.Indicator asChild={local.asChild} data-slot="segment-group-indicator" class={clsx(SegmentGroup_module.indicator, local.class)} {...others}/>;
+    return <SegmentGroup.Indicator asChild={local.asChild} class={clsx(SegmentGroup_module.indicator, local.class)} {...others} data-slot="segment-group-indicator"/>;
 }
 function SegmentGroupItems(props) {
     return <For each={props.items}>

package/dist/components/select/Select.js

@@ -29,7 +29,6 @@ const Select_SelectRoot = function(props) {
                 get asChild () {
                     return local.asChild;
                 },
-                "data-slot": "select-root",
                 get ["class"] () {
                     return clsx(Select_module.root, local.class);
                 },
@@ -40,6 +39,7 @@ const Select_SelectRoot = function(props) {
                     return local.unmountOnExit ?? true;
                 }
             }, others, {
+                "data-slot": "select-root",
                 get children () {
                     return local.children;
                 }
@@ -69,7 +69,6 @@ const Select_SelectRootProvider = function(props) {
                 get asChild () {
                     return local.asChild;
                 },
-                "data-slot": "select-root-provider",
                 get ["class"] () {
                     return clsx(Select_module.root, local.class);
                 },
@@ -80,6 +79,7 @@ const Select_SelectRootProvider = function(props) {
                     return local.unmountOnExit ?? true;
                 }
             }, others, {
+                "data-slot": "select-root-provider",
                 get children () {
                     return local.children;
                 }
@@ -92,22 +92,24 @@ function SelectLabel(props) {
         'class'
     ]);
     return createComponent(Select.Label, mergeProps({
-        "data-slot": "select-label",
         get ["class"] () {
             return clsx(Select_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-label"
+    }));
 }
 function SelectControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Select.Control, mergeProps({
-        "data-slot": "select-control",
         get ["class"] () {
             return clsx(Select_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-control"
+    }));
 }
 function SelectTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -118,22 +120,24 @@ function SelectTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "select-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Select_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-trigger"
+    }));
 }
 function SelectValueText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Select.ValueText, mergeProps({
-        "data-slot": "select-value-text",
         get ["class"] () {
             return clsx(Select_module.valueText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-value-text"
+    }));
 }
 function SelectClearTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -155,9 +159,9 @@ function SelectClearTrigger(props) {
         get ["aria-labelledby"] () {
             return local['aria-labelledby'];
         },
-        "data-slot": "select-clear-trigger",
         class: triggerClass
     }, others, {
+        "data-slot": "select-clear-trigger",
         get children () {
             return local.children;
         }
@@ -177,9 +181,10 @@ function SelectClearTrigger(props) {
                 }
             }));
         },
-        "data-slot": "select-clear-trigger",
         class: triggerClass
-    }, others));
+    }, others, {
+        "data-slot": "select-clear-trigger"
+    }));
 }
 function SelectIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -188,11 +193,11 @@ function SelectIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Select.Indicator, mergeProps({
-        "data-slot": "select-indicator",
         get ["class"] () {
             return clsx(Select_module.indicator, local.class);
         }
     }, others, {
+        "data-slot": "select-indicator",
         get children () {
             return resolvedChildren() ?? createComponent(ChevronUpDownIcon, {});
         }
@@ -237,11 +242,12 @@ function SelectPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Select.Positioner, mergeProps({
-                "data-slot": "select-positioner",
                 get ["class"] () {
                     return clsx(Select_module.positioner, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "select-positioner"
+            }));
         }
     });
 }
@@ -250,66 +256,72 @@ function SelectContent(props) {
         'class'
     ]);
     return createComponent(Select.Content, mergeProps({
-        "data-slot": "select-content",
         get ["class"] () {
             return clsx(Select_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-content"
+    }));
 }
 function SelectList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Select.List, mergeProps({
-        "data-slot": "select-list",
         get ["class"] () {
             return clsx(Select_module.list, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-list"
+    }));
 }
 function SelectItemGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Select.ItemGroup, mergeProps({
-        "data-slot": "select-item-group",
         get ["class"] () {
             return clsx(Select_module.itemGroup, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-item-group"
+    }));
 }
 function SelectItemGroupLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Select.ItemGroupLabel, mergeProps({
-        "data-slot": "select-item-group-label",
         get ["class"] () {
             return clsx(Select_module.itemGroupLabel, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-item-group-label"
+    }));
 }
 function SelectItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Select.Item, mergeProps({
-        "data-slot": "select-item",
         get ["class"] () {
             return clsx(Select_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-item"
+    }));
 }
 function SelectItemText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Select.ItemText, mergeProps({
-        "data-slot": "select-item-text",
         get ["class"] () {
             return clsx(Select_module.itemText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-item-text"
+    }));
 }
 function SelectItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -318,11 +330,11 @@ function SelectItemIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Select.ItemIndicator, mergeProps({
-        "data-slot": "select-item-indicator",
         get ["class"] () {
             return clsx(Select_module.itemIndicator, local.class);
         }
     }, others, {
+        "data-slot": "select-item-indicator",
         get children () {
             return resolvedChildren() ?? createComponent(CheckIcon, {});
         }
@@ -333,33 +345,36 @@ function SelectItemTextContent(props) {
         'class'
     ]);
     return createComponent(ark.span, mergeProps({
-        "data-slot": "select-item-text-content",
         get ["class"] () {
             return clsx(Select_module.itemTextContent, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-item-text-content"
+    }));
 }
 function SelectItemTextIcon(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.span, mergeProps({
-        "data-slot": "select-item-text-icon",
         get ["class"] () {
             return clsx(Select_module.itemTextIcon, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-item-text-icon"
+    }));
 }
 function SelectItemTextLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.span, mergeProps({
-        "data-slot": "select-item-text-label",
         get ["class"] () {
             return clsx(Select_module.itemTextLabel, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "select-item-text-label"
+    }));
 }
 const Select_Select = Object.assign(Select_SelectRoot, {
     Root: Select_SelectRoot,

package/dist/components/select/Select.jsx

@@ -17,7 +17,7 @@ const Select_SelectRoot = function(props) {
         'unmountOnExit'
     ]);
     return <OverlayPortalProvider portalled={local.portalled} portalRef={local.portalRef}>
-      <Select.Root asChild={local.asChild} data-slot="select-root" class={clsx(Select_module.root, local.class)} lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others}>
+      <Select.Root asChild={local.asChild} class={clsx(Select_module.root, local.class)} lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others} data-slot="select-root">
         {local.children}
       </Select.Root>
     </OverlayPortalProvider>;
@@ -33,7 +33,7 @@ const Select_SelectRootProvider = function(props) {
         'unmountOnExit'
     ]);
     return <OverlayPortalProvider portalled={local.portalled} portalRef={local.portalRef}>
-      <Select.RootProvider asChild={local.asChild} data-slot="select-root-provider" class={clsx(Select_module.root, local.class)} lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others}>
+      <Select.RootProvider asChild={local.asChild} class={clsx(Select_module.root, local.class)} lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others} data-slot="select-root-provider">
         {local.children}
       </Select.RootProvider>
     </OverlayPortalProvider>;
@@ -42,26 +42,26 @@ function SelectLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Select.Label data-slot="select-label" class={clsx(Select_module.label, local.class)} {...others}/>;
+    return <Select.Label class={clsx(Select_module.label, local.class)} {...others} data-slot="select-label"/>;
 }
 function SelectControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Select.Control data-slot="select-control" class={clsx(Select_module.control, local.class)} {...others}/>;
+    return <Select.Control class={clsx(Select_module.control, local.class)} {...others} data-slot="select-control"/>;
 }
 function SelectTrigger(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <Select.Trigger asChild={local.asChild} data-slot="select-trigger" class={clsx(!local.asChild && Select_module.trigger, local.class)} {...others}/>;
+    return <Select.Trigger asChild={local.asChild} class={clsx(!local.asChild && Select_module.trigger, local.class)} {...others} data-slot="select-trigger"/>;
 }
 function SelectValueText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Select.ValueText data-slot="select-value-text" class={clsx(Select_module.valueText, local.class)} {...others}/>;
+    return <Select.ValueText class={clsx(Select_module.valueText, local.class)} {...others} data-slot="select-value-text"/>;
 }
 function SelectClearTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -73,7 +73,7 @@ function SelectClearTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     const triggerClass = clsx(Select_module.clearTrigger, local.class);
-    if (local.asChild) return <Select.ClearTrigger asChild={local.asChild} aria-label={local['aria-label']} aria-labelledby={local['aria-labelledby']} data-slot="select-clear-trigger" class={triggerClass} {...others}>
+    if (local.asChild) return <Select.ClearTrigger asChild={local.asChild} aria-label={local['aria-label']} aria-labelledby={local['aria-labelledby']} class={triggerClass} {...others} data-slot="select-clear-trigger">
         {local.children}
       </Select.ClearTrigger>;
     return <Select.ClearTrigger asChild={(triggerProps)=>{
@@ -81,7 +81,7 @@ function SelectClearTrigger(props) {
         return <CloseButton.Root {...resolvedProps} aria-label={local['aria-label'] ?? (null == local['aria-labelledby'] ? 'Clear selection' : void 0)} aria-labelledby={local['aria-labelledby']}>
             {resolvedChildren()}
           </CloseButton.Root>;
-    }} data-slot="select-clear-trigger" class={triggerClass} {...others}/>;
+    }} class={triggerClass} {...others} data-slot="select-clear-trigger"/>;
 }
 function SelectIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -89,7 +89,7 @@ function SelectIndicator(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Select.Indicator data-slot="select-indicator" class={clsx(Select_module.indicator, local.class)} {...others}>
+    return <Select.Indicator class={clsx(Select_module.indicator, local.class)} {...others} data-slot="select-indicator">
       {resolvedChildren() ?? <ChevronUpDownIcon/>}
     </Select.Indicator>;
 }
@@ -112,44 +112,44 @@ function SelectPositioner(props) {
         'class'
     ]);
     return <OverlayPortal>
-      <Select.Positioner data-slot="select-positioner" class={clsx(Select_module.positioner, local.class)} {...others}/>
+      <Select.Positioner class={clsx(Select_module.positioner, local.class)} {...others} data-slot="select-positioner"/>
     </OverlayPortal>;
 }
 function SelectContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Select.Content data-slot="select-content" class={clsx(Select_module.content, local.class)} {...others}/>;
+    return <Select.Content class={clsx(Select_module.content, local.class)} {...others} data-slot="select-content"/>;
 }
 function SelectList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Select.List data-slot="select-list" class={clsx(Select_module.list, local.class)} {...others}/>;
+    return <Select.List class={clsx(Select_module.list, local.class)} {...others} data-slot="select-list"/>;
 }
 function SelectItemGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Select.ItemGroup data-slot="select-item-group" class={clsx(Select_module.itemGroup, local.class)} {...others}/>;
+    return <Select.ItemGroup class={clsx(Select_module.itemGroup, local.class)} {...others} data-slot="select-item-group"/>;
 }
 function SelectItemGroupLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Select.ItemGroupLabel data-slot="select-item-group-label" class={clsx(Select_module.itemGroupLabel, local.class)} {...others}/>;
+    return <Select.ItemGroupLabel class={clsx(Select_module.itemGroupLabel, local.class)} {...others} data-slot="select-item-group-label"/>;
 }
 function SelectItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Select.Item data-slot="select-item" class={clsx(Select_module.item, local.class)} {...others}/>;
+    return <Select.Item class={clsx(Select_module.item, local.class)} {...others} data-slot="select-item"/>;
 }
 function SelectItemText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Select.ItemText data-slot="select-item-text" class={clsx(Select_module.itemText, local.class)} {...others}/>;
+    return <Select.ItemText class={clsx(Select_module.itemText, local.class)} {...others} data-slot="select-item-text"/>;
 }
 function SelectItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -157,7 +157,7 @@ function SelectItemIndicator(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Select.ItemIndicator data-slot="select-item-indicator" class={clsx(Select_module.itemIndicator, local.class)} {...others}>
+    return <Select.ItemIndicator class={clsx(Select_module.itemIndicator, local.class)} {...others} data-slot="select-item-indicator">
       {resolvedChildren() ?? <CheckIcon/>}
     </Select.ItemIndicator>;
 }
@@ -165,19 +165,19 @@ function SelectItemTextContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.span data-slot="select-item-text-content" class={clsx(Select_module.itemTextContent, local.class)} {...others}/>;
+    return <ark.span class={clsx(Select_module.itemTextContent, local.class)} {...others} data-slot="select-item-text-content"/>;
 }
 function SelectItemTextIcon(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.span data-slot="select-item-text-icon" class={clsx(Select_module.itemTextIcon, local.class)} {...others}/>;
+    return <ark.span class={clsx(Select_module.itemTextIcon, local.class)} {...others} data-slot="select-item-text-icon"/>;
 }
 function SelectItemTextLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.span data-slot="select-item-text-label" class={clsx(Select_module.itemTextLabel, local.class)} {...others}/>;
+    return <ark.span class={clsx(Select_module.itemTextLabel, local.class)} {...others} data-slot="select-item-text-label"/>;
 }
 const Select_Select = Object.assign(Select_SelectRoot, {
     Root: Select_SelectRoot,