@moduix/react-tailwind 1.0.0 → 1.1.0

package/dist/components/pin-input/PinInput.js

@@ -7,43 +7,43 @@ import { SeparatorMarkIcon } from "../../internal/icons/ui/index.js";
 const PinInput_PinInputRoot = /*#__PURE__*/ forwardRef(function({ className, count, placeholder = '', ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.Root, {
         ref: ref,
-        "data-slot": "pin-input-root",
         className: cn('inline-flex w-auto max-w-none flex-col items-start gap-2 data-disabled:opacity-50', className),
         count: count,
         placeholder: placeholder,
-        ...props
+        ...props,
+        "data-slot": "pin-input-root"
     });
 });
 const PinInput_PinInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.RootProvider, {
         ref: ref,
-        "data-slot": "pin-input-root-provider",
         className: cn('inline-flex w-auto max-w-none flex-col items-start gap-2 data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "pin-input-root-provider"
     });
 });
 const PinInput_PinInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.Label, {
         ref: ref,
-        "data-slot": "pin-input-label",
         className: cn('text-sm leading-5 font-medium text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "pin-input-label"
     });
 });
 const PinInput_PinInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.Control, {
         ref: ref,
-        "data-slot": "pin-input-control",
         className: cn('inline-flex items-center gap-2', className),
-        ...props
+        ...props,
+        "data-slot": "pin-input-control"
     });
 });
 const PinInput_PinInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.Input, {
         ref: ref,
-        "data-slot": "pin-input-input",
         className: cn('size-control-md flex-none rounded-md border border-border bg-background px-0 py-0 text-center text-lg leading-7 font-medium text-foreground tabular-nums outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,background-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "pin-input-input"
     });
 });
 function PinInputInputs({ className }) {
@@ -55,11 +55,11 @@ function PinInputInputs({ className }) {
 }
 function PinInputSeparator({ className, 'aria-hidden': ariaHidden = true, role = 'presentation', children, ...props }) {
     return /*#__PURE__*/ jsx("span", {
-        "data-slot": "pin-input-separator",
         "aria-hidden": ariaHidden,
         role: role,
         className: cn('pointer-events-none inline-flex size-4 flex-none items-center justify-center leading-none text-muted-foreground [&>svg]:size-full [&>svg]:flex-none', className),
         ...props,
+        "data-slot": "pin-input-separator",
         children: children ?? /*#__PURE__*/ jsx(SeparatorMarkIcon, {})
     });
 }

package/dist/components/popover/Popover.js

@@ -36,86 +36,86 @@ function PopoverRootProvider({ lazyMount = true, portalRef, unmountOnExit = true
 const Popover_PopoverAnchor = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Anchor, {
         ref: ref,
-        "data-slot": "popover-anchor",
         className: className,
-        ...props
+        ...props,
+        "data-slot": "popover-anchor"
     });
 });
 const Popover_PopoverTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Trigger, {
         ref: ref,
-        "data-slot": "popover-trigger",
         asChild: asChild,
         className: cn(!asChild && 'box-border inline-flex min-h-control-md cursor-pointer items-center justify-center rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-0 transition-[background-color,border-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-[state=open]:not-data-[value]:bg-accent data-[current]:data-[state=open]:bg-accent motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', className),
-        ...props
+        ...props,
+        "data-slot": "popover-trigger"
     });
 });
 const Popover_PopoverIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Indicator, {
         ref: ref,
-        "data-slot": "popover-indicator",
         className: className,
-        ...props
+        ...props,
+        "data-slot": "popover-indicator"
     });
 });
 const Popover_PopoverPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Popover.Positioner, {
             ref: ref,
-            "data-slot": "popover-positioner",
             className: cn('z-[var(--z-index,var(--moduix-z-popup))] max-w-[var(--available-width)] outline-0', className),
-            ...props
+            ...props,
+            "data-slot": "popover-positioner"
         })
     });
 });
 const Popover_PopoverContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Content, {
         ref: ref,
-        "data-slot": "popover-content",
         className: cn('group/popover-content relative z-[calc(var(--moduix-z-popup)+var(--layer-index,0))] max-h-[min(24rem,var(--available-height,100dvh))] max-w-[min(28rem,var(--available-width))] min-w-[min(16rem,var(--available-width))] origin-[var(--transform-origin)] overflow-visible rounded-md bg-popover p-4 wrap-anywhere text-popover-foreground shadow-lg outline-1 outline-border has-[>[data-slot=popover-body]]:flex has-[>[data-slot=popover-body]]:flex-col data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none has-[>[data-slot=popover-body]]:[&>[data-slot=popover-body]]:overflow-auto', className),
-        ...props
+        ...props,
+        "data-slot": "popover-content"
     });
 });
 const Popover_PopoverArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Arrow, {
         ref: ref,
-        "data-slot": "popover-arrow",
         className: cn('[--arrow-background:var(--color-popover)] [--arrow-size:0.625rem]', className),
         ...props,
+        "data-slot": "popover-arrow",
         children: children ?? /*#__PURE__*/ jsx(Popover_PopoverArrowTip, {})
     });
 });
 const Popover_PopoverArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.ArrowTip, {
         ref: ref,
-        "data-slot": "popover-arrow-tip",
         className: cn('border-t border-l border-border', className),
-        ...props
+        ...props,
+        "data-slot": "popover-arrow-tip"
     });
 });
 const Popover_PopoverTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Title, {
         ref: ref,
-        "data-slot": "popover-title",
         className: cn('text-md leading-6 font-semibold text-popover-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "popover-title"
     });
 });
 const Popover_PopoverDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Description, {
         ref: ref,
-        "data-slot": "popover-description",
         className: cn('text-sm leading-5 text-muted-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "popover-description"
     });
 });
 const Popover_PopoverCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.CloseTrigger, {
         ref: ref,
-        "data-slot": "popover-close-trigger",
         asChild: asChild,
         className: cn(!asChild && 'box-border inline-flex min-h-control-md cursor-pointer items-center justify-center rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-0 transition-[background-color,border-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', className),
-        ...props
+        ...props,
+        "data-slot": "popover-close-trigger"
     });
 });
 const Popover_PopoverCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
@@ -134,25 +134,25 @@ const Popover_PopoverCloseIcon = /*#__PURE__*/ forwardRef(function({ className,
 const Popover_PopoverHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "popover-header",
         className: cn('grid gap-1 group-has-[>[data-slot=popover-close-icon]]/popover-content:pe-10', className),
-        ...props
+        ...props,
+        "data-slot": "popover-header"
     });
 });
 const Popover_PopoverBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "popover-body",
         className: cn('min-h-0', className),
-        ...props
+        ...props,
+        "data-slot": "popover-body"
     });
 });
 const Popover_PopoverFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "popover-footer",
         className: cn('mt-3 flex items-center justify-end gap-2', className),
-        ...props
+        ...props,
+        "data-slot": "popover-footer"
     });
 });
 const Popover_Popover = Object.assign(PopoverRoot, {

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

@@ -6,57 +6,57 @@ import { cn } from "../../internal/cn.js";
 const ProgressCircular_ProgressCircularRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Root, {
         ref: ref,
-        "data-slot": "progress-circular-root",
         className: cn('inline-grid w-max max-w-full min-w-0 justify-items-center gap-2 text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-root"
     });
 });
 const ProgressCircular_ProgressCircularRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.RootProvider, {
         ref: ref,
-        "data-slot": "progress-circular-root-provider",
         className: cn('inline-grid w-max max-w-full min-w-0 justify-items-center gap-2 text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-root-provider"
     });
 });
 const ProgressCircular_ProgressCircularLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Label, {
         ref: ref,
-        "data-slot": "progress-circular-label",
         className: cn('max-w-full min-w-0 text-center text-sm font-regular [overflow-wrap:anywhere]', className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-label"
     });
 });
 const ProgressCircular_ProgressCircularValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.ValueText, {
         ref: ref,
-        "data-slot": "progress-circular-value-text",
         className: cn('max-w-full min-w-0 text-center text-sm font-medium [overflow-wrap:anywhere]', className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-value-text"
     });
 });
 const ProgressCircular_ProgressCircularCircle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Circle, {
         ref: ref,
-        "data-slot": "progress-circular-circle",
         className: cn('block overflow-visible [--size:var(--spacing-control-xl)] [--thickness:0.4rem]', className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-circle"
     });
 });
 const ProgressCircular_ProgressCircularCircleTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.CircleTrack, {
         ref: ref,
-        "data-slot": "progress-circular-circle-track",
         className: cn('stroke-muted', className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-circle-track"
     });
 });
 const ProgressCircular_ProgressCircularCircleRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.CircleRange, {
         ref: ref,
-        "data-slot": "progress-circular-circle-range",
         className: cn('origin-center stroke-primary transition-[stroke-dashoffset] duration-200 ease-in-out [stroke-linecap:round] [transform-box:fill-box] data-[state=indeterminate]:animate-[moduix-spin_1.4s_linear_infinite] data-[state=indeterminate]:[stroke-dasharray:1_200] motion-reduce:transition-none motion-reduce:data-[state=indeterminate]:animate-none motion-reduce:data-[state=indeterminate]:[stroke-dasharray:20_200]', className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-circle-range"
     });
 });
 const ProgressCircular_ProgressCircularRing = /*#__PURE__*/ forwardRef(function(props, ref) {
@@ -72,9 +72,9 @@ const ProgressCircular_ProgressCircularRing = /*#__PURE__*/ forwardRef(function(
 const ProgressCircular_ProgressCircularView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.View, {
         ref: ref,
-        "data-slot": "progress-circular-view",
         className: cn('contents', className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-view"
     });
 });
 const ProgressCircular = Object.assign(ProgressCircular_ProgressCircularRoot, {

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

@@ -5,57 +5,57 @@ import { cn } from "../../internal/cn.js";
 const ProgressLinear_ProgressLinearRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Root, {
         ref: ref,
-        "data-slot": "progress-linear-root",
         className: cn('box-border grid w-48 max-w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] gap-2 text-foreground data-[orientation=vertical]:h-48 data-[orientation=vertical]:w-max data-[orientation=vertical]:grid-rows-[auto_minmax(0,1fr)]', className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-root"
     });
 });
 const ProgressLinear_ProgressLinearRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.RootProvider, {
         ref: ref,
-        "data-slot": "progress-linear-root-provider",
         className: cn('box-border grid w-48 max-w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] gap-2 text-foreground data-[orientation=vertical]:h-48 data-[orientation=vertical]:w-max data-[orientation=vertical]:grid-rows-[auto_minmax(0,1fr)]', className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-root-provider"
     });
 });
 const ProgressLinear_ProgressLinearLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Label, {
         ref: ref,
-        "data-slot": "progress-linear-label",
         className: cn('min-w-0 text-sm leading-5 font-normal [overflow-wrap:anywhere] text-current', className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-label"
     });
 });
 const ProgressLinear_ProgressLinearValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.ValueText, {
         ref: ref,
-        "data-slot": "progress-linear-value-text",
         className: cn('min-w-0 justify-self-end text-end text-sm leading-5 font-normal [overflow-wrap:anywhere] text-current', className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-value-text"
     });
 });
 const ProgressLinear_ProgressLinearTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Track, {
         ref: ref,
-        "data-slot": "progress-linear-track",
         className: cn('col-span-full box-border block h-2 w-full overflow-hidden rounded-full bg-muted ring-1 ring-border ring-inset data-[orientation=vertical]:flex data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2 data-[orientation=vertical]:items-end data-[orientation=vertical]:justify-self-center', className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-track"
     });
 });
 const ProgressLinear_ProgressLinearRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Range, {
         ref: ref,
-        "data-slot": "progress-linear-range",
         className: cn('block h-full rounded-[inherit] bg-primary transition-[width,height] duration-200 ease-in-out data-[orientation=vertical]:w-full data-[state=indeterminate]:w-[35%] data-[state=indeterminate]:animate-moduix-progress-linear-indeterminate data-[state=indeterminate]:data-[orientation=vertical]:h-[35%] data-[state=indeterminate]:data-[orientation=vertical]:animate-moduix-progress-linear-indeterminate-vertical motion-reduce:data-[state=indeterminate]:translate-x-0 motion-reduce:data-[state=indeterminate]:translate-y-0 motion-reduce:data-[state=indeterminate]:animate-none rtl:data-[state=indeterminate]:data-[orientation=horizontal]:[animation-direction:reverse]', className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-range"
     });
 });
 const ProgressLinear_ProgressLinearView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.View, {
         ref: ref,
-        "data-slot": "progress-linear-view",
         className: cn('contents', className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-view"
     });
 });
 const ProgressLinear = Object.assign(ProgressLinear_ProgressLinearRoot, {

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

@@ -6,49 +6,49 @@ import { cn } from "../../internal/cn.js";
 const QrCode_QrCodeRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.Root, {
         ref: ref,
-        "data-slot": "qr-code-root",
         className: cn('relative box-border inline-flex w-32 max-w-full flex-col items-center gap-3 text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-root"
     });
 });
 const QrCode_QrCodeRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.RootProvider, {
         ref: ref,
-        "data-slot": "qr-code-root-provider",
         className: cn('relative box-border inline-flex w-32 max-w-full flex-col items-center gap-3 text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-root-provider"
     });
 });
 const QrCode_QrCodeFrame = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.Frame, {
         ref: ref,
-        "data-slot": "qr-code-frame",
         className: cn('box-border aspect-square h-auto w-full fill-current text-inherit', className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-frame"
     });
 });
 const QrCode_QrCodePattern = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.Pattern, {
         ref: ref,
-        "data-slot": "qr-code-pattern",
         className: cn('fill-inherit', className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-pattern"
     });
 });
 const QrCode_QrCodeOverlay = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.Overlay, {
         ref: ref,
-        "data-slot": "qr-code-overlay",
         className: cn('box-border inline-flex size-control-lg items-center justify-center rounded-sm bg-background p-1 text-foreground [&_img]:size-full [&_img]:object-contain [&_svg]:size-full [&_svg]:object-contain', className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-overlay"
     });
 });
 const QrCode_QrCodeDownloadTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.DownloadTrigger, {
         ref: ref,
-        "data-slot": "qr-code-download-trigger",
         className: cn('box-border inline-flex min-h-control-md cursor-pointer appearance-none items-center justify-center gap-2 rounded-md border border-border bg-background px-4 text-sm leading-5 font-medium whitespace-nowrap text-foreground transition-[border-color,background-color,color,opacity,box-shadow,transform] duration-200 ease-in-out 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 motion-reduce:transition-none [&_svg]:size-4 [&_svg]:shrink-0 [&:active:not(:disabled):not([data-disabled])]:opacity-[0.94] motion-safe:[&:active:not(:disabled):not([data-disabled])]:translate-y-px motion-safe:[&:active:not(:disabled):not([data-disabled])]:scale-[0.985] [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:bg-accent', className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-download-trigger"
     });
 });
 const QrCode_QrCode = Object.assign(QrCode_QrCodeRoot, {

package/dist/components/radio-group/RadioGroup.js

@@ -21,33 +21,33 @@ const radioGroupItemControlVariants = cva("relative inline-flex shrink-0 items-c
 const RadioGroup_RadioGroupRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RadioGroup.Root, {
         ref: ref,
-        "data-slot": "radio-group-root",
         className: cn('relative flex flex-col gap-2 text-foreground data-disabled:cursor-default', className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-root"
     });
 });
 const RadioGroup_RadioGroupRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RadioGroup.RootProvider, {
         ref: ref,
-        "data-slot": "radio-group-root-provider",
         className: cn('relative flex flex-col gap-2 text-foreground data-disabled:cursor-default', className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-root-provider"
     });
 });
 const RadioGroup_RadioGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RadioGroup.Label, {
         ref: ref,
-        "data-slot": "radio-group-label",
         className: cn('text-sm leading-5 font-semibold text-inherit', className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-label"
     });
 });
 const RadioGroup_RadioGroupItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RadioGroup.Item, {
         ref: ref,
-        "data-slot": "radio-group-item",
         className: cn('inline-flex w-fit cursor-pointer items-center gap-2 align-middle data-disabled:cursor-default data-disabled:opacity-50 data-readonly:cursor-default', className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-item"
     });
 });
 const RadioGroup_RadioGroupOption = /*#__PURE__*/ forwardRef(function({ children, size, ...props }, ref) {
@@ -68,28 +68,28 @@ const RadioGroup_RadioGroupOption = /*#__PURE__*/ forwardRef(function({ children
 const RadioGroup_RadioGroupItemControl = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(RadioGroup.ItemControl, {
         ref: ref,
-        "data-slot": "radio-group-item-control",
         "data-size": size,
         className: cn(radioGroupItemControlVariants({
             size
         }), className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-item-control"
     });
 });
 const RadioGroup_RadioGroupItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RadioGroup.ItemText, {
         ref: ref,
-        "data-slot": "radio-group-item-text",
         className: cn('text-sm leading-5 font-medium text-inherit', className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-item-text"
     });
 });
 const RadioGroup_RadioGroupIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RadioGroup.Indicator, {
         ref: ref,
-        "data-slot": "radio-group-indicator",
         className: cn('pointer-events-none absolute top-[var(--top)] left-[var(--left)] h-[var(--height)] w-[var(--width)] rounded-full bg-primary opacity-[0.12] transition-[var(--transition-property,translate)] duration-200 ease-in-out motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-indicator"
     });
 });
 const RadioGroup_RadioGroup = Object.assign(RadioGroup_RadioGroupRoot, {

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

@@ -7,54 +7,54 @@ import { RatingStarIcon } from "../../internal/icons/ui/index.js";
 const RatingGroup_RatingGroupRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(RatingGroup.Root, {
         ref: ref,
-        "data-slot": "rating-group-root",
         "data-size": size,
         className: cn('group/rating-group inline-flex flex-col gap-1 text-muted-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "rating-group-root"
     });
 });
 const RatingGroup_RatingGroupRootProvider = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(RatingGroup.RootProvider, {
         ref: ref,
-        "data-slot": "rating-group-root-provider",
         "data-size": size,
         className: cn('group/rating-group inline-flex flex-col gap-1 text-muted-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "rating-group-root-provider"
     });
 });
 const RatingGroup_RatingGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RatingGroup.Label, {
         ref: ref,
-        "data-slot": "rating-group-label",
         className: cn('text-sm leading-5 font-semibold text-foreground select-none data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "rating-group-label"
     });
 });
 const RatingGroup_RatingGroupControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RatingGroup.Control, {
         ref: ref,
-        "data-slot": "rating-group-control",
         className: cn('inline-flex items-center gap-1 data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "rating-group-control"
     });
 });
 const RatingGroup_RatingGroupItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RatingGroup.Item, {
         ref: ref,
-        "data-slot": "rating-group-item",
         className: cn('inline-flex cursor-pointer items-center justify-center rounded-sm leading-none text-inherit outline-1 -outline-offset-1 outline-transparent transition-[color,opacity] duration-200 ease-in-out data-disabled:pointer-events-none data-disabled:cursor-default data-focus-visible:outline-1 data-focus-visible:outline-offset-1 data-focus-visible:outline-ring data-readonly:cursor-default', className),
-        ...props
+        ...props,
+        "data-slot": "rating-group-item"
     });
 });
 const RatingGroup_RatingGroupItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     const { half, highlighted } = useRatingGroupItemContext();
     return /*#__PURE__*/ jsx("span", {
         ref: ref,
-        "data-slot": "rating-group-item-indicator",
         "data-half": half ? '' : void 0,
         "data-highlighted": highlighted ? '' : void 0,
         className: cn('relative inline-flex size-5 items-center justify-center text-primary group-data-[size=lg]/rating-group:size-6 group-data-[size=sm]/rating-group:size-4 group-data-[size=xl]/rating-group:size-7 group-data-[size=xs]/rating-group:size-3.5 [&>svg]:size-full [&>svg]:flex-none [&>svg]:transition-[color,fill,stroke,clip-path] [&>svg]:duration-200 [&>svg]:ease-in-out', className),
         ...props,
+        "data-slot": "rating-group-item-indicator",
         children: children ?? /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 /*#__PURE__*/ jsx(RatingStarIcon, {

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

@@ -37,57 +37,57 @@ const SegmentGroup_SegmentGroupRoot = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(SegmentGroup.RootProvider, {
         ref: ref,
         value: segmentGroup,
-        "data-slot": "segment-group-root",
         className: cn('group/segment-group relative isolate box-border inline-flex max-w-full items-stretch gap-1 rounded-lg border border-border bg-muted p-1 text-foreground data-disabled:opacity-50 data-invalid:border-destructive data-[orientation=vertical]:flex-col', className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-root"
     });
 });
 const SegmentGroup_SegmentGroupRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.RootProvider, {
         ref: ref,
-        "data-slot": "segment-group-root-provider",
         className: cn('group/segment-group relative isolate box-border inline-flex max-w-full items-stretch gap-1 rounded-lg border border-border bg-muted p-1 text-foreground data-disabled:opacity-50 data-invalid:border-destructive data-[orientation=vertical]:flex-col', className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-root-provider"
     });
 });
 const SegmentGroup_SegmentGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.Label, {
         ref: ref,
-        "data-slot": "segment-group-label",
         className: cn('relative z-1 text-sm leading-5 font-semibold text-inherit select-none', className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-label"
     });
 });
 const SegmentGroup_SegmentGroupItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.Item, {
         ref: ref,
-        "data-slot": "segment-group-item",
         className: cn('relative z-1 box-border inline-flex min-h-control-sm cursor-pointer items-center justify-center gap-2 rounded-md px-3.5 text-sm leading-5 font-medium whitespace-nowrap text-muted-foreground outline-0 transition-[color,opacity] duration-200 ease-in-out select-none group-data-disabled/segment-group:!opacity-100 data-disabled:cursor-default data-disabled:opacity-50 data-focus-visible:outline-1 data-focus-visible:-outline-offset-1 data-focus-visible:outline-ring data-invalid:data-focus-visible:outline-destructive data-readonly:cursor-default data-[orientation=vertical]:w-full data-[orientation=vertical]:justify-start data-[state=checked]:text-foreground [@media(hover:hover)]:[&:not([data-readonly]):not([data-disabled]):hover]:text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-item"
     });
 });
 const SegmentGroup_SegmentGroupItemControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.ItemControl, {
         ref: ref,
-        "data-slot": "segment-group-item-control",
         className: cn('hidden', className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-item-control"
     });
 });
 const SegmentGroup_SegmentGroupItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.ItemText, {
         ref: ref,
-        "data-slot": "segment-group-item-text",
         className: cn('relative z-1', className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-item-text"
     });
 });
 const SegmentGroup_SegmentGroupIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.Indicator, {
         ref: ref,
-        "data-slot": "segment-group-indicator",
         className: cn('pointer-events-none absolute top-[var(--top)] left-[var(--left)] z-0 h-[var(--height)] w-[var(--width)] rounded-md bg-background shadow-sm !duration-200 !ease-in-out', className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-indicator"
     });
 });
 function SegmentGroupItems({ items }) {