@moduix/react-tailwind 1.0.0 → 1.1.0

package/dist/components/table/Table.js

@@ -26,7 +26,6 @@ const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className,
         asChild: asChild,
         "data-scope": "table",
         "data-part": "root",
-        "data-slot": "table-root",
         "data-interactive": interactive || void 0,
         "data-show-column-border": showColumnBorder || void 0,
         "data-size": size,
@@ -37,7 +36,8 @@ const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className,
             size,
             variant
         }), className),
-        ...props
+        ...props,
+        "data-slot": "table-root"
     });
 });
 const Table_TableScrollArea = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -46,9 +46,9 @@ const Table_TableScrollArea = /*#__PURE__*/ forwardRef(function({ asChild, class
         asChild: asChild,
         "data-scope": "table",
         "data-part": "scroll-area",
-        "data-slot": "table-scroll-area",
         className: cn('relative isolate w-full min-w-0 overflow-x-auto rounded-lg border border-border bg-card', className),
-        ...props
+        ...props,
+        "data-slot": "table-scroll-area"
     });
 });
 const Table_TableCaption = /*#__PURE__*/ forwardRef(function({ asChild, className, side = 'bottom', ...props }, ref) {
@@ -58,9 +58,9 @@ const Table_TableCaption = /*#__PURE__*/ forwardRef(function({ asChild, classNam
         "data-scope": "table",
         "data-part": "caption",
         "data-side": side,
-        "data-slot": "table-caption",
         className: cn('px-4 text-left text-sm leading-5 text-pretty text-muted-foreground group-data-[size=lg]/table:px-5 group-data-[size=sm]/table:px-3 data-[side=bottom]:caption-bottom data-[side=bottom]:pt-3 data-[side=bottom]:pb-2 data-[side=top]:caption-top data-[side=top]:pt-2 data-[side=top]:pb-3', className),
-        ...props
+        ...props,
+        "data-slot": "table-caption"
     });
 });
 const Table_TableColumnGroup = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -69,9 +69,9 @@ const Table_TableColumnGroup = /*#__PURE__*/ forwardRef(function({ asChild, clas
         asChild: asChild,
         "data-scope": "table",
         "data-part": "column-group",
-        "data-slot": "table-column-group",
         className: className,
-        ...props
+        ...props,
+        "data-slot": "table-column-group"
     });
 });
 const Table_TableColumn = /*#__PURE__*/ forwardRef(function({ asChild, className, htmlWidth, width, ...props }, ref) {
@@ -80,10 +80,10 @@ const Table_TableColumn = /*#__PURE__*/ forwardRef(function({ asChild, className
         asChild: asChild,
         "data-scope": "table",
         "data-part": "column",
-        "data-slot": "table-column",
         width: htmlWidth ?? width,
         className: className,
-        ...props
+        ...props,
+        "data-slot": "table-column"
     });
 });
 const Table_TableHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -92,9 +92,9 @@ const Table_TableHeader = /*#__PURE__*/ forwardRef(function({ asChild, className
         asChild: asChild,
         "data-scope": "table",
         "data-part": "header",
-        "data-slot": "table-header",
         className: cn('group/table-header group-data-[sticky-header]/table:sticky group-data-[sticky-header]/table:top-0 group-data-[sticky-header]/table:z-3 group-data-[sticky-header]/table:bg-card', className),
-        ...props
+        ...props,
+        "data-slot": "table-header"
     });
 });
 const Table_TableBody = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -103,9 +103,9 @@ const Table_TableBody = /*#__PURE__*/ forwardRef(function({ asChild, className,
         asChild: asChild,
         "data-scope": "table",
         "data-part": "body",
-        "data-slot": "table-body",
         className: cn('group/table-body', className),
-        ...props
+        ...props,
+        "data-slot": "table-body"
     });
 });
 const Table_TableFooter = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -114,9 +114,9 @@ const Table_TableFooter = /*#__PURE__*/ forwardRef(function({ asChild, className
         asChild: asChild,
         "data-scope": "table",
         "data-part": "footer",
-        "data-slot": "table-footer",
         className: cn('border-t border-border bg-muted font-medium', className),
-        ...props
+        ...props,
+        "data-slot": "table-footer"
     });
 });
 const Table_TableRow = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
@@ -125,9 +125,9 @@ const Table_TableRow = /*#__PURE__*/ forwardRef(function({ asChild, className, .
         asChild: asChild,
         "data-scope": "table",
         "data-part": "row",
-        "data-slot": "table-row",
         className: cn('transition-colors duration-200 ease-in-out group-data-[slot=table-body]/table-body:border-b group-data-[slot=table-body]/table-body:border-border group-data-[slot=table-header]/table-header:border-b group-data-[slot=table-header]/table-header:border-border group-data-[slot=table-body]/table-body:last:border-b-0 group-data-[interactive]/table:group-data-[slot=table-body]/table-body:[&:not([data-empty])]:focus-within:bg-muted group-data-[interactive]/table:group-data-[slot=table-body]/table-body:[&:not([data-empty])]:hover:bg-muted group-data-[striped]/table:[&:nth-child(even):not([data-empty])]:bg-muted/35', className),
-        ...props
+        ...props,
+        "data-slot": "table-row"
     });
 });
 const Table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
@@ -137,9 +137,9 @@ const Table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ asChild, cla
         "data-scope": "table",
         "data-part": "column-header",
         "data-numeric": numeric || void 0,
-        "data-slot": "table-column-header",
         className: cn('relative z-0 px-4 py-3 align-middle font-medium whitespace-nowrap text-muted-foreground group-data-[size=lg]/table:px-5 group-data-[size=lg]/table:py-4 group-data-[size=sm]/table:px-3 group-data-[size=sm]/table:py-2 group-data-[sticky-header]/table:data-[sticky]:z-4 data-[sticky=end]:sticky data-[sticky=end]:end-0 data-[sticky=end]:z-2 data-[sticky=end]:bg-card data-[sticky=start]:sticky data-[sticky=start]:start-0 data-[sticky=start]:z-2 data-[sticky=start]:bg-card group-data-[show-column-border]/table:[&:not(:last-child)]:border-e group-data-[show-column-border]/table:[&:not(:last-child)]:border-border', numeric && 'text-end tabular-nums', className),
-        ...props
+        ...props,
+        "data-slot": "table-column-header"
     });
 });
 const Table_TableCell = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
@@ -149,9 +149,9 @@ const Table_TableCell = /*#__PURE__*/ forwardRef(function({ asChild, className,
         "data-scope": "table",
         "data-part": "cell",
         "data-numeric": numeric || void 0,
-        "data-slot": "table-cell",
         className: cn('relative z-0 px-4 py-3 align-middle group-data-[size=lg]/table:px-5 group-data-[size=lg]/table:py-4 group-data-[size=sm]/table:px-3 group-data-[size=sm]/table:py-2 data-[sticky=end]:sticky data-[sticky=end]:end-0 data-[sticky=end]:z-2 data-[sticky=end]:bg-card data-[sticky=start]:sticky data-[sticky=start]:start-0 data-[sticky=start]:z-2 data-[sticky=start]:bg-card group-data-[show-column-border]/table:[&:not(:last-child)]:border-e group-data-[show-column-border]/table:[&:not(:last-child)]:border-border', numeric && 'text-end tabular-nums', className),
-        ...props
+        ...props,
+        "data-slot": "table-cell"
     });
 });
 const Table_TableEmpty = /*#__PURE__*/ forwardRef(function({ asChild, children = 'No results.', className, colSpan, ...props }, ref) {
@@ -166,10 +166,10 @@ const Table_TableEmpty = /*#__PURE__*/ forwardRef(function({ asChild, children =
             asChild: asChild,
             "data-scope": "table",
             "data-part": "empty",
-            "data-slot": "table-empty",
             colSpan: colSpan,
             className: cn('relative z-0 px-4 py-3 align-middle group-data-[size=lg]/table:px-5 group-data-[size=lg]/table:py-4 group-data-[size=sm]/table:px-3 group-data-[size=sm]/table:py-2 data-[sticky=end]:sticky data-[sticky=end]:end-0 data-[sticky=end]:z-2 data-[sticky=end]:bg-card data-[sticky=start]:sticky data-[sticky=start]:start-0 data-[sticky=start]:z-2 data-[sticky=start]:bg-card group-data-[show-column-border]/table:[&:not(:last-child)]:border-e group-data-[show-column-border]/table:[&:not(:last-child)]:border-border', 'py-6 text-center text-muted-foreground group-data-[size=lg]/table:py-8 group-data-[size=sm]/table:py-4', className),
             ...props,
+            "data-slot": "table-empty",
             children: children
         })
     });

package/dist/components/tabs/Tabs.js

@@ -7,11 +7,11 @@ const Tabs_TabsRoot = /*#__PURE__*/ forwardRef(function({ className, orientation
     const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
     return /*#__PURE__*/ jsx(Tabs.Root, {
         ref: ref,
-        "data-slot": "tabs-root",
         "data-variant": resolvedVariant,
         className: cn('group/tabs box-border flex w-full min-w-0 flex-col gap-3 text-foreground data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-stretch', className),
         orientation: orientation,
-        ...props
+        ...props,
+        "data-slot": "tabs-root"
     });
 });
 const Tabs_TabsRootProvider = /*#__PURE__*/ forwardRef(function({ className, value, variant = 'default', ...props }, ref) {
@@ -19,43 +19,43 @@ const Tabs_TabsRootProvider = /*#__PURE__*/ forwardRef(function({ className, val
     const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
     return /*#__PURE__*/ jsx(Tabs.RootProvider, {
         ref: ref,
-        "data-slot": "tabs-root-provider",
         "data-variant": resolvedVariant,
         className: cn('group/tabs box-border flex w-full min-w-0 flex-col gap-3 text-foreground data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-stretch', className),
         value: value,
-        ...props
+        ...props,
+        "data-slot": "tabs-root-provider"
     });
 });
 const Tabs_TabsList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.List, {
         ref: ref,
-        "data-slot": "tabs-list",
         className: cn('relative z-0 inline-flex w-fit max-w-full items-stretch gap-1 rounded-lg border border-border bg-muted p-1 group-data-[orientation=horizontal]/tabs:overflow-x-auto group-data-[orientation=vertical]/tabs:w-48 group-data-[orientation=vertical]/tabs:min-w-48 group-data-[orientation=vertical]/tabs:flex-col group-data-[variant=line]/tabs:w-full group-data-[variant=line]/tabs:rounded-none group-data-[variant=line]/tabs:border-x-0 group-data-[variant=line]/tabs:border-t-0 group-data-[variant=line]/tabs:bg-transparent group-data-[variant=line]/tabs:px-0 group-data-[orientation=vertical]/tabs:max-[30rem]:w-2/5 group-data-[orientation=vertical]/tabs:max-[30rem]:min-w-0', className),
-        ...props
+        ...props,
+        "data-slot": "tabs-list"
     });
 });
 const Tabs_TabsTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.Trigger, {
         ref: ref,
-        "data-slot": "tabs-trigger",
         className: cn("relative z-1 inline-flex h-8 cursor-pointer items-center justify-center gap-2 rounded-md border-0 bg-transparent px-2.5 text-sm leading-5 font-medium whitespace-nowrap text-muted-foreground no-underline outline-0 transition-[color,opacity] duration-200 ease-in-out select-none focus-visible:before:pointer-events-none focus-visible:before:absolute focus-visible:before:inset-0 focus-visible:before:rounded-[inherit] focus-visible:before:outline-1 focus-visible:before:outline-ring focus-visible:before:content-[''] disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 data-selected:text-foreground motion-reduce:transition-none [&>svg]:size-4 [&>svg]:shrink-0 [@media(hover:hover)]:hover:text-foreground", className),
-        ...props
+        ...props,
+        "data-slot": "tabs-trigger"
     });
 });
 const Tabs_TabsIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.Indicator, {
         ref: ref,
-        "data-slot": "tabs-indicator",
         className: cn('pointer-events-none absolute top-1/2 left-[var(--left,0)] z-0 h-8 w-[var(--width,0)] -translate-y-1/2 rounded-md bg-background shadow-sm transition-[var(--transition-property,translate)] duration-200 ease-in-out group-data-[orientation=vertical]/tabs:top-[var(--top,0)] group-data-[orientation=vertical]/tabs:left-1/2 group-data-[orientation=vertical]/tabs:h-[var(--height,0)] group-data-[orientation=vertical]/tabs:w-[calc(100%-0.5rem)] group-data-[orientation=vertical]/tabs:-translate-x-1/2 group-data-[orientation=vertical]/tabs:translate-y-0 group-data-[variant=line]/tabs:top-auto group-data-[variant=line]/tabs:bottom-0 group-data-[variant=line]/tabs:h-0.5 group-data-[variant=line]/tabs:[translate:none] group-data-[variant=line]/tabs:rounded-full group-data-[variant=line]/tabs:bg-foreground group-data-[variant=line]/tabs:shadow-none motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "tabs-indicator"
     });
 });
 const Tabs_TabsContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.Content, {
         ref: ref,
-        "data-slot": "tabs-content",
         className: cn("box-border min-w-0 flex-1 rounded-lg border border-border bg-background p-4 text-sm leading-5 text-foreground outline-0 focus-visible:rounded-[inherit] focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring [&[hidden]:not([hidden='until-found'])]:hidden", className),
-        ...props
+        ...props,
+        "data-slot": "tabs-content"
     });
 });
 const Tabs_Tabs = Object.assign(Tabs_TabsRoot, {

package/dist/components/tags-input/TagsInput.js

@@ -7,82 +7,82 @@ import { CloseButton } from "../close-button/index.js";
 const TagsInput_TagsInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Root, {
         ref: ref,
-        "data-slot": "tags-input-root",
         className: cn('flex w-full max-w-96 flex-col gap-1 text-foreground data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-root"
     });
 });
 const TagsInput_TagsInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.RootProvider, {
         ref: ref,
-        "data-slot": "tags-input-root-provider",
         className: cn('flex w-full max-w-96 flex-col gap-1 text-foreground data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-root-provider"
     });
 });
 const TagsInput_TagsInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Label, {
         ref: ref,
-        "data-slot": "tags-input-label",
         className: cn('inline-flex items-center gap-1 text-sm leading-5 font-medium text-foreground data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-label"
     });
 });
 const TagsInput_TagsInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Control, {
         ref: ref,
-        "data-slot": "tags-input-control",
         className: cn('flex min-h-control-md w-full flex-wrap items-center gap-1 rounded-md border border-border bg-background px-2 py-[0.3125rem] text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,background-color,opacity] duration-200 ease-in-out data-disabled:pointer-events-none data-focus:outline-ring data-invalid:border-destructive data-invalid:data-focus:outline-destructive data-readonly:bg-background data-readonly:text-foreground motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-control"
     });
 });
 const TagsInput_TagsInputItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Item, {
         ref: ref,
-        "data-slot": "tags-input-item",
         className: cn('contents', className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-item"
     });
 });
 const TagsInput_TagsInputItemPreview = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.ItemPreview, {
         ref: ref,
-        "data-slot": "tags-input-item-preview",
         className: cn('inline-flex min-h-control-xs max-w-full min-w-0 items-center gap-1 rounded-full border border-transparent bg-secondary px-2 py-0.5 text-xs leading-4 font-medium text-secondary-foreground transition-[border-color,background-color,color,box-shadow] duration-200 ease-in-out data-disabled:opacity-50 data-highlighted:ring-1 data-highlighted:ring-ring motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-item-preview"
     });
 });
 const TagsInput_TagsInputItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.ItemText, {
         ref: ref,
-        "data-slot": "tags-input-item-text",
         className: cn('min-w-0 truncate', className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-item-text"
     });
 });
 const TagsInput_TagsInputItemDeleteTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.ItemDeleteTrigger, {
         ref: ref,
-        "data-slot": "tags-input-item-delete-trigger",
         className: cn('inline-flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-inherit outline-0 transition-[background-color,color,opacity,box-shadow] duration-200 ease-in-out focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:pointer-events-none [&>svg]:size-2.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-current/10', className),
         ...props,
+        "data-slot": "tags-input-item-delete-trigger",
         children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
     });
 });
 const TagsInput_TagsInputItemInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.ItemInput, {
         ref: ref,
-        "data-slot": "tags-input-item-input",
         className: cn('h-control-xs min-w-28 shrink grow-0 basis-28 border-0 bg-transparent px-1 text-sm leading-5 text-inherit outline-0 placeholder:text-muted-foreground read-only:cursor-default data-readonly:cursor-default', className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-item-input"
     });
 });
 const TagsInput_TagsInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Input, {
         ref: ref,
-        "data-slot": "tags-input-input",
         className: cn('h-control-xs min-w-28 shrink grow basis-28 border-0 bg-transparent px-1 text-sm leading-5 text-inherit outline-0 placeholder:text-muted-foreground read-only:cursor-default data-readonly:hidden data-readonly:cursor-default', className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-input"
     });
 });
 const TagsInput_TagsInputClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
@@ -90,11 +90,11 @@ const TagsInput_TagsInputClearTrigger = /*#__PURE__*/ forwardRef(function({ asCh
     return /*#__PURE__*/ jsx(TagsInput.ClearTrigger, {
         ref: ref,
         asChild: true,
-        "data-slot": "tags-input-clear-trigger",
         className: cn(asChild ? 'ms-auto shrink-0 self-center data-readonly:hidden' : 'ms-auto size-control-xs shrink-0 self-center rounded-sm bg-transparent text-muted-foreground transition-[background-color,color,opacity] duration-200 ease-in-out focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-ring data-readonly:hidden motion-reduce:transition-none [&>svg]:size-3 [@media(hover:hover)]:hover:bg-muted [@media(hover:hover)]:hover:text-foreground', className),
         "aria-label": asChild ? ariaLabel : void 0,
         "aria-labelledby": asChild ? ariaLabelledBy : void 0,
         ...props,
+        "data-slot": "tags-input-clear-trigger",
         children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             "aria-label": ariaLabel ?? clearTriggerLabel,
             "aria-labelledby": ariaLabelledBy,

package/dist/components/timer/Timer.js

@@ -6,57 +6,57 @@ import { cn } from "../../internal/cn.js";
 const Timer_TimerRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.Root, {
         ref: ref,
-        "data-slot": "timer-root",
         className: cn('inline-grid w-max max-w-full place-items-center gap-3 text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "timer-root"
     });
 });
 const Timer_TimerRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.RootProvider, {
         ref: ref,
-        "data-slot": "timer-root-provider",
         className: cn('inline-grid w-max max-w-full place-items-center gap-3 text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "timer-root-provider"
     });
 });
 const Timer_TimerArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.Area, {
         ref: ref,
-        "data-slot": "timer-area",
         className: cn('inline-flex max-w-full min-w-0 flex-wrap items-baseline justify-center gap-1 text-2xl leading-5 font-semibold tracking-normal tabular-nums', className),
-        ...props
+        ...props,
+        "data-slot": "timer-area"
     });
 });
 const Timer_TimerItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.Item, {
         ref: ref,
-        "data-slot": "timer-item",
         className: cn('min-w-[2ch] text-center', className),
-        ...props
+        ...props,
+        "data-slot": "timer-item"
     });
 });
 const Timer_TimerSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.Separator, {
         ref: ref,
-        "data-slot": "timer-separator",
         className: cn('text-muted-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "timer-separator"
     });
 });
 const Timer_TimerControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.Control, {
         ref: ref,
-        "data-slot": "timer-control",
         className: cn('inline-flex flex-wrap items-center gap-2', className),
-        ...props
+        ...props,
+        "data-slot": "timer-control"
     });
 });
 const Timer_TimerActionTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.ActionTrigger, {
         ref: ref,
-        "data-slot": "timer-action-trigger",
         className: cn('inline-flex min-h-control-md cursor-pointer appearance-none items-center justify-center gap-2 rounded-md border border-border bg-background px-3 py-1.5 text-sm leading-5 font-medium whitespace-nowrap text-foreground transition-[background-color,border-color,color,opacity,box-shadow] duration-200 ease-in-out focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
-        ...props
+        ...props,
+        "data-slot": "timer-action-trigger"
     });
 });
 const defaultTimerSegmentTypes = [

package/dist/components/toast/Toast.js

@@ -13,9 +13,9 @@ const Toast_Toaster = /*#__PURE__*/ forwardRef(function({ className, portalled,
         children: /*#__PURE__*/ jsx(OverlayPortal, {
             children: /*#__PURE__*/ jsx(toast_Toaster, {
                 ref: ref,
-                "data-slot": "toast-toaster",
                 className: cn('z-70 max-[40rem]:w-full', className),
                 ...props,
+                "data-slot": "toast-toaster",
                 children: props.children ?? ((toast)=>/*#__PURE__*/ jsx(DefaultToast, {
                         toast: toast
                     }))
@@ -38,18 +38,18 @@ function DefaultToast({ toast }) {
 const Toast_ToastRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toast.Root, {
         ref: ref,
-        "data-slot": "toast-root",
         className: cn('group/toast pointer-events-auto [z-index:var(--z-index)] box-border grid [height:var(--height)] min-h-0 w-80 max-w-[calc(100vw-2rem)] min-w-0 [translate:var(--x)_var(--y)] [scale:var(--scale)] items-start gap-1 rounded-lg border border-border bg-card bg-clip-padding p-4 pe-11 text-card-foreground [opacity:var(--opacity)] shadow-lg transition-[translate,scale,opacity,height,box-shadow] duration-350 ease-[cubic-bezier(0.21,1.02,0.73,1)] [will-change:translate,opacity,scale] data-[state=closed]:ease-[cubic-bezier(0.06,0.71,0.55,1)] data-[state=closed]:[transition:translate_350ms,scale_350ms,opacity_200ms] data-[type=error]:border-destructive/35 data-[type=error]:bg-destructive/9 data-[type=error]:text-foreground data-[type=success]:border-success/34 data-[type=success]:bg-success/10 data-[type=success]:text-foreground data-[type=warning]:border-warning/38 data-[type=warning]:bg-warning/13 data-[type=warning]:text-foreground motion-reduce:transition-none max-[40rem]:inset-x-0 max-[40rem]:w-[calc(100%_-_(var(--gap)*2))] max-[40rem]:max-w-none', className),
-        ...props
+        ...props,
+        "data-slot": "toast-root"
     });
 });
 const Toast_ToastTitle = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     const toast = useToastContext();
     return /*#__PURE__*/ jsx(Toast.Title, {
         ref: ref,
-        "data-slot": "toast-title",
         className: cn('m-0 flex min-w-0 items-center gap-2 text-sm leading-5 font-semibold wrap-anywhere text-inherit', className),
         ...props,
+        "data-slot": "toast-title",
         children: void 0 === children ? toast.title : children
     });
 });
@@ -57,9 +57,9 @@ const Toast_ToastDescription = /*#__PURE__*/ forwardRef(function({ className, ch
     const toast = useToastContext();
     return /*#__PURE__*/ jsx(Toast.Description, {
         ref: ref,
-        "data-slot": "toast-description",
         className: cn('m-0 min-w-0 text-sm leading-5 wrap-anywhere text-muted-foreground', className),
         ...props,
+        "data-slot": "toast-description",
         children: void 0 === children ? toast.description : children
     });
 });
@@ -67,9 +67,9 @@ const Toast_ToastActionTrigger = /*#__PURE__*/ forwardRef(function({ asChild, cl
     return /*#__PURE__*/ jsx(Toast.ActionTrigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "toast-action-trigger",
         className: cn(!asChild && 'mt-2 inline-flex min-h-control-xs w-max max-w-full min-w-0 cursor-pointer items-center justify-center gap-2 rounded-sm border border-border bg-transparent px-2 py-1 text-start text-xs leading-4 font-medium wrap-anywhere text-foreground transition-[background-color,border-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:outline-ring motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', className),
         ...props,
+        "data-slot": "toast-action-trigger",
         children: children
     });
 });
@@ -77,20 +77,20 @@ const Toast_ToastCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, cla
     if (asChild) return /*#__PURE__*/ jsx(Toast.CloseTrigger, {
         ref: ref,
         asChild: true,
-        "data-slot": "toast-close-trigger",
         "aria-label": ariaLabel,
         className: className,
         ...props,
+        "data-slot": "toast-close-trigger",
         children: children
     });
     return /*#__PURE__*/ jsx(Toast.CloseTrigger, {
         asChild: true,
         children: /*#__PURE__*/ jsx(CloseButton.Root, {
             ref: ref,
-            "data-slot": "toast-close-trigger",
             "aria-label": ariaLabel,
             className: cn('absolute end-2 top-2', className),
             ...props,
+            "data-slot": "toast-close-trigger",
             children: children
         })
     });

package/dist/components/toc/Toc.js

@@ -17,78 +17,78 @@ const Toc_TocRoot = /*#__PURE__*/ forwardRef(function({ autoScroll = false, clas
     return /*#__PURE__*/ jsx(Toc.Root, {
         ref: ref,
         autoScroll: autoScroll,
-        "data-slot": "toc-root",
         className: cn('group/toc box-border grid w-full min-w-0 grid-cols-[minmax(0,1fr)_minmax(12rem,16rem)] gap-6 text-foreground has-[[data-slot=toc-nav][data-placement=left]]:grid-cols-[minmax(12rem,16rem)_minmax(0,1fr)] max-md:grid-cols-[minmax(0,1fr)] max-md:has-[[data-slot=toc-nav][data-placement=left]]:grid-cols-[minmax(0,1fr)]', className),
-        ...props
+        ...props,
+        "data-slot": "toc-root"
     });
 });
 const Toc_TocRootProvider = /*#__PURE__*/ forwardRef(function({ className, style, value, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.RootProvider, {
         ref: ref,
         value: value,
-        "data-slot": "toc-root-provider",
         className: cn('group/toc box-border grid w-full min-w-0 grid-cols-[minmax(0,1fr)_minmax(12rem,16rem)] gap-6 text-foreground has-[[data-slot=toc-nav][data-placement=left]]:grid-cols-[minmax(12rem,16rem)_minmax(0,1fr)] max-md:grid-cols-[minmax(0,1fr)] max-md:has-[[data-slot=toc-nav][data-placement=left]]:grid-cols-[minmax(0,1fr)]', className),
         style: {
             ...value.getRootProps().style,
             ...style
         },
-        ...props
+        ...props,
+        "data-slot": "toc-root-provider"
     });
 });
 const Toc_TocContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Content, {
         ref: ref,
-        "data-slot": "toc-content",
         className: cn('min-w-0 scroll-smooth group-has-[[data-slot=toc-nav][data-placement=left]]/toc:col-start-2 group-has-[[data-slot=toc-nav][data-placement=left]]/toc:row-start-1 motion-reduce:scroll-auto max-md:group-has-[[data-slot=toc-nav][data-placement=left]]/toc:col-auto max-md:group-has-[[data-slot=toc-nav][data-placement=left]]/toc:row-auto', className),
-        ...props
+        ...props,
+        "data-slot": "toc-content"
     });
 });
 const Toc_TocNav = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Nav, {
         ref: ref,
-        "data-slot": "toc-nav",
         className: cn('sticky top-4 max-h-[calc(100dvh-2rem)] min-w-0 self-start overflow-auto rounded-lg border border-border bg-card p-4 text-card-foreground data-[placement=left]:col-start-1 data-[placement=left]:row-start-1 max-md:data-[placement=left]:col-auto max-md:data-[placement=left]:row-auto', className),
-        ...props
+        ...props,
+        "data-slot": "toc-nav"
     });
 });
 const Toc_TocTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Title, {
         ref: ref,
-        "data-slot": "toc-title",
         className: cn('m-0 mb-2 text-sm leading-5 font-semibold text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "toc-title"
     });
 });
 const Toc_TocList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.List, {
         ref: ref,
-        "data-slot": "toc-list",
         className: cn("relative m-0 grid list-none gap-0.5 py-0 ps-1 has-[[data-slot=toc-indicator]]:before:pointer-events-none has-[[data-slot=toc-indicator]]:before:absolute has-[[data-slot=toc-indicator]]:before:inset-y-0.5 has-[[data-slot=toc-indicator]]:before:start-0 has-[[data-slot=toc-indicator]]:before:w-0.5 has-[[data-slot=toc-indicator]]:before:rounded-full has-[[data-slot=toc-indicator]]:before:bg-border has-[[data-slot=toc-indicator]]:before:content-['']", className),
-        ...props
+        ...props,
+        "data-slot": "toc-list"
     });
 });
 const Toc_TocItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Item, {
         ref: ref,
-        "data-slot": "toc-item",
         className: cn('min-w-0', className),
-        ...props
+        ...props,
+        "data-slot": "toc-item"
     });
 });
 const Toc_TocLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Link, {
         ref: ref,
-        "data-slot": "toc-link",
         className: cn('group/toc-link relative block min-w-0 overflow-hidden rounded-sm py-1 ps-[calc(0.875rem+max(0px,((var(--depth)-2)*0.5rem)))] pe-1 text-sm leading-5 text-ellipsis whitespace-nowrap text-muted-foreground no-underline outline-0 transition-colors duration-200 ring-inset focus-visible:ring-1 focus-visible:ring-ring has-[[data-slot=toc-rail]]:overflow-visible data-active:font-medium data-active:text-foreground motion-reduce:transition-none [@media(hover:hover)]:hover:text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "toc-link"
     });
 });
 const Toc_TocIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Indicator, {
         ref: ref,
-        "data-slot": "toc-indicator",
         className: cn('pointer-events-none start-0 top-[calc(var(--top)+0.125rem)] z-1 h-[calc(var(--height)-0.25rem)] w-0.5 rounded-full bg-muted-foreground opacity-70 transition-[top,height] duration-200 motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "toc-indicator"
     });
 });
 const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDepth = depth, previousDepth = depth, style, ...props }, ref) {
@@ -100,7 +100,6 @@ const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDe
     return /*#__PURE__*/ jsxs("svg", {
         ref: ref,
         "aria-hidden": "true",
-        "data-slot": "toc-rail",
         className: cn('pointer-events-none absolute start-0 -top-1.5 overflow-visible text-border group-data-active/toc-link:translate-y-0.5 group-data-active/toc-link:text-muted-foreground group-data-active/toc-link:opacity-70', className),
         style: {
             width,
@@ -108,6 +107,7 @@ const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDe
             ...style
         },
         ...props,
+        "data-slot": "toc-rail",
         children: [
             hasTurn && /*#__PURE__*/ jsx("path", {
                 d: `M ${previousLineOffset + 0.5} 0 C ${previousLineOffset + 0.5} 8 ${lineOffset + 0.5} 4 ${lineOffset + 0.5} ${2 * railBridge}`,

package/dist/components/toggle/Toggle.js

@@ -29,22 +29,22 @@ const toggleVariants = cva('box-border inline-flex min-h-control-md cursor-point
 const Toggle_ToggleRoot = /*#__PURE__*/ forwardRef(function({ className, variant = 'default', size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Toggle.Root, {
         ref: ref,
-        "data-slot": "toggle-root",
         "data-variant": variant,
         "data-size": size,
         className: cn(toggleVariants({
             variant,
             size
         }), className),
-        ...props
+        ...props,
+        "data-slot": "toggle-root"
     });
 });
 const Toggle_ToggleIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toggle.Indicator, {
         ref: ref,
-        "data-slot": "toggle-indicator",
         className: cn('inline-flex items-center justify-center text-inherit [&>svg]:block [&>svg]:size-4 [&>svg]:shrink-0', className),
-        ...props
+        ...props,
+        "data-slot": "toggle-indicator"
     });
 });
 const Toggle_Toggle = Object.assign(Toggle_ToggleRoot, {