@moduix/react-tailwind 1.0.0 → 1.1.0

package/dist/components/select/Select.js

@@ -13,12 +13,12 @@ const Select_SelectRoot = /*#__PURE__*/ forwardRef(function({ asChild, children,
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(Select.Root, {
             ref: ref,
-            "data-slot": "select-root",
             className: cn('flex w-56 max-w-full min-w-0 flex-col gap-1.5 text-foreground', className),
             asChild: asChild,
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
             ...props,
+            "data-slot": "select-root",
             children: children
         })
     });
@@ -29,12 +29,12 @@ const Select_SelectRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, c
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(Select.RootProvider, {
             ref: ref,
-            "data-slot": "select-root-provider",
             className: cn('flex w-56 max-w-full min-w-0 flex-col gap-1.5 text-foreground', className),
             asChild: asChild,
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
             ...props,
+            "data-slot": "select-root-provider",
             children: children
         })
     });
@@ -42,45 +42,45 @@ const Select_SelectRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, c
 const Select_SelectLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.Label, {
         ref: ref,
-        "data-slot": "select-label",
         className: cn('inline-flex items-center text-sm font-medium text-foreground select-none data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "select-label"
     });
 });
 const Select_SelectControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.Control, {
         ref: ref,
-        "data-slot": "select-control",
         className: cn('group/select-control relative flex w-full min-w-0 items-center text-foreground data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "select-control"
     });
 });
 const Select_SelectTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.Trigger, {
         ref: ref,
-        "data-slot": "select-trigger",
         asChild: asChild,
         className: cn(!asChild && 'peer/select-trigger relative inline-flex h-control-md w-full min-w-0 cursor-pointer items-center justify-start rounded-md border border-border bg-background px-3.5 pe-[2.875rem] text-start text-inherit outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,outline-color] duration-200 ease-in-out select-none [font:inherit] group-has-[>[data-slot=select-clear-trigger]:not([hidden])]/select-control:pe-[4.25rem] group-data-invalid/select-control:border-destructive group-data-invalid/select-control:outline-destructive focus-visible:border-ring focus-visible:outline-ring disabled:cursor-default data-disabled:cursor-default data-placeholder-shown:text-muted-foreground data-[state=open]:border-ring data-[state=open]:outline-ring motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "select-trigger"
     });
 });
 const Select_SelectValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.ValueText, {
         ref: ref,
-        "data-slot": "select-value-text",
         className: cn('min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap', className),
-        ...props
+        ...props,
+        "data-slot": "select-value-text"
     });
 });
 const Select_SelectClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.ClearTrigger, {
         ref: ref,
         asChild: true,
-        "data-slot": "select-clear-trigger",
         className: cn('pointer-events-auto absolute inset-y-0 end-[2.125rem] my-auto size-control-xs transition-[background-color,color,opacity] duration-200 ease-in-out focus-visible:outline-1 focus-visible:outline-offset-1 motion-reduce:transition-none [&>svg]:size-4', className),
         "aria-label": asChild ? ariaLabel : void 0,
         "aria-labelledby": asChild ? ariaLabelledBy : void 0,
         ...props,
+        "data-slot": "select-clear-trigger",
         children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             "aria-label": ariaLabel ?? (null == ariaLabelledBy ? 'Clear selection' : void 0),
             "aria-labelledby": ariaLabelledBy,
@@ -91,9 +91,9 @@ const Select_SelectClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, c
 const Select_SelectIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.Indicator, {
         ref: ref,
-        "data-slot": "select-indicator",
         className: cn('pointer-events-none inline-flex size-control-xs shrink-0 items-center justify-center rounded-sm bg-transparent leading-none text-muted-foreground transition-[background-color,color,opacity] duration-200 ease-in-out peer-[:not([disabled]):not([data-disabled]):hover]/select-trigger:bg-muted peer-[:not([disabled]):not([data-disabled]):hover]/select-trigger:text-foreground motion-reduce:transition-none [&>svg]:block [&>svg]:size-4', className),
         ...props,
+        "data-slot": "select-indicator",
         children: children ?? /*#__PURE__*/ jsx(ChevronUpDownIcon, {})
     });
 });
@@ -121,91 +121,91 @@ const Select_SelectPositioner = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Select.Positioner, {
             ref: ref,
-            "data-slot": "select-positioner",
             className: cn('z-[var(--z-index)] outline-0', className),
-            ...props
+            ...props,
+            "data-slot": "select-positioner"
         })
     });
 });
 const Select_SelectContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.Content, {
         ref: ref,
-        "data-slot": "select-content",
         className: cn('z-[calc(60+var(--layer-index,0))] flex max-h-[min(24rem,var(--available-height))] max-w-[var(--available-width)] min-w-[var(--reference-width)] origin-[var(--transform-origin)] scroll-py-1 flex-col overflow-auto overscroll-contain rounded-md border border-border bg-popover py-1 text-popover-foreground shadow-lg outline-0 data-[state=closed]:pointer-events-none data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none', className),
-        ...props
+        ...props,
+        "data-slot": "select-content"
     });
 });
 const Select_SelectList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.List, {
         ref: ref,
-        "data-slot": "select-list",
         className: cn('flex min-h-0 scroll-py-1 flex-col overflow-y-auto overscroll-contain outline-0', className),
-        ...props
+        ...props,
+        "data-slot": "select-list"
     });
 });
 const Select_SelectItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.ItemGroup, {
         ref: ref,
-        "data-slot": "select-item-group",
         className: cn('flex flex-col [&+&]:mt-2', className),
-        ...props
+        ...props,
+        "data-slot": "select-item-group"
     });
 });
 const Select_SelectItemGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.ItemGroupLabel, {
         ref: ref,
-        "data-slot": "select-item-group-label",
         className: cn('px-2.5 py-1 text-xs font-normal text-muted-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "select-item-group-label"
     });
 });
 const Select_SelectItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.Item, {
         ref: ref,
-        "data-slot": "select-item",
         className: cn('relative mx-1 flex min-h-control-sm w-[calc(100%-0.5rem)] cursor-default items-center justify-between gap-2 rounded-sm bg-transparent px-3 py-1 text-sm text-popover-foreground outline-0 select-none data-disabled:pointer-events-none data-disabled:text-muted-foreground data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "select-item"
     });
 });
 const Select_SelectItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.ItemText, {
         ref: ref,
-        "data-slot": "select-item-text",
         className: cn('min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap', className),
-        ...props
+        ...props,
+        "data-slot": "select-item-text"
     });
 });
 const Select_SelectItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Select.ItemIndicator, {
         ref: ref,
-        "data-slot": "select-item-indicator",
         className: cn('inline-flex size-3.5 shrink-0 items-center justify-center [&>svg]:size-3', className),
         ...props,
+        "data-slot": "select-item-indicator",
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
 });
 const Select_SelectItemTextContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "select-item-text-content",
         className: cn('inline-flex max-w-full min-w-0 items-center gap-2 align-top', className),
-        ...props
+        ...props,
+        "data-slot": "select-item-text-content"
     });
 });
 const Select_SelectItemTextIcon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "select-item-text-icon",
         className: cn('inline-flex size-4 shrink-0 items-center justify-center', className),
-        ...props
+        ...props,
+        "data-slot": "select-item-text-icon"
     });
 });
 const Select_SelectItemTextLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "select-item-text-label",
         className: cn('min-w-0 overflow-hidden text-ellipsis whitespace-nowrap', className),
-        ...props
+        ...props,
+        "data-slot": "select-item-text-label"
     });
 });
 const Select_Select = Object.assign(Select_SelectRoot, {

package/dist/components/sidebar/Sidebar.js

@@ -1,12 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
+import { Splitter } from "@ark-ui/react/splitter";
 import { createContext, forwardRef, useContext } from "react";
 import { cn } from "../../internal/cn.js";
 import { ChevronLeftIcon } from "../../internal/icons/ui/index.js";
 import { Input } from "../input/index.js";
 import { Separator } from "../separator/index.js";
-import { Splitter, useSplitterContext } from "../splitter/index.js";
+import { Splitter as index_js_Splitter, useSplitterContext } from "../splitter/index.js";
 import { Tooltip } from "../tooltip/index.js";
 const sidebarPanel = {
     id: 'sidebar',
@@ -51,7 +52,7 @@ function toggleSidebarPanel(splitter, panelId) {
     if (splitter.isPanelCollapsed(panelId)) return void splitter.expandPanel(panelId);
     splitter.collapsePanel(panelId);
 }
-const Sidebar_SidebarRoot = /*#__PURE__*/ forwardRef(function({ className, defaultSize, panelId = 'sidebar', side = 'left', ...props }, ref) {
+const Sidebar_SidebarRoot = /*#__PURE__*/ forwardRef(function({ className, defaultSize, panelId = 'sidebar', side = 'left', style, ...props }, ref) {
     return /*#__PURE__*/ jsx(SidebarConfigContext.Provider, {
         value: {
             panelId,
@@ -65,7 +66,12 @@ const Sidebar_SidebarRoot = /*#__PURE__*/ forwardRef(function({ className, defau
             orientation: "horizontal",
             "data-side": side,
             "data-slot": "sidebar-root",
-            className: cn('isolate h-dvh min-h-96 w-full min-w-0 rounded-none border border-border bg-background text-foreground shadow-none', className)
+            className: cn('group/splitter relative box-border h-112 min-h-0 w-full min-w-0 rounded-md border border-border bg-card text-foreground shadow-sm data-dragging:cursor-col-resize data-dragging:data-[orientation=vertical]:cursor-row-resize', 'isolate h-dvh min-h-96 w-full min-w-0 rounded-none border border-border bg-background text-foreground shadow-none', className),
+            style: {
+                width: void 0,
+                height: void 0,
+                ...style
+            }
         })
     });
 });
@@ -91,7 +97,7 @@ const Sidebar_SidebarPanel = /*#__PURE__*/ forwardRef(function({ className, ...p
         "data-side": config.side,
         "data-slot": "sidebar-panel",
         "data-state": collapsed ? 'collapsed' : 'expanded',
-        className: cn('group/sidebar-panel @container/sidebar-panel relative flex min-h-0 min-w-0 flex-col overflow-hidden bg-card p-0 text-card-foreground transition-colors duration-200 ease-in-out motion-reduce:transition-none', className)
+        className: cn('box-border min-h-50 min-w-0 overflow-auto rounded-none border-0 border-border bg-card p-4 text-card-foreground shadow-none group-data-[orientation=vertical]/splitter:min-h-0 data-dragging:select-none', 'group/sidebar-panel @container/sidebar-panel relative flex min-h-0 min-w-0 flex-col overflow-hidden bg-card p-0 text-card-foreground transition-colors duration-200 ease-in-out motion-reduce:transition-none', className)
     });
 });
 const Sidebar_SidebarInset = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -102,21 +108,22 @@ const Sidebar_SidebarInset = /*#__PURE__*/ forwardRef(function({ className, ...p
         id: "content",
         "data-side": side,
         "data-slot": "sidebar-inset",
-        className: cn('relative min-w-0 overflow-auto bg-background p-0 text-foreground', className)
+        className: cn('box-border min-h-50 min-w-0 overflow-auto rounded-none border-0 border-border bg-card p-4 text-card-foreground shadow-none group-data-[orientation=vertical]/splitter:min-h-0 data-dragging:select-none', 'relative min-w-0 overflow-auto bg-background p-0 text-foreground', className)
     });
 });
-const Sidebar_SidebarResizeTrigger = /*#__PURE__*/ forwardRef(function({ children, className, 'aria-label': ariaLabel = 'Resize sidebar', ...props }, ref) {
+const Sidebar_SidebarResizeTrigger = /*#__PURE__*/ forwardRef(function({ asChild, children, className, 'aria-label': ariaLabel = 'Resize sidebar', ...props }, ref) {
     const { panelId, side } = useContext(SidebarConfigContext);
     const id = 'left' === side ? `${panelId}:content` : `content:${panelId}`;
     return /*#__PURE__*/ jsx(Splitter.ResizeTrigger, {
         ...props,
         ref: ref,
+        asChild: asChild,
         id: id,
         "aria-label": ariaLabel,
         "data-side": side,
         "data-slot": "sidebar-resize-trigger",
-        className: cn('z-2', className),
-        children: children
+        className: cn("group/trigger relative z-1 box-border flex w-px min-w-px cursor-col-resize appearance-none items-center justify-center border-0 bg-transparent p-0 outline-0 transition-opacity duration-200 ease-in-out before:absolute before:h-full before:w-[0.5px] before:rounded-full before:bg-border before:transition-[background-color] before:duration-200 before:ease-in-out before:content-[''] after:absolute after:z-1 after:h-full after:w-2.5 after:content-[''] data-disabled:cursor-default data-disabled:opacity-50 data-dragging:before:bg-muted-foreground/40 data-[orientation=vertical]:h-px data-[orientation=vertical]:min-h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:min-w-0 data-[orientation=vertical]:cursor-row-resize data-[orientation=vertical]:before:h-[0.5px] data-[orientation=vertical]:before:w-full data-[orientation=vertical]:after:h-2.5 data-[orientation=vertical]:after:w-full [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:before:bg-muted-foreground/40", 'z-2', className),
+        children: void 0 !== children || asChild ? children : /*#__PURE__*/ jsx(index_js_Splitter.ResizeTriggerIndicator, {})
     });
 });
 const Sidebar_SidebarTrigger = /*#__PURE__*/ forwardRef(function({ className, children, onClick, type = 'button', 'aria-label': ariaLabel = 'Toggle sidebar', ...props }, ref) {
@@ -136,11 +143,11 @@ const Sidebar_SidebarTrigger = /*#__PURE__*/ forwardRef(function({ className, ch
         "data-scope": "sidebar",
         "data-part": "trigger",
         "data-side": config.side,
-        "data-slot": "sidebar-trigger",
         "data-state": collapsed ? 'collapsed' : 'expanded',
         className: cn('relative z-4 -mx-3.5 inline-flex size-7 flex-none translate-y-10 cursor-pointer items-center justify-center rounded-full border border-border bg-background p-0 text-muted-foreground shadow-sm outline-0 transition-[background-color,color,box-shadow] duration-200 ease-in-out', 'focus-visible:outline-offset-0.5 focus-visible:outline-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 motion-reduce:transition-none', '[&>svg]:size-4 [&>svg]:transition-transform [&>svg]:duration-200 [&>svg]:ease-in-out data-[side=left]:data-[state=collapsed]:[&>svg]:rotate-180 data-[side=right]:data-[state=expanded]:[&>svg]:rotate-180', 'hover:bg-accent hover:text-accent-foreground', className),
         onClick: handleClick,
         ...props,
+        "data-slot": "sidebar-trigger",
         children: children ?? /*#__PURE__*/ jsx(ChevronLeftIcon, {})
     });
 });
@@ -149,9 +156,9 @@ const Sidebar_SidebarLabel = /*#__PURE__*/ forwardRef(function({ className, ...p
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "label",
-        "data-slot": "sidebar-label",
         className: cn('min-w-0 truncate group-data-[state=collapsed]/sidebar-panel:sr-only', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-label"
     });
 });
 const Sidebar_SidebarHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -159,9 +166,9 @@ const Sidebar_SidebarHeader = /*#__PURE__*/ forwardRef(function({ className, ...
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "header",
-        "data-slot": "sidebar-header",
         className: cn('flex flex-none items-center gap-2 p-3 group-data-[state=collapsed]/sidebar-panel:justify-center group-data-[state=collapsed]/sidebar-panel:px-1 [&>*:only-child]:w-full group-data-[state=collapsed]/sidebar-panel:[&>*:only-child]:w-auto', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-header"
     });
 });
 const Sidebar_SidebarContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -169,9 +176,9 @@ const Sidebar_SidebarContent = /*#__PURE__*/ forwardRef(function({ className, ..
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "content",
-        "data-slot": "sidebar-content",
         className: cn('flex min-h-0 flex-auto [scrollbar-gutter:stable] flex-col overflow-auto overscroll-contain group-data-[state=collapsed]/sidebar-panel:[scrollbar-width:none] group-data-[state=collapsed]/sidebar-panel:[scrollbar-gutter:auto] group-data-[state=collapsed]/sidebar-panel:overflow-x-hidden group-data-[state=collapsed]/sidebar-panel:overflow-y-auto', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-content"
     });
 });
 const Sidebar_SidebarExpandedContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -180,9 +187,9 @@ const Sidebar_SidebarExpandedContent = /*#__PURE__*/ forwardRef(function({ class
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "expanded-content",
-        "data-slot": "sidebar-expanded-content",
         className: className,
         ...props,
+        "data-slot": "sidebar-expanded-content",
         hidden: collapsed
     });
 });
@@ -192,9 +199,9 @@ const Sidebar_SidebarCollapsedContent = /*#__PURE__*/ forwardRef(function({ clas
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "collapsed-content",
-        "data-slot": "sidebar-collapsed-content",
         className: className,
         ...props,
+        "data-slot": "sidebar-collapsed-content",
         hidden: !collapsed
     });
 });
@@ -203,9 +210,9 @@ const Sidebar_SidebarFooter = /*#__PURE__*/ forwardRef(function({ className, ...
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "footer",
-        "data-slot": "sidebar-footer",
         className: cn('flex flex-none items-center gap-2 p-3 group-data-[state=collapsed]/sidebar-panel:justify-center group-data-[state=collapsed]/sidebar-panel:px-1', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-footer"
     });
 });
 const Sidebar_SidebarGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -213,9 +220,9 @@ const Sidebar_SidebarGroup = /*#__PURE__*/ forwardRef(function({ className, ...p
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "group",
-        "data-slot": "sidebar-group",
         className: cn('flex flex-col gap-1 p-3 group-data-[state=collapsed]/sidebar-panel:px-1', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-group"
     });
 });
 const Sidebar_SidebarGroupHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -223,9 +230,9 @@ const Sidebar_SidebarGroupHeader = /*#__PURE__*/ forwardRef(function({ className
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "group-header",
-        "data-slot": "sidebar-group-header",
         className: cn('flex min-w-0 items-center gap-2', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-group-header"
     });
 });
 const Sidebar_SidebarGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -233,9 +240,9 @@ const Sidebar_SidebarGroupLabel = /*#__PURE__*/ forwardRef(function({ className,
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "group-label",
-        "data-slot": "sidebar-group-label",
         className: cn('min-w-0 flex-1 truncate px-2 text-xs leading-4 font-medium text-muted-foreground group-data-[state=collapsed]/sidebar-panel:sr-only', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-group-label"
     });
 });
 const Sidebar_SidebarGroupAction = /*#__PURE__*/ forwardRef(function({ className, type = 'button', ...props }, ref) {
@@ -244,9 +251,9 @@ const Sidebar_SidebarGroupAction = /*#__PURE__*/ forwardRef(function({ className
         type: type,
         "data-scope": "sidebar",
         "data-part": "group-action",
-        "data-slot": "sidebar-group-action",
         className: cn('focus-visible:outline-offset-0.5 me-2 inline-flex size-control-xs flex-none cursor-pointer items-center justify-center rounded-md p-0 text-muted-foreground outline-0 transition-colors duration-200 ease-in-out hover:bg-accent hover:text-accent-foreground focus-visible:outline-2 focus-visible:outline-ring motion-reduce:transition-none @max-[7rem]:hidden [&>svg]:size-4', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-group-action"
     });
 });
 const Sidebar_SidebarNavigationList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -254,9 +261,9 @@ const Sidebar_SidebarNavigationList = /*#__PURE__*/ forwardRef(function({ classN
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "navigation-list",
-        "data-slot": "sidebar-navigation-list",
         className: cn('flex w-full min-w-0 flex-col gap-1', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-navigation-list"
     });
 });
 const Sidebar_SidebarNavigationItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -264,9 +271,9 @@ const Sidebar_SidebarNavigationItem = /*#__PURE__*/ forwardRef(function({ classN
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "navigation-item",
-        "data-slot": "sidebar-navigation-item",
         className: cn('relative min-w-0', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-navigation-item"
     });
 });
 const Sidebar_SidebarNavigationButton = /*#__PURE__*/ forwardRef(function({ active = false, className, size = 'md', type = 'button', 'aria-current': ariaCurrent, ...props }, ref) {
@@ -276,11 +283,11 @@ const Sidebar_SidebarNavigationButton = /*#__PURE__*/ forwardRef(function({ acti
         "aria-current": ariaCurrent ?? (active ? 'page' : void 0),
         "data-scope": "sidebar",
         "data-part": "navigation-button",
-        "data-slot": "sidebar-navigation-button",
         "data-active": active ? '' : void 0,
         "data-size": size,
         className: cn('flex w-full min-w-0 cursor-pointer items-center gap-2 overflow-hidden rounded-md px-2 py-1 text-start text-sm leading-5 text-ellipsis whitespace-nowrap text-card-foreground outline-0 transition-colors duration-200 ease-in-out has-[+_[data-slot=sidebar-navigation-badge]]:pe-10 @max-[7rem]:has-[+_[data-slot=sidebar-navigation-badge]]:pe-2', 'focus-visible:outline-offset-0.5 focus-visible:outline-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:bg-accent data-active:font-medium data-active:text-accent-foreground motion-reduce:transition-none [&:not(:disabled):not([aria-disabled=true])]:hover:bg-accent [&:not(:disabled):not([aria-disabled=true])]:hover:text-accent-foreground', 'group-data-[state=collapsed]/sidebar-panel:mx-auto group-data-[state=collapsed]/sidebar-panel:min-h-control-md group-data-[state=collapsed]/sidebar-panel:w-control-md group-data-[state=collapsed]/sidebar-panel:justify-center group-data-[state=collapsed]/sidebar-panel:bg-transparent group-data-[state=collapsed]/sidebar-panel:px-0 group-data-[state=collapsed]/sidebar-panel:hover:bg-transparent', '[&>[data-sidebar-icon]]:shrink-0 [&>span:last-child]:min-w-0 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', '[&>[data-scope=select][data-part=indicator]]:ms-auto @max-[7rem]:[&>[data-scope=select][data-part=indicator]]:hidden', '[&>[data-slot=collapsible-indicator]]:ms-auto [&>[data-slot=collapsible-indicator]]:size-control-xs @max-[7rem]:[&>[data-slot=collapsible-indicator]]:hidden [&>[data-slot=collapsible-indicator]>svg]:size-3', '[&>[data-slot=menu-indicator]]:ms-auto [&>[data-slot=menu-indicator]]:size-control-xs [&>[data-slot=menu-indicator]]:leading-none [&>[data-slot=menu-indicator]]:text-muted-foreground @max-[7rem]:[&>[data-slot=menu-indicator]]:hidden [&>[data-slot=menu-indicator]>svg]:block [&>[data-slot=menu-indicator]>svg]:size-4', 'sm' === size && 'min-h-control-sm text-xs', 'md' === size && 'min-h-control-md', 'lg' === size && 'min-h-control-lg', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-navigation-button"
     });
 });
 const Sidebar_SidebarNavigationBadge = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -288,9 +295,9 @@ const Sidebar_SidebarNavigationBadge = /*#__PURE__*/ forwardRef(function({ class
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "navigation-badge",
-        "data-slot": "sidebar-navigation-badge",
         className: cn('pointer-events-none absolute end-2.5 top-1/2 z-1 box-border inline-grid size-5 -translate-y-1/2 place-items-center rounded-full bg-primary p-0 text-[0.5625rem] leading-none font-medium text-primary-foreground tabular-nums @max-[7rem]:hidden', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-navigation-badge"
     });
 });
 const Sidebar_SidebarNavigationSubList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -298,9 +305,9 @@ const Sidebar_SidebarNavigationSubList = /*#__PURE__*/ forwardRef(function({ cla
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "navigation-sub-list",
-        "data-slot": "sidebar-navigation-sub-list",
         className: cn('ms-4 mt-1 flex w-auto min-w-0 flex-col gap-1 border-s border-border ps-2 group-data-[state=collapsed]/sidebar-panel:hidden', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-navigation-sub-list"
     });
 });
 const Sidebar_SidebarNavigationSubItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -308,9 +315,9 @@ const Sidebar_SidebarNavigationSubItem = /*#__PURE__*/ forwardRef(function({ cla
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "navigation-sub-item",
-        "data-slot": "sidebar-navigation-sub-item",
         className: cn('relative min-w-0', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-navigation-sub-item"
     });
 });
 const Sidebar_SidebarNavigationSubButton = /*#__PURE__*/ forwardRef(function({ active = false, children, className, 'aria-current': ariaCurrent, ...props }, ref) {
@@ -319,10 +326,10 @@ const Sidebar_SidebarNavigationSubButton = /*#__PURE__*/ forwardRef(function({ a
         "aria-current": ariaCurrent ?? (active ? 'page' : void 0),
         "data-scope": "sidebar",
         "data-part": "navigation-sub-button",
-        "data-slot": "sidebar-navigation-sub-button",
         "data-active": active ? '' : void 0,
         className: cn('flex min-h-control-sm w-full min-w-0 cursor-pointer items-center gap-2 overflow-hidden rounded-md px-2 text-start text-sm leading-5 text-ellipsis whitespace-nowrap text-card-foreground outline-0 transition-[background-color,border-color,color,box-shadow] duration-200 ease-in-out has-[+_[data-slot=sidebar-navigation-badge]]:pe-10 @max-[7rem]:has-[+_[data-slot=sidebar-navigation-badge]]:pe-2', 'focus-visible:outline-offset-0.5 focus-visible:outline-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:bg-accent data-active:font-medium data-active:text-accent-foreground motion-reduce:transition-none [&:not(:disabled):not([aria-disabled=true])]:hover:bg-accent [&:not(:disabled):not([aria-disabled=true])]:hover:text-accent-foreground', '[&>[data-sidebar-icon]]:shrink-0 [&>span:last-child]:min-w-0 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', className),
         ...props,
+        "data-slot": "sidebar-navigation-sub-button",
         children: 'string' == typeof children ? /*#__PURE__*/ jsx("span", {
             "data-slot": "sidebar-navigation-sub-label",
             children: children
@@ -357,17 +364,17 @@ const Sidebar_SidebarTooltip = function({ children, content, openDelay = 200, cl
 const Sidebar_SidebarInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Input.Root, {
         ref: ref,
-        "data-slot": "sidebar-input",
         className: cn('w-full group-data-[state=collapsed]/sidebar-panel:hidden', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-input"
     });
 });
 const Sidebar_SidebarSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Separator.Root, {
         ref: ref,
-        "data-slot": "sidebar-separator",
         className: cn('border-border', className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-separator"
     });
 });
 const Sidebar = Object.assign(Sidebar_SidebarRoot, {

package/dist/components/signature-pad/SignaturePad.js

@@ -15,10 +15,10 @@ const SignaturePad_SignaturePadRoot = /*#__PURE__*/ forwardRef(function({ asChil
         value: readOnly,
         children: /*#__PURE__*/ jsx(SignaturePad.Root, {
             ref: ref,
-            "data-slot": "signature-pad-root",
             className: cn('box-border inline-flex w-70 max-w-full flex-col gap-2 text-foreground data-disabled:opacity-50', className),
             asChild: asChild,
             ...props,
+            "data-slot": "signature-pad-root",
             children: children
         })
     });
@@ -29,10 +29,10 @@ const SignaturePad_SignaturePadRootProvider = /*#__PURE__*/ forwardRef(function(
         value: readOnly,
         children: /*#__PURE__*/ jsx(SignaturePad.RootProvider, {
             ref: ref,
-            "data-slot": "signature-pad-root-provider",
             className: cn('box-border inline-flex w-70 max-w-full flex-col gap-2 text-foreground data-disabled:opacity-50', className),
             asChild: asChild,
             ...props,
+            "data-slot": "signature-pad-root-provider",
             children: children
         })
     });
@@ -40,33 +40,33 @@ const SignaturePad_SignaturePadRootProvider = /*#__PURE__*/ forwardRef(function(
 const SignaturePad_SignaturePadLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SignaturePad.Label, {
         ref: ref,
-        "data-slot": "signature-pad-label",
         className: cn('text-sm leading-5 font-medium text-foreground select-none', className),
-        ...props
+        ...props,
+        "data-slot": "signature-pad-label"
     });
 });
 const SignaturePad_SignaturePadControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SignaturePad.Control, {
         ref: ref,
-        "data-slot": "signature-pad-control",
         className: cn('box-border h-40 min-h-40 w-full min-w-0 overflow-hidden rounded-md border border-border bg-background text-foreground shadow-sm transition-[border-color,box-shadow,opacity] duration-200 ease-in-out outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring data-disabled:cursor-not-allowed motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "signature-pad-control"
     });
 });
 const SignaturePad_SignaturePadSegment = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SignaturePad.Segment, {
         ref: ref,
-        "data-slot": "signature-pad-segment",
         className: cn('fill-current', className),
-        ...props
+        ...props,
+        "data-slot": "signature-pad-segment"
     });
 });
 const SignaturePad_SignaturePadGuide = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SignaturePad.Guide, {
         ref: ref,
-        "data-slot": "signature-pad-guide",
         className: cn('pointer-events-none absolute start-6 end-6 bottom-8 border-b border-dashed border-border', className),
-        ...props
+        ...props,
+        "data-slot": "signature-pad-guide"
     });
 });
 const SignaturePad_SignaturePadClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
@@ -75,11 +75,11 @@ const SignaturePad_SignaturePadClearTrigger = /*#__PURE__*/ forwardRef(function(
     return /*#__PURE__*/ jsx(SignaturePad.ClearTrigger, {
         ref: ref,
         asChild: true,
-        "data-slot": "signature-pad-clear-trigger",
         className: triggerClassName,
         "aria-label": asChild ? ariaLabel : void 0,
         "aria-labelledby": asChild ? ariaLabelledBy : void 0,
         ...props,
+        "data-slot": "signature-pad-clear-trigger",
         disabled: readOnly || props.disabled,
         children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             "aria-label": ariaLabel,