@moduix/react-tailwind 1.0.0 → 1.1.0

package/dist/components/menu/Menu.js

@@ -53,55 +53,55 @@ function MenuRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExi
 const Menu_MenuTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.Trigger, {
         ref: ref,
-        "data-slot": "menu-trigger",
         asChild: asChild,
         className: cn(!asChild && 'inline-flex min-h-control-md cursor-pointer items-center justify-center gap-2 rounded-md border border-border bg-background px-4 py-1 text-sm font-medium text-foreground outline-0 transition-colors duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50 data-[current]:data-[state=open]:bg-muted motion-reduce:transition-none [@media(hover:hover)]:hover:bg-muted', className),
-        ...props
+        ...props,
+        "data-slot": "menu-trigger"
     });
 });
 function MenuTriggerIcon({ className, children, ...props }) {
     return /*#__PURE__*/ jsx("span", {
-        "data-slot": "menu-trigger-icon",
         className: cn('inline-flex size-4 shrink-0 items-center justify-center [&_svg]:size-full', className),
         ...props,
+        "data-slot": "menu-trigger-icon",
         children: children ?? /*#__PURE__*/ jsx(ChevronDownIcon, {})
     });
 }
 const Menu_MenuIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.Indicator, {
         ref: ref,
-        "data-slot": "menu-indicator",
         className: cn('inline-flex size-4 shrink-0 items-center justify-center [&_svg]:size-full', className),
         ...props,
+        "data-slot": "menu-indicator",
         children: children ?? /*#__PURE__*/ jsx(ChevronDownIcon, {})
     });
 });
 const Menu_MenuContextTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.ContextTrigger, {
         ref: ref,
-        "data-slot": "menu-context-trigger",
         asChild: asChild,
         className: cn(!asChild && 'inline-flex min-h-control-md cursor-pointer items-center justify-center gap-2 rounded-md border border-border bg-background px-4 py-1 text-sm font-medium text-foreground outline-0 transition-colors duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50 data-[current]:data-[state=open]:bg-muted motion-reduce:transition-none [@media(hover:hover)]:hover:bg-muted', className),
-        ...props
+        ...props,
+        "data-slot": "menu-context-trigger"
     });
 });
 const Menu_MenuPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Menu.Positioner, {
             ref: ref,
-            "data-slot": "menu-positioner",
             className: cn('z-[var(--z-index)] w-[var(--positioner-width,auto)] max-w-[var(--available-width)] outline-0', className),
-            ...props
+            ...props,
+            "data-slot": "menu-positioner"
         })
     });
 });
 const Menu_MenuContent = /*#__PURE__*/ forwardRef(function({ asChild, className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.Content, {
         ref: ref,
-        "data-slot": "menu-content",
         asChild: asChild,
         className: cn('relative z-[calc(var(--moduix-z-popup)+var(--layer-index,0))] flex max-w-[min(20rem,var(--available-width,100vw))] min-w-[min(max(var(--reference-width,0px),12rem),var(--available-width,100vw))] origin-[var(--transform-origin)] flex-col overflow-visible rounded-md bg-popover py-1 text-popover-foreground shadow-lg outline-1 outline-border [--arrow-background:var(--color-popover)] [--arrow-size:0.625rem] data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:[animation-delay:0ms] motion-reduce:[animation-duration:1ms]', className),
         ...props,
+        "data-slot": "menu-content",
         children: children
     });
 });
@@ -110,161 +110,161 @@ const Menu_MenuViewport = /*#__PURE__*/ forwardRef(function({ className, ...prop
         ref: ref,
         "data-scope": "menu",
         "data-part": "viewport",
-        "data-slot": "menu-viewport",
         className: cn('flex max-h-[min(24rem,var(--available-height,100dvh))] flex-col overflow-auto', className),
-        ...props
+        ...props,
+        "data-slot": "menu-viewport"
     });
 });
 const Menu_MenuArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.Arrow, {
         ref: ref,
-        "data-slot": "menu-arrow",
         className: cn('[--arrow-background:var(--color-popover)]', className),
         ...props,
+        "data-slot": "menu-arrow",
         children: children ?? /*#__PURE__*/ jsx(Menu_MenuArrowTip, {})
     });
 });
 const Menu_MenuArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.ArrowTip, {
         ref: ref,
-        "data-slot": "menu-arrow-tip",
         className: cn('[border-block-start:1px_solid_var(--color-border)] [border-inline-start:1px_solid_var(--color-border)]', className),
-        ...props
+        ...props,
+        "data-slot": "menu-arrow-tip"
     });
 });
 const Menu_MenuItem = /*#__PURE__*/ forwardRef(function({ className, tone = 'default', ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.Item, {
         ref: ref,
-        "data-slot": "menu-item",
         "data-tone": tone,
         className: cn(menuItemStyles({
             layout: 'item',
             tone
         }), className),
-        ...props
+        ...props,
+        "data-slot": "menu-item"
     });
 });
 const Menu_MenuTriggerItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.TriggerItem, {
         ref: ref,
-        "data-slot": "menu-trigger-item",
         className: cn(menuItemStyles({
             layout: 'triggerItem'
         }), className),
-        ...props
+        ...props,
+        "data-slot": "menu-trigger-item"
     });
 });
 function MenuTriggerItemIcon({ className, children, ...props }) {
     return /*#__PURE__*/ jsx("span", {
-        "data-slot": "menu-trigger-item-icon",
         className: cn('inline-flex size-3.5 shrink-0 rtl:-scale-x-100 [&_svg]:size-full', className),
         ...props,
+        "data-slot": "menu-trigger-item-icon",
         children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
     });
 }
 const Menu_MenuSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.Separator, {
         ref: ref,
-        "data-slot": "menu-separator",
         className: cn('mx-3 my-1.5 h-px border-0 bg-border', className),
-        ...props
+        ...props,
+        "data-slot": "menu-separator"
     });
 });
 const Menu_MenuItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.ItemGroup, {
         ref: ref,
-        "data-slot": "menu-item-group",
         className: cn('grid', className),
-        ...props
+        ...props,
+        "data-slot": "menu-item-group"
     });
 });
 const Menu_MenuItemGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.ItemGroupLabel, {
         ref: ref,
-        "data-slot": "menu-item-group-label",
         className: cn('cursor-default px-2.5 py-1 text-xs font-normal text-muted-foreground select-none', className),
-        ...props
+        ...props,
+        "data-slot": "menu-item-group-label"
     });
 });
 const Menu_MenuRadioItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.RadioItemGroup, {
         ref: ref,
-        "data-slot": "menu-radio-item-group",
         className: cn('grid', className),
-        ...props
+        ...props,
+        "data-slot": "menu-radio-item-group"
     });
 });
 const Menu_MenuRadioItem = /*#__PURE__*/ forwardRef(function({ className, indicator = 'start', ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.RadioItem, {
         ref: ref,
-        "data-slot": "menu-radio-item",
         "data-indicator-position": indicator,
         className: cn(menuItemStyles({
             layout: 'indicatorItem',
             indicator
         }), className),
-        ...props
+        ...props,
+        "data-slot": "menu-radio-item"
     });
 });
 const Menu_MenuCheckboxItem = /*#__PURE__*/ forwardRef(function({ className, indicator = 'start', ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.CheckboxItem, {
         ref: ref,
-        "data-slot": "menu-checkbox-item",
         "data-indicator-position": indicator,
         className: cn(menuItemStyles({
             layout: 'indicatorItem',
             indicator
         }), className),
-        ...props
+        ...props,
+        "data-slot": "menu-checkbox-item"
     });
 });
 const Menu_MenuItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.ItemIndicator, {
         ref: ref,
-        "data-slot": "menu-item-indicator",
         className: cn('inline-flex size-3 items-center justify-center rounded-xs [&_svg]:size-full', className),
         ...props,
+        "data-slot": "menu-item-indicator",
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
 });
 const Menu_MenuItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Menu.ItemText, {
         ref: ref,
-        "data-slot": "menu-item-text",
         className: cn('min-w-0 overflow-hidden', className),
-        ...props
+        ...props,
+        "data-slot": "menu-item-text"
     });
 });
 const Menu_MenuItemTextContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "menu-item-text-content",
         className: cn('inline-flex max-w-full min-w-0 items-center gap-2 align-top', className),
-        ...props
+        ...props,
+        "data-slot": "menu-item-text-content"
     });
 });
 const Menu_MenuItemTextIcon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "menu-item-text-icon",
         className: cn('inline-flex size-4 shrink-0 items-center justify-center [&_svg]:size-full', className),
-        ...props
+        ...props,
+        "data-slot": "menu-item-text-icon"
     });
 });
 const Menu_MenuItemTextLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "menu-item-text-label",
         className: cn('min-w-0 overflow-hidden text-ellipsis whitespace-nowrap', className),
-        ...props
+        ...props,
+        "data-slot": "menu-item-text-label"
     });
 });
 const Menu_MenuItemShortcut = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "menu-item-shortcut",
         className: cn('ms-auto ps-4 text-xs whitespace-nowrap text-muted-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "menu-item-shortcut"
     });
 });
 const Menu_Menu = Object.assign(MenuRoot, {

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

@@ -6,98 +6,98 @@ import { cn } from "../../internal/cn.js";
 const NavigationMenu_NavigationMenuRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.Root, {
         ref: ref,
-        "data-slot": "navigation-menu-root",
         className: cn('group/navigation-menu relative box-border flex w-fit max-w-full min-w-0 justify-center text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-root"
     });
 });
 const NavigationMenu_NavigationMenuRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.RootProvider, {
         ref: ref,
-        "data-slot": "navigation-menu-root-provider",
         className: cn('group/navigation-menu relative box-border flex w-fit max-w-full min-w-0 justify-center text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-root-provider"
     });
 });
 const NavigationMenu_NavigationMenuList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.List, {
         ref: ref,
-        "data-slot": "navigation-menu-list",
         className: cn('group/navigation-menu-list relative m-0 box-border flex max-w-full list-none items-center gap-1 p-0 data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch [&>[data-slot=navigation-menu-indicator]]:top-auto [&>[data-slot=navigation-menu-indicator]]:-bottom-2.5 [&>[data-slot=navigation-menu-indicator]]:z-[61]', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-list"
     });
 });
 const NavigationMenu_NavigationMenuItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.Item, {
         ref: ref,
-        "data-slot": "navigation-menu-item",
         className: cn('relative group-has-[>[data-slot=navigation-menu-indicator]]/navigation-menu-list:static group-has-[>[data-slot=navigation-menu-viewport-positioner]>[data-slot=navigation-menu-viewport]]/navigation-menu:static', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-item"
     });
 });
 const NavigationMenu_NavigationMenuTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.Trigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "navigation-menu-trigger",
         className: cn(!asChild && 'box-border inline-flex min-h-control-md items-center justify-center gap-2 rounded-md bg-transparent px-3 py-1 text-sm leading-5 font-medium whitespace-nowrap text-inherit no-underline outline-0 transition-[background-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 data-[state=open]:bg-muted motion-reduce:transition-none [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:transition-[rotate] [&>svg]:duration-200 [&>svg]:ease-in-out data-[state=open]:[&>svg]:rotate-180 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled])]:hover:bg-muted', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-trigger"
     });
 });
 const NavigationMenu_NavigationMenuContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.Content, {
         ref: ref,
-        "data-slot": "navigation-menu-content",
         className: cn('group/navigation-menu-content absolute start-0 top-[calc(100%+0.5rem)] z-60 box-border flex max-h-[min(24rem,calc(100dvh-1.5rem))] w-max max-w-[min(20rem,calc(100vw-1.5rem))] min-w-[min(max(var(--trigger-width,0px),12rem),calc(100vw-1.5rem))] origin-top-left flex-col overflow-auto overscroll-contain rounded-md bg-popover py-1 text-popover-foreground shadow-lg outline-1 outline-border data-[state=closed]:pointer-events-none data-[state=closed]:animate-moduix-menu-closed group-has-[>[data-slot=navigation-menu-indicator]]/navigation-menu-list:data-[state=closed]:animate-none data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none rtl:origin-top-right [&_[data-slot=navigation-menu-link]]:mx-1 [&_[data-slot=navigation-menu-link]]:justify-start [&_[data-slot=navigation-menu-link]]:rounded-sm [&_[data-slot=navigation-menu-link]]:px-2', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-content"
     });
 });
 const NavigationMenu_NavigationMenuLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.Link, {
         ref: ref,
-        "data-slot": "navigation-menu-link",
         className: cn('box-border inline-flex min-h-control-md items-center justify-center gap-2 rounded-md bg-transparent px-3 py-1 text-sm leading-5 font-medium whitespace-nowrap text-inherit no-underline outline-0 transition-[background-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-current:bg-transparent data-current:text-primary data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:transition-[rotate] [&>svg]:duration-200 [&>svg]:ease-in-out [@media(hover:hover)]:[&:not(:disabled):not([data-disabled])]:hover:bg-muted', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-link"
     });
 });
 const NavigationMenu_NavigationMenuIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.Indicator, {
         ref: ref,
-        "data-slot": "navigation-menu-indicator",
         className: cn('pointer-events-none absolute start-0 -top-2.5 flex h-2.5 w-[var(--trigger-width,0px)] [translate:var(--trigger-x,0px)_0] justify-center transition-[translate,inline-size] duration-200 ease-in-out data-[state=closed]:opacity-0 data-[state=open]:opacity-100 motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-indicator"
     });
 });
 const NavigationMenu_NavigationMenuItemIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.ItemIndicator, {
         ref: ref,
-        "data-slot": "navigation-menu-item-indicator",
         className: cn('absolute inset-x-2 bottom-0 h-0.5 rounded-full bg-current', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-item-indicator"
     });
 });
 const NavigationMenu_NavigationMenuArrow = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.Arrow, {
         ref: ref,
-        "data-slot": "navigation-menu-arrow",
         className: cn('relative top-1 size-2.5 rotate-45 border-s border-t border-border bg-popover', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-arrow"
     });
 });
 const NavigationMenu_NavigationMenuViewportPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.ViewportPositioner, {
         ref: ref,
-        "data-slot": "navigation-menu-viewport-positioner",
         className: cn('absolute start-0 top-full z-60 flex [translate:var(--viewport-x,0px)_0] data-[orientation=vertical]:start-full data-[orientation=vertical]:top-[var(--viewport-y,0px)] data-[orientation=vertical]:[translate:0_0] data-[orientation=vertical]:[&>[data-slot=navigation-menu-viewport]]:ms-2 data-[orientation=vertical]:[&>[data-slot=navigation-menu-viewport]]:mt-0', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-viewport-positioner"
     });
 });
 const NavigationMenu_NavigationMenuViewport = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NavigationMenu.Viewport, {
         ref: ref,
-        "data-slot": "navigation-menu-viewport",
         className: cn('relative mt-2.5 box-border h-[var(--viewport-height)] max-h-[min(32rem,calc(100dvh-1.5rem))] w-[var(--viewport-width)] max-w-[min(40rem,calc(100vw-1.5rem))] origin-top overflow-hidden rounded-md bg-popover text-popover-foreground shadow-lg outline-1 outline-border transition-[inline-size,block-size] duration-200 ease-in-out data-[state=closed]:pointer-events-none data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none motion-reduce:transition-none [&_[data-slot=navigation-menu-content]]:absolute [&_[data-slot=navigation-menu-content]]:top-0 [&_[data-slot=navigation-menu-content]]:right-auto [&_[data-slot=navigation-menu-content]]:bottom-auto [&_[data-slot=navigation-menu-content]]:left-0 [&_[data-slot=navigation-menu-content]]:m-0 [&_[data-slot=navigation-menu-content]]:max-h-none [&_[data-slot=navigation-menu-content]]:origin-center [&_[data-slot=navigation-menu-content]]:overflow-visible [&_[data-slot=navigation-menu-content]]:rounded-none [&_[data-slot=navigation-menu-content]]:bg-transparent [&_[data-slot=navigation-menu-content]]:shadow-none [&_[data-slot=navigation-menu-content]]:outline-0 [&_[data-slot=navigation-menu-content]]:will-change-[translate,opacity] [&_[data-slot=navigation-menu-content][data-motion=from-end][data-state=open]]:animate-moduix-navigation-menu-content-from-end [&_[data-slot=navigation-menu-content][data-motion=from-start][data-state=open]]:animate-moduix-navigation-menu-content-from-start [&_[data-slot=navigation-menu-content][data-motion=to-end][data-state=closed]]:animate-moduix-navigation-menu-content-to-end [&_[data-slot=navigation-menu-content][data-motion=to-start][data-state=closed]]:animate-moduix-navigation-menu-content-to-start [&_[data-slot=navigation-menu-content][data-state]]:animate-none', className),
-        ...props
+        ...props,
+        "data-slot": "navigation-menu-viewport"
     });
 });
 const NavigationMenu_NavigationMenu = Object.assign(NavigationMenu_NavigationMenuRoot, {

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

@@ -7,75 +7,75 @@ import { MinusIcon, PlusIcon } from "../../internal/icons/ui/index.js";
 const NumberInput_NumberInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NumberInput.Root, {
         ref: ref,
-        "data-slot": "number-input-root",
         className: cn('group/number-input flex w-auto max-w-none flex-col items-start gap-1 data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "number-input-root"
     });
 });
 const NumberInput_NumberInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NumberInput.RootProvider, {
         ref: ref,
-        "data-slot": "number-input-root-provider",
         className: cn('group/number-input flex w-auto max-w-none flex-col items-start gap-1 data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "number-input-root-provider"
     });
 });
 const NumberInput_NumberInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NumberInput.Label, {
         ref: ref,
-        "data-slot": "number-input-label",
         className: cn('text-sm leading-5 font-medium text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "number-input-label"
     });
 });
 const NumberInput_NumberInputScrubber = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NumberInput.Scrubber, {
         ref: ref,
-        "data-slot": "number-input-scrubber",
         className: cn('inline-flex cursor-ew-resize items-center gap-2 text-foreground select-none data-disabled:cursor-default', className),
-        ...props
+        ...props,
+        "data-slot": "number-input-scrubber"
     });
 });
 const NumberInput_NumberInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NumberInput.Control, {
         ref: ref,
-        "data-slot": "number-input-control",
         className: cn('inline-flex items-stretch', className),
-        ...props
+        ...props,
+        "data-slot": "number-input-control"
     });
 });
 const NumberInput_NumberInputDecrementTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(NumberInput.DecrementTrigger, {
         ref: ref,
-        "data-slot": "number-input-decrement-trigger",
         className: cn('box-border inline-flex size-control-md min-w-control-md cursor-pointer items-center justify-center rounded-s-md border border-e-0 border-border bg-background p-0 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none group-data-invalid/number-input:border-destructive focus-visible:z-1 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive active:bg-accent disabled:pointer-events-none data-disabled:pointer-events-none data-focus:z-1 data-focus:outline-1 data-focus:-outline-offset-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
         ...props,
+        "data-slot": "number-input-decrement-trigger",
         children: children ?? /*#__PURE__*/ jsx(MinusIcon, {})
     });
 });
 const NumberInput_NumberInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NumberInput.Input, {
         ref: ref,
-        "data-slot": "number-input-input",
         className: cn('h-control-md w-24 rounded-none border-x-0 border-y border-border border-x-current bg-background px-3 py-1 text-center text-md leading-6 text-foreground tabular-nums outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out group-data-invalid/number-input:border-t-destructive group-data-invalid/number-input:border-b-destructive focus-visible:z-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive data-focus:z-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-t-destructive data-invalid:border-b-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "number-input-input"
     });
 });
 const NumberInput_NumberInputIncrementTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(NumberInput.IncrementTrigger, {
         ref: ref,
-        "data-slot": "number-input-increment-trigger",
         className: cn('box-border inline-flex size-control-md min-w-control-md cursor-pointer items-center justify-center rounded-e-md border border-s-0 border-border bg-background p-0 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none group-data-invalid/number-input:border-destructive focus-visible:z-1 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive active:bg-accent disabled:pointer-events-none data-disabled:pointer-events-none data-focus:z-1 data-focus:outline-1 data-focus:-outline-offset-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
         ...props,
+        "data-slot": "number-input-increment-trigger",
         children: children ?? /*#__PURE__*/ jsx(PlusIcon, {})
     });
 });
 const NumberInput_NumberInputValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NumberInput.ValueText, {
         ref: ref,
-        "data-slot": "number-input-value-text",
         className: cn('text-sm leading-5 text-muted-foreground tabular-nums', className),
-        ...props
+        ...props,
+        "data-slot": "number-input-value-text"
     });
 });
 const NumberInput_NumberInputField = /*#__PURE__*/ forwardRef(function(props, ref) {

package/dist/components/pagination/Pagination.js

@@ -6,33 +6,33 @@ import { ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/index
 const Pagination_PaginationRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.Root, {
         ref: ref,
-        "data-slot": "pagination-root",
         className: cn('inline-flex max-w-full items-center gap-1 overflow-x-auto text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "pagination-root"
     });
 });
 const Pagination_PaginationRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.RootProvider, {
         ref: ref,
-        "data-slot": "pagination-root-provider",
         className: cn('inline-flex max-w-full items-center gap-1 overflow-x-auto text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "pagination-root-provider"
     });
 });
 const Pagination_PaginationItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.Item, {
         ref: ref,
-        "data-slot": "pagination-item",
         className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium tabular-nums', 'cursor-pointer gap-2 border border-border bg-background px-2 whitespace-nowrap text-foreground no-underline select-none', 'focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50', 'data-selected:border-foreground data-selected:bg-foreground data-selected:text-background [@media(hover:hover)]:hover:bg-accent [@media(hover:hover)]:data-selected:hover:bg-foreground', '[&_svg]:size-4 [&_svg]:shrink-0', className),
-        ...props
+        ...props,
+        "data-slot": "pagination-item"
     });
 });
 const Pagination_PaginationEllipsis = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.Ellipsis, {
         ref: ref,
-        "data-slot": "pagination-ellipsis",
         className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium text-muted-foreground tabular-nums select-none', className),
         ...props,
+        "data-slot": "pagination-ellipsis",
         children: children ?? (!props.asChild && '...')
     });
 });
@@ -50,27 +50,27 @@ function EdgeIcon({ side }) {
 const Pagination_PaginationPrevTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.PrevTrigger, {
         ref: ref,
-        "data-slot": "pagination-prev-trigger",
         className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium tabular-nums', 'cursor-pointer gap-2 border border-border bg-background px-3 whitespace-nowrap text-foreground no-underline select-none', 'focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50', '[&_svg]:size-4 [&_svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', null == children && 'w-control-md p-0 rtl:[&_svg]:-scale-x-100', className),
         ...props,
+        "data-slot": "pagination-prev-trigger",
         children: children ?? (!props.asChild && /*#__PURE__*/ jsx(ChevronLeftIcon, {}))
     });
 });
 const Pagination_PaginationNextTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.NextTrigger, {
         ref: ref,
-        "data-slot": "pagination-next-trigger",
         className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium tabular-nums', 'cursor-pointer gap-2 border border-border bg-background px-3 whitespace-nowrap text-foreground no-underline select-none', 'focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50', '[&_svg]:size-4 [&_svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', null == children && 'w-control-md p-0 rtl:[&_svg]:-scale-x-100', className),
         ...props,
+        "data-slot": "pagination-next-trigger",
         children: children ?? (!props.asChild && /*#__PURE__*/ jsx(ChevronRightIcon, {}))
     });
 });
 const Pagination_PaginationFirstTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.FirstTrigger, {
         ref: ref,
-        "data-slot": "pagination-first-trigger",
         className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium tabular-nums', 'cursor-pointer gap-2 border border-border bg-background px-3 whitespace-nowrap text-foreground no-underline select-none', 'focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50', '[&_svg]:size-4 [&_svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', null == children && 'w-control-md p-0 rtl:[&_svg]:-scale-x-100', className),
         ...props,
+        "data-slot": "pagination-first-trigger",
         children: children ?? (!props.asChild && /*#__PURE__*/ jsx(EdgeIcon, {
             side: "left"
         }))
@@ -79,9 +79,9 @@ const Pagination_PaginationFirstTrigger = /*#__PURE__*/ forwardRef(function({ cl
 const Pagination_PaginationLastTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.LastTrigger, {
         ref: ref,
-        "data-slot": "pagination-last-trigger",
         className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium tabular-nums', 'cursor-pointer gap-2 border border-border bg-background px-3 whitespace-nowrap text-foreground no-underline select-none', 'focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50', '[&_svg]:size-4 [&_svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', null == children && 'w-control-md p-0 rtl:[&_svg]:-scale-x-100', className),
         ...props,
+        "data-slot": "pagination-last-trigger",
         children: children ?? (!props.asChild && /*#__PURE__*/ jsx(EdgeIcon, {
             side: "right"
         }))

package/dist/components/password-input/PasswordInput.js

@@ -6,58 +6,58 @@ import { EyeClosedIcon, EyeIcon } from "../../internal/icons/ui/index.js";
 const PasswordInput_PasswordInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PasswordInput.Root, {
         ref: ref,
-        "data-slot": "password-input-root",
         className: cn('flex w-full max-w-none flex-col gap-1 text-foreground data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "password-input-root"
     });
 });
 const PasswordInput_PasswordInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PasswordInput.RootProvider, {
         ref: ref,
-        "data-slot": "password-input-root-provider",
         className: cn('flex w-full max-w-none flex-col gap-1 text-foreground data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "password-input-root-provider"
     });
 });
 const PasswordInput_PasswordInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PasswordInput.Label, {
         ref: ref,
-        "data-slot": "password-input-label",
         className: cn('inline-flex items-center gap-1 text-sm leading-5 font-medium text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "password-input-label"
     });
 });
 const PasswordInput_PasswordInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PasswordInput.Control, {
         ref: ref,
-        "data-slot": "password-input-control",
         className: cn('flex min-h-control-md w-full items-center rounded-md border border-border bg-background pr-2 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out focus-within:outline-ring data-invalid:border-destructive data-invalid:focus-within:outline-destructive data-readonly:bg-background data-readonly:text-foreground motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "password-input-control"
     });
 });
 const PasswordInput_PasswordInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PasswordInput.Input, {
         ref: ref,
-        "data-slot": "password-input-input",
         className: cn('min-h-0 min-w-0 flex-auto bg-transparent px-3 py-1 text-md leading-6 text-foreground outline-0 transition-opacity duration-200 ease-in-out placeholder:text-muted-foreground disabled:pointer-events-none data-disabled:pointer-events-none motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "password-input-input"
     });
 });
 const PasswordInput_PasswordInputVisibilityTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PasswordInput.VisibilityTrigger, {
         ref: ref,
-        "data-slot": "password-input-visibility-trigger",
         className: cn('group/password-input-trigger inline-flex size-control-sm min-w-control-sm shrink-0 cursor-pointer items-center justify-center rounded-sm bg-transparent text-muted-foreground outline-1 -outline-offset-1 outline-transparent transition-[color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring disabled:cursor-default data-disabled:cursor-default data-readonly:cursor-default motion-reduce:transition-none [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):not([data-readonly]):hover]:text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "password-input-visibility-trigger"
     });
 });
 const PasswordInput_PasswordInputIndicator = /*#__PURE__*/ forwardRef(function({ className, children, fallback, ...props }, ref) {
     return /*#__PURE__*/ jsx(PasswordInput.Indicator, {
         ref: ref,
-        "data-slot": "password-input-indicator",
         className: cn("inline-flex items-center justify-center rounded-sm p-1 transition-[background-color,color] duration-200 ease-in-out group-hover/password-input-trigger:bg-muted group-focus-visible/password-input-trigger:bg-muted group-data-[disabled]/password-input-trigger:bg-transparent group-data-[readonly]/password-input-trigger:bg-transparent motion-reduce:transition-none [&>svg:not([class*='size-'])]:size-4", className),
         fallback: fallback ?? /*#__PURE__*/ jsx(EyeClosedIcon, {}),
         ...props,
+        "data-slot": "password-input-indicator",
         children: children ?? /*#__PURE__*/ jsx(EyeIcon, {})
     });
 });