@moduix/solid 1.0.0 → 1.1.0

package/dist/components/menu/Menu.jsx

@@ -40,7 +40,7 @@ function MenuTrigger(props) {
         'asChild',
         'class'
     ]);
-    return <Menu.Trigger asChild={local.asChild} data-slot="menu-trigger" data-focus-visible={focusVisible() ? '' : void 0} class={clsx(!local.asChild && Menu_module.trigger, local.class)} {...others}/>;
+    return <Menu.Trigger asChild={local.asChild} data-focus-visible={focusVisible() ? '' : void 0} class={clsx(!local.asChild && Menu_module.trigger, local.class)} {...others} data-slot="menu-trigger"/>;
 }
 function MenuTriggerIcon(props) {
     const [local, others] = splitProps(props, [
@@ -48,7 +48,7 @@ function MenuTriggerIcon(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <span data-slot="menu-trigger-icon" class={clsx(Menu_module.triggerIcon, local.class)} {...others}>
+    return <span class={clsx(Menu_module.triggerIcon, local.class)} {...others} data-slot="menu-trigger-icon">
       {resolvedChildren() ?? <ChevronDownIcon class={Menu_module.iconSvg}/>}
     </span>;
 }
@@ -58,7 +58,7 @@ function MenuIndicator(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Menu.Indicator data-slot="menu-indicator" class={clsx(Menu_module.indicator, local.class)} {...others}>
+    return <Menu.Indicator class={clsx(Menu_module.indicator, local.class)} {...others} data-slot="menu-indicator">
       {resolvedChildren() ?? <ChevronDownIcon class={Menu_module.iconSvg}/>}
     </Menu.Indicator>;
 }
@@ -68,14 +68,14 @@ function MenuContextTrigger(props) {
         'asChild',
         'class'
     ]);
-    return <Menu.ContextTrigger asChild={local.asChild} data-slot="menu-context-trigger" data-focus-visible={focusVisible() ? '' : void 0} class={clsx(!local.asChild && Menu_module.contextTrigger, local.class)} {...others}/>;
+    return <Menu.ContextTrigger asChild={local.asChild} data-focus-visible={focusVisible() ? '' : void 0} class={clsx(!local.asChild && Menu_module.contextTrigger, local.class)} {...others} data-slot="menu-context-trigger"/>;
 }
 function MenuPositioner(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return <OverlayPortal>
-      <Menu.Positioner data-slot="menu-positioner" class={clsx(Menu_module.positioner, local.class)} {...others}/>
+      <Menu.Positioner class={clsx(Menu_module.positioner, local.class)} {...others} data-slot="menu-positioner"/>
     </OverlayPortal>;
 }
 function MenuContent(props) {
@@ -84,7 +84,7 @@ function MenuContent(props) {
         'children',
         'class'
     ]);
-    return <Menu.Content asChild={local.asChild} data-slot="menu-content" class={clsx(Menu_module.content, local.class)} {...others}>
+    return <Menu.Content asChild={local.asChild} class={clsx(Menu_module.content, local.class)} {...others} data-slot="menu-content">
       {local.children}
     </Menu.Content>;
 }
@@ -93,7 +93,7 @@ function MenuViewport(props) {
         'asChild',
         'class'
     ]);
-    return <ark.div asChild={local.asChild} data-scope="menu" data-part="viewport" data-slot="menu-viewport" class={clsx(Menu_module.viewport, local.class)} {...others}/>;
+    return <ark.div asChild={local.asChild} data-scope="menu" data-part="viewport" class={clsx(Menu_module.viewport, local.class)} {...others} data-slot="menu-viewport"/>;
 }
 function MenuArrow(props) {
     const [local, others] = splitProps(props, [
@@ -101,7 +101,7 @@ function MenuArrow(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Menu.Arrow data-slot="menu-arrow" class={clsx(Menu_module.arrow, local.class)} {...others}>
+    return <Menu.Arrow class={clsx(Menu_module.arrow, local.class)} {...others} data-slot="menu-arrow">
       {resolvedChildren() ?? <MenuArrowTip/>}
     </Menu.Arrow>;
 }
@@ -109,21 +109,21 @@ function MenuArrowTip(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Menu.ArrowTip data-slot="menu-arrow-tip" class={clsx(Menu_module.arrowTip, local.class)} {...others}/>;
+    return <Menu.ArrowTip class={clsx(Menu_module.arrowTip, local.class)} {...others} data-slot="menu-arrow-tip"/>;
 }
 function MenuItem(props) {
     const [local, others] = splitProps(props, [
         'class',
         'tone'
     ]);
-    return <Menu.Item data-slot="menu-item" data-tone={local.tone ?? 'default'} class={clsx(Menu_module.item, local.class)} {...others}/>;
+    return <Menu.Item data-tone={local.tone ?? 'default'} class={clsx(Menu_module.item, local.class)} {...others} data-slot="menu-item"/>;
 }
 function MenuTriggerItem(props) {
     const [local, others] = splitProps(props, [
         'children',
         'class'
     ]);
-    return <Menu.TriggerItem data-slot="menu-trigger-item" class={clsx(Menu_module.triggerItem, local.class)} {...others}>
+    return <Menu.TriggerItem class={clsx(Menu_module.triggerItem, local.class)} {...others} data-slot="menu-trigger-item">
       {local.children}
     </Menu.TriggerItem>;
 }
@@ -133,7 +133,7 @@ function MenuTriggerItemIcon(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <span data-slot="menu-trigger-item-icon" class={clsx(Menu_module.triggerItemIcon, local.class)} {...others}>
+    return <span class={clsx(Menu_module.triggerItemIcon, local.class)} {...others} data-slot="menu-trigger-item-icon">
       {resolvedChildren() ?? <ChevronRightIcon class={Menu_module.iconSvg}/>}
     </span>;
 }
@@ -141,39 +141,39 @@ function MenuSeparator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Menu.Separator data-slot="menu-separator" class={clsx(Menu_module.separator, local.class)} {...others}/>;
+    return <Menu.Separator class={clsx(Menu_module.separator, local.class)} {...others} data-slot="menu-separator"/>;
 }
 function MenuItemGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Menu.ItemGroup data-slot="menu-item-group" class={clsx(Menu_module.itemGroup, local.class)} {...others}/>;
+    return <Menu.ItemGroup class={clsx(Menu_module.itemGroup, local.class)} {...others} data-slot="menu-item-group"/>;
 }
 function MenuItemGroupLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Menu.ItemGroupLabel data-slot="menu-item-group-label" class={clsx(Menu_module.itemGroupLabel, local.class)} {...others}/>;
+    return <Menu.ItemGroupLabel class={clsx(Menu_module.itemGroupLabel, local.class)} {...others} data-slot="menu-item-group-label"/>;
 }
 function MenuRadioItemGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Menu.RadioItemGroup data-slot="menu-radio-item-group" class={clsx(Menu_module.radioItemGroup, local.class)} {...others}/>;
+    return <Menu.RadioItemGroup class={clsx(Menu_module.radioItemGroup, local.class)} {...others} data-slot="menu-radio-item-group"/>;
 }
 function MenuRadioItem(props) {
     const [local, others] = splitProps(props, [
         'class',
         'indicator'
     ]);
-    return <Menu.RadioItem data-slot="menu-radio-item" data-indicator-position={local.indicator ?? 'start'} class={clsx(Menu_module.radioItem, local.class)} {...others}/>;
+    return <Menu.RadioItem data-indicator-position={local.indicator ?? 'start'} class={clsx(Menu_module.radioItem, local.class)} {...others} data-slot="menu-radio-item"/>;
 }
 function MenuCheckboxItem(props) {
     const [local, others] = splitProps(props, [
         'class',
         'indicator'
     ]);
-    return <Menu.CheckboxItem data-slot="menu-checkbox-item" data-indicator-position={local.indicator ?? 'start'} class={clsx(Menu_module.checkboxItem, local.class)} {...others}/>;
+    return <Menu.CheckboxItem data-indicator-position={local.indicator ?? 'start'} class={clsx(Menu_module.checkboxItem, local.class)} {...others} data-slot="menu-checkbox-item"/>;
 }
 function MenuItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -181,7 +181,7 @@ function MenuItemIndicator(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Menu.ItemIndicator data-slot="menu-item-indicator" class={clsx(Menu_module.itemIndicator, local.class)} {...others}>
+    return <Menu.ItemIndicator class={clsx(Menu_module.itemIndicator, local.class)} {...others} data-slot="menu-item-indicator">
       {resolvedChildren() ?? <CheckIcon class={Menu_module.itemIndicatorIcon}/>}
     </Menu.ItemIndicator>;
 }
@@ -189,31 +189,31 @@ function MenuItemText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Menu.ItemText data-slot="menu-item-text" class={clsx(Menu_module.itemText, local.class)} {...others}/>;
+    return <Menu.ItemText class={clsx(Menu_module.itemText, local.class)} {...others} data-slot="menu-item-text"/>;
 }
 function MenuItemTextContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.span data-slot="menu-item-text-content" class={clsx(Menu_module.itemTextContent, local.class)} {...others}/>;
+    return <ark.span class={clsx(Menu_module.itemTextContent, local.class)} {...others} data-slot="menu-item-text-content"/>;
 }
 function MenuItemTextIcon(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.span data-slot="menu-item-text-icon" class={clsx(Menu_module.itemTextIcon, local.class)} {...others}/>;
+    return <ark.span class={clsx(Menu_module.itemTextIcon, local.class)} {...others} data-slot="menu-item-text-icon"/>;
 }
 function MenuItemTextLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.span data-slot="menu-item-text-label" class={clsx(Menu_module.itemTextLabel, local.class)} {...others}/>;
+    return <ark.span class={clsx(Menu_module.itemTextLabel, local.class)} {...others} data-slot="menu-item-text-label"/>;
 }
 function MenuItemShortcut(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.span data-slot="menu-item-shortcut" class={clsx(Menu_module.itemShortcut, local.class)} {...others}/>;
+    return <ark.span class={clsx(Menu_module.itemShortcut, local.class)} {...others} data-slot="menu-item-shortcut"/>;
 }
 const Menu_Menu = Object.assign(MenuRoot, {
     Root: MenuRoot,

package/dist/components/navigation-menu/NavigationMenu.js

@@ -8,44 +8,48 @@ function NavigationMenuRoot(props) {
         'class'
     ]);
     return createComponent(NavigationMenu.Root, mergeProps({
-        "data-slot": "navigation-menu-root",
         get ["class"] () {
             return clsx(NavigationMenu_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-root"
+    }));
 }
 function NavigationMenuRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(NavigationMenu.RootProvider, mergeProps({
-        "data-slot": "navigation-menu-root-provider",
         get ["class"] () {
             return clsx(NavigationMenu_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-root-provider"
+    }));
 }
 function NavigationMenuList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(NavigationMenu.List, mergeProps({
-        "data-slot": "navigation-menu-list",
         get ["class"] () {
             return clsx(NavigationMenu_module.list, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-list"
+    }));
 }
 function NavigationMenuItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(NavigationMenu.Item, mergeProps({
-        "data-slot": "navigation-menu-item",
         get ["class"] () {
             return clsx(NavigationMenu_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-item"
+    }));
 }
 function NavigationMenuTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -53,25 +57,27 @@ function NavigationMenuTrigger(props) {
         'class'
     ]);
     return createComponent(NavigationMenu.Trigger, mergeProps({
-        "data-slot": "navigation-menu-trigger",
         get asChild () {
             return local.asChild;
         },
         get ["class"] () {
             return clsx(!local.asChild && NavigationMenu_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-trigger"
+    }));
 }
 function NavigationMenuContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(NavigationMenu.Content, mergeProps({
-        "data-slot": "navigation-menu-content",
         get ["class"] () {
             return clsx(NavigationMenu_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-content"
+    }));
 }
 function NavigationMenuLink(props) {
     const [local, others] = splitProps(props, [
@@ -79,69 +85,75 @@ function NavigationMenuLink(props) {
         'class'
     ]);
     return createComponent(NavigationMenu.Link, mergeProps({
-        "data-slot": "navigation-menu-link",
         get asChild () {
             return local.asChild;
         },
         get ["class"] () {
             return clsx(NavigationMenu_module.link, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-link"
+    }));
 }
 function NavigationMenuIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(NavigationMenu.Indicator, mergeProps({
-        "data-slot": "navigation-menu-indicator",
         get ["class"] () {
             return clsx(NavigationMenu_module.indicator, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-indicator"
+    }));
 }
 function NavigationMenuItemIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(NavigationMenu.ItemIndicator, mergeProps({
-        "data-slot": "navigation-menu-item-indicator",
         get ["class"] () {
             return clsx(NavigationMenu_module.itemIndicator, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-item-indicator"
+    }));
 }
 function NavigationMenuArrow(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(NavigationMenu.Arrow, mergeProps({
-        "data-slot": "navigation-menu-arrow",
         get ["class"] () {
             return clsx(NavigationMenu_module.arrow, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-arrow"
+    }));
 }
 function NavigationMenuViewportPositioner(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(NavigationMenu.ViewportPositioner, mergeProps({
-        "data-slot": "navigation-menu-viewport-positioner",
         get ["class"] () {
             return clsx(NavigationMenu_module.viewportPositioner, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-viewport-positioner"
+    }));
 }
 function NavigationMenuViewport(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(NavigationMenu.Viewport, mergeProps({
-        "data-slot": "navigation-menu-viewport",
         get ["class"] () {
             return clsx(NavigationMenu_module.viewport, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "navigation-menu-viewport"
+    }));
 }
 const NavigationMenu_NavigationMenu = Object.assign(NavigationMenuRoot, {
     Root: NavigationMenuRoot,

package/dist/components/navigation-menu/NavigationMenu.jsx

@@ -6,75 +6,75 @@ function NavigationMenuRoot(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NavigationMenu.Root data-slot="navigation-menu-root" class={clsx(NavigationMenu_module.root, local.class)} {...others}/>;
+    return <NavigationMenu.Root class={clsx(NavigationMenu_module.root, local.class)} {...others} data-slot="navigation-menu-root"/>;
 }
 function NavigationMenuRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NavigationMenu.RootProvider data-slot="navigation-menu-root-provider" class={clsx(NavigationMenu_module.root, local.class)} {...others}/>;
+    return <NavigationMenu.RootProvider class={clsx(NavigationMenu_module.root, local.class)} {...others} data-slot="navigation-menu-root-provider"/>;
 }
 function NavigationMenuList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NavigationMenu.List data-slot="navigation-menu-list" class={clsx(NavigationMenu_module.list, local.class)} {...others}/>;
+    return <NavigationMenu.List class={clsx(NavigationMenu_module.list, local.class)} {...others} data-slot="navigation-menu-list"/>;
 }
 function NavigationMenuItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NavigationMenu.Item data-slot="navigation-menu-item" class={clsx(NavigationMenu_module.item, local.class)} {...others}/>;
+    return <NavigationMenu.Item class={clsx(NavigationMenu_module.item, local.class)} {...others} data-slot="navigation-menu-item"/>;
 }
 function NavigationMenuTrigger(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <NavigationMenu.Trigger data-slot="navigation-menu-trigger" asChild={local.asChild} class={clsx(!local.asChild && NavigationMenu_module.trigger, local.class)} {...others}/>;
+    return <NavigationMenu.Trigger asChild={local.asChild} class={clsx(!local.asChild && NavigationMenu_module.trigger, local.class)} {...others} data-slot="navigation-menu-trigger"/>;
 }
 function NavigationMenuContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NavigationMenu.Content data-slot="navigation-menu-content" class={clsx(NavigationMenu_module.content, local.class)} {...others}/>;
+    return <NavigationMenu.Content class={clsx(NavigationMenu_module.content, local.class)} {...others} data-slot="navigation-menu-content"/>;
 }
 function NavigationMenuLink(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <NavigationMenu.Link data-slot="navigation-menu-link" asChild={local.asChild} class={clsx(NavigationMenu_module.link, local.class)} {...others}/>;
+    return <NavigationMenu.Link asChild={local.asChild} class={clsx(NavigationMenu_module.link, local.class)} {...others} data-slot="navigation-menu-link"/>;
 }
 function NavigationMenuIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NavigationMenu.Indicator data-slot="navigation-menu-indicator" class={clsx(NavigationMenu_module.indicator, local.class)} {...others}/>;
+    return <NavigationMenu.Indicator class={clsx(NavigationMenu_module.indicator, local.class)} {...others} data-slot="navigation-menu-indicator"/>;
 }
 function NavigationMenuItemIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NavigationMenu.ItemIndicator data-slot="navigation-menu-item-indicator" class={clsx(NavigationMenu_module.itemIndicator, local.class)} {...others}/>;
+    return <NavigationMenu.ItemIndicator class={clsx(NavigationMenu_module.itemIndicator, local.class)} {...others} data-slot="navigation-menu-item-indicator"/>;
 }
 function NavigationMenuArrow(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NavigationMenu.Arrow data-slot="navigation-menu-arrow" class={clsx(NavigationMenu_module.arrow, local.class)} {...others}/>;
+    return <NavigationMenu.Arrow class={clsx(NavigationMenu_module.arrow, local.class)} {...others} data-slot="navigation-menu-arrow"/>;
 }
 function NavigationMenuViewportPositioner(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NavigationMenu.ViewportPositioner data-slot="navigation-menu-viewport-positioner" class={clsx(NavigationMenu_module.viewportPositioner, local.class)} {...others}/>;
+    return <NavigationMenu.ViewportPositioner class={clsx(NavigationMenu_module.viewportPositioner, local.class)} {...others} data-slot="navigation-menu-viewport-positioner"/>;
 }
 function NavigationMenuViewport(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NavigationMenu.Viewport data-slot="navigation-menu-viewport" class={clsx(NavigationMenu_module.viewport, local.class)} {...others}/>;
+    return <NavigationMenu.Viewport class={clsx(NavigationMenu_module.viewport, local.class)} {...others} data-slot="navigation-menu-viewport"/>;
 }
 const NavigationMenu_NavigationMenu = Object.assign(NavigationMenuRoot, {
     Root: NavigationMenuRoot,

package/dist/components/number-input/NumberInput.js

@@ -18,11 +18,11 @@ function NumberInputRoot(props) {
         get value () {
             return local.value;
         },
-        "data-slot": "number-input-root",
         get ["class"] () {
             return clsx(NumberInput_module.root, local.class);
         }
     }, others, {
+        "data-slot": "number-input-root",
         get children () {
             return local.children;
         }
@@ -42,11 +42,11 @@ function NumberInputRootProvider(props) {
         get value () {
             return local.value;
         },
-        "data-slot": "number-input-root-provider",
         get ["class"] () {
             return clsx(NumberInput_module.root, local.class);
         }
     }, others, {
+        "data-slot": "number-input-root-provider",
         get children () {
             return local.children;
         }
@@ -57,33 +57,36 @@ function NumberInputLabel(props) {
         'class'
     ]);
     return createComponent(NumberInput.Label, mergeProps({
-        "data-slot": "number-input-label",
         get ["class"] () {
             return clsx(NumberInput_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "number-input-label"
+    }));
 }
 function NumberInputScrubber(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(NumberInput.Scrubber, mergeProps({
-        "data-slot": "number-input-scrubber",
         get ["class"] () {
             return clsx(NumberInput_module.scrubber, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "number-input-scrubber"
+    }));
 }
 function NumberInputControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(NumberInput.Control, mergeProps({
-        "data-slot": "number-input-control",
         get ["class"] () {
             return clsx(NumberInput_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "number-input-control"
+    }));
 }
 function NumberInputDecrementTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -92,11 +95,11 @@ function NumberInputDecrementTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(NumberInput.DecrementTrigger, mergeProps({
-        "data-slot": "number-input-decrement-trigger",
         get ["class"] () {
             return clsx(NumberInput_module.decrementTrigger, local.class);
         }
     }, others, {
+        "data-slot": "number-input-decrement-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(MinusIcon, {});
         }
@@ -107,11 +110,12 @@ function NumberInputInput(props) {
         'class'
     ]);
     return createComponent(NumberInput.Input, mergeProps({
-        "data-slot": "number-input-input",
         get ["class"] () {
             return clsx(NumberInput_module.input, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "number-input-input"
+    }));
 }
 function NumberInputIncrementTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -120,11 +124,11 @@ function NumberInputIncrementTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(NumberInput.IncrementTrigger, mergeProps({
-        "data-slot": "number-input-increment-trigger",
         get ["class"] () {
             return clsx(NumberInput_module.incrementTrigger, local.class);
         }
     }, others, {
+        "data-slot": "number-input-increment-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(PlusIcon, {});
         }
@@ -135,11 +139,12 @@ function NumberInputValueText(props) {
         'class'
     ]);
     return createComponent(NumberInput.ValueText, mergeProps({
-        "data-slot": "number-input-value-text",
         get ["class"] () {
             return clsx(NumberInput_module.valueText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "number-input-value-text"
+    }));
 }
 function NumberInputField(props) {
     return createComponent(NumberInputControl, mergeProps(props, {

package/dist/components/number-input/NumberInput.jsx

@@ -10,7 +10,7 @@ function NumberInputRoot(props) {
         'class',
         'value'
     ]);
-    return <NumberInput.Root asChild={local.asChild} value={local.value} data-slot="number-input-root" class={clsx(NumberInput_module.root, local.class)} {...others}>
+    return <NumberInput.Root asChild={local.asChild} value={local.value} class={clsx(NumberInput_module.root, local.class)} {...others} data-slot="number-input-root">
       {local.children}
     </NumberInput.Root>;
 }
@@ -21,7 +21,7 @@ function NumberInputRootProvider(props) {
         'class',
         'value'
     ]);
-    return <NumberInput.RootProvider asChild={local.asChild} value={local.value} data-slot="number-input-root-provider" class={clsx(NumberInput_module.root, local.class)} {...others}>
+    return <NumberInput.RootProvider asChild={local.asChild} value={local.value} class={clsx(NumberInput_module.root, local.class)} {...others} data-slot="number-input-root-provider">
       {local.children}
     </NumberInput.RootProvider>;
 }
@@ -29,19 +29,19 @@ function NumberInputLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NumberInput.Label data-slot="number-input-label" class={clsx(NumberInput_module.label, local.class)} {...others}/>;
+    return <NumberInput.Label class={clsx(NumberInput_module.label, local.class)} {...others} data-slot="number-input-label"/>;
 }
 function NumberInputScrubber(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NumberInput.Scrubber data-slot="number-input-scrubber" class={clsx(NumberInput_module.scrubber, local.class)} {...others}/>;
+    return <NumberInput.Scrubber class={clsx(NumberInput_module.scrubber, local.class)} {...others} data-slot="number-input-scrubber"/>;
 }
 function NumberInputControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NumberInput.Control data-slot="number-input-control" class={clsx(NumberInput_module.control, local.class)} {...others}/>;
+    return <NumberInput.Control class={clsx(NumberInput_module.control, local.class)} {...others} data-slot="number-input-control"/>;
 }
 function NumberInputDecrementTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -49,7 +49,7 @@ function NumberInputDecrementTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <NumberInput.DecrementTrigger data-slot="number-input-decrement-trigger" class={clsx(NumberInput_module.decrementTrigger, local.class)} {...others}>
+    return <NumberInput.DecrementTrigger class={clsx(NumberInput_module.decrementTrigger, local.class)} {...others} data-slot="number-input-decrement-trigger">
       {resolvedChildren() ?? <MinusIcon/>}
     </NumberInput.DecrementTrigger>;
 }
@@ -57,7 +57,7 @@ function NumberInputInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NumberInput.Input data-slot="number-input-input" class={clsx(NumberInput_module.input, local.class)} {...others}/>;
+    return <NumberInput.Input class={clsx(NumberInput_module.input, local.class)} {...others} data-slot="number-input-input"/>;
 }
 function NumberInputIncrementTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -65,7 +65,7 @@ function NumberInputIncrementTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <NumberInput.IncrementTrigger data-slot="number-input-increment-trigger" class={clsx(NumberInput_module.incrementTrigger, local.class)} {...others}>
+    return <NumberInput.IncrementTrigger class={clsx(NumberInput_module.incrementTrigger, local.class)} {...others} data-slot="number-input-increment-trigger">
       {resolvedChildren() ?? <PlusIcon/>}
     </NumberInput.IncrementTrigger>;
 }
@@ -73,7 +73,7 @@ function NumberInputValueText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <NumberInput.ValueText data-slot="number-input-value-text" class={clsx(NumberInput_module.valueText, local.class)} {...others}/>;
+    return <NumberInput.ValueText class={clsx(NumberInput_module.valueText, local.class)} {...others} data-slot="number-input-value-text"/>;
 }
 function NumberInputField(props) {
     return <NumberInputControl {...props}>