@moduix/react 2.6.0 → 2.7.0

package/dist/components/select/Select.js

@@ -14,12 +14,12 @@ const Select_SelectRoot = /*#__PURE__*/ forwardRef(function({ asChild, children,
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(Select.Root, {
             ref: ref,
-            "data-slot": "select-root",
             className: clsx(Select_module.root, className),
             asChild: asChild,
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
             ...props,
+            "data-slot": "select-root",
             children: children
         })
     });
@@ -30,12 +30,12 @@ const Select_SelectRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, c
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(Select.RootProvider, {
             ref: ref,
-            "data-slot": "select-root-provider",
             className: clsx(Select_module.root, className),
             asChild: asChild,
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
             ...props,
+            "data-slot": "select-root-provider",
             children: children
         })
     });
@@ -43,34 +43,34 @@ 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: clsx(Select_module.label, 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: clsx(Select_module.control, 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: clsx(!asChild && Select_module.trigger, 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: clsx(Select_module.valueText, 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) {
@@ -78,11 +78,11 @@ const Select_SelectClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, c
     return /*#__PURE__*/ jsx(Select.ClearTrigger, {
         ref: ref,
         asChild: true,
-        "data-slot": "select-clear-trigger",
         className: triggerClassName,
         "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,
@@ -93,9 +93,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: clsx(Select_module.indicator, className),
         ...props,
+        "data-slot": "select-indicator",
         children: children ?? /*#__PURE__*/ jsx(ChevronUpDownIcon, {})
     });
 });
@@ -122,91 +122,91 @@ const Select_SelectPositioner = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Select.Positioner, {
             ref: ref,
-            "data-slot": "select-positioner",
             className: clsx(Select_module.positioner, 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: clsx(Select_module.content, 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: clsx(Select_module.list, 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: clsx(Select_module.itemGroup, 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: clsx(Select_module.itemGroupLabel, 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: clsx(Select_module.item, 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: clsx(Select_module.itemText, 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: clsx(Select_module.itemIndicator, 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: clsx(Select_module.itemTextContent, 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: clsx(Select_module.itemTextIcon, 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: clsx(Select_module.itemTextLabel, 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,14 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
+import { Splitter } from "@ark-ui/react/splitter";
 import { clsx } from "clsx";
 import { createContext, forwardRef, useContext } from "react";
 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 Splitter_module from "../splitter/Splitter.module.js";
 import { Tooltip } from "../tooltip/index.js";
 import Sidebar_module from "./Sidebar.module.js";
 const sidebarPanel = {
@@ -52,7 +54,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,
@@ -66,7 +68,12 @@ const Sidebar_SidebarRoot = /*#__PURE__*/ forwardRef(function({ className, defau
             orientation: "horizontal",
             "data-side": side,
             "data-slot": "sidebar-root",
-            className: clsx(Sidebar_module.root, className)
+            className: clsx(Splitter_module.root, Sidebar_module.root, className),
+            style: {
+                width: 'var(--moduix-splitter-width, 100%)',
+                height: 'var(--moduix-splitter-height, 28rem)',
+                ...style
+            }
         })
     });
 });
@@ -92,7 +99,7 @@ const Sidebar_SidebarPanel = /*#__PURE__*/ forwardRef(function({ className, ...p
         "data-side": config.side,
         "data-slot": "sidebar-panel",
         "data-state": collapsed ? 'collapsed' : 'expanded',
-        className: clsx(Sidebar_module.panel, className)
+        className: clsx(Splitter_module.panel, Sidebar_module.panel, className)
     });
 });
 const Sidebar_SidebarInset = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -103,21 +110,22 @@ const Sidebar_SidebarInset = /*#__PURE__*/ forwardRef(function({ className, ...p
         id: "content",
         "data-side": side,
         "data-slot": "sidebar-inset",
-        className: clsx(Sidebar_module.inset, className)
+        className: clsx(Splitter_module.panel, Sidebar_module.inset, 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: clsx(Sidebar_module.resizeTrigger, className),
-        children: children
+        className: clsx(Splitter_module.resizeTrigger, Sidebar_module.resizeTrigger, 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) {
@@ -137,11 +145,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: clsx(Sidebar_module.trigger, className),
         onClick: handleClick,
         ...props,
+        "data-slot": "sidebar-trigger",
         children: children ?? /*#__PURE__*/ jsx(ChevronLeftIcon, {})
     });
 });
@@ -150,9 +158,9 @@ const Sidebar_SidebarLabel = /*#__PURE__*/ forwardRef(function({ className, ...p
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "label",
-        "data-slot": "sidebar-label",
         className: clsx(Sidebar_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-label"
     });
 });
 const Sidebar_SidebarHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -160,9 +168,9 @@ const Sidebar_SidebarHeader = /*#__PURE__*/ forwardRef(function({ className, ...
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "header",
-        "data-slot": "sidebar-header",
         className: clsx(Sidebar_module.header, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-header"
     });
 });
 const Sidebar_SidebarContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -170,9 +178,9 @@ const Sidebar_SidebarContent = /*#__PURE__*/ forwardRef(function({ className, ..
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "content",
-        "data-slot": "sidebar-content",
         className: clsx(Sidebar_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-content"
     });
 });
 const Sidebar_SidebarExpandedContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -181,9 +189,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
     });
 });
@@ -193,9 +201,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
     });
 });
@@ -204,9 +212,9 @@ const Sidebar_SidebarFooter = /*#__PURE__*/ forwardRef(function({ className, ...
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "footer",
-        "data-slot": "sidebar-footer",
         className: clsx(Sidebar_module.footer, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-footer"
     });
 });
 const Sidebar_SidebarGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -214,9 +222,9 @@ const Sidebar_SidebarGroup = /*#__PURE__*/ forwardRef(function({ className, ...p
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "group",
-        "data-slot": "sidebar-group",
         className: clsx(Sidebar_module.group, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-group"
     });
 });
 const Sidebar_SidebarGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -224,9 +232,9 @@ const Sidebar_SidebarGroupLabel = /*#__PURE__*/ forwardRef(function({ className,
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "group-label",
-        "data-slot": "sidebar-group-label",
         className: clsx(Sidebar_module.groupLabel, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-group-label"
     });
 });
 const Sidebar_SidebarGroupHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -234,9 +242,9 @@ const Sidebar_SidebarGroupHeader = /*#__PURE__*/ forwardRef(function({ className
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "group-header",
-        "data-slot": "sidebar-group-header",
         className: clsx(Sidebar_module.groupHeader, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-group-header"
     });
 });
 const Sidebar_SidebarGroupAction = /*#__PURE__*/ forwardRef(function({ className, type = 'button', ...props }, ref) {
@@ -245,9 +253,9 @@ const Sidebar_SidebarGroupAction = /*#__PURE__*/ forwardRef(function({ className
         type: type,
         "data-scope": "sidebar",
         "data-part": "group-action",
-        "data-slot": "sidebar-group-action",
         className: clsx(Sidebar_module.groupAction, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-group-action"
     });
 });
 const Sidebar_SidebarNavigationList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -255,9 +263,9 @@ const Sidebar_SidebarNavigationList = /*#__PURE__*/ forwardRef(function({ classN
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "navigation-list",
-        "data-slot": "sidebar-navigation-list",
         className: clsx(Sidebar_module.menu, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-navigation-list"
     });
 });
 const Sidebar_SidebarNavigationItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -265,9 +273,9 @@ const Sidebar_SidebarNavigationItem = /*#__PURE__*/ forwardRef(function({ classN
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "navigation-item",
-        "data-slot": "sidebar-navigation-item",
         className: clsx(Sidebar_module.menuItem, 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) {
@@ -277,11 +285,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: clsx(Sidebar_module.menuButton, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-navigation-button"
     });
 });
 const Sidebar_SidebarNavigationBadge = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -289,9 +297,9 @@ const Sidebar_SidebarNavigationBadge = /*#__PURE__*/ forwardRef(function({ class
         ref: ref,
         "data-scope": "sidebar",
         "data-part": "navigation-badge",
-        "data-slot": "sidebar-navigation-badge",
         className: clsx(Sidebar_module.menuBadge, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-navigation-badge"
     });
 });
 const Sidebar_SidebarNavigationSubList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -299,9 +307,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: clsx(Sidebar_module.menuSub, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-navigation-sub-list"
     });
 });
 const Sidebar_SidebarNavigationSubItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -309,9 +317,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: clsx(Sidebar_module.menuSubItem, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-navigation-sub-item"
     });
 });
 const Sidebar_SidebarNavigationSubButton = /*#__PURE__*/ forwardRef(function({ active = false, children, className, 'aria-current': ariaCurrent, ...props }, ref) {
@@ -320,10 +328,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: clsx(Sidebar_module.menuSubButton, className),
         ...props,
+        "data-slot": "sidebar-navigation-sub-button",
         children: 'string' == typeof children ? /*#__PURE__*/ jsx("span", {
             "data-slot": "sidebar-navigation-sub-label",
             children: children
@@ -358,17 +366,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: clsx(Sidebar_module.input, 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: clsx(Sidebar_module.separator, className),
-        ...props
+        ...props,
+        "data-slot": "sidebar-separator"
     });
 });
 const Sidebar = Object.assign(Sidebar_SidebarRoot, {

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

@@ -16,10 +16,10 @@ const SignaturePad_SignaturePadRoot = /*#__PURE__*/ forwardRef(function({ asChil
         value: readOnly,
         children: /*#__PURE__*/ jsx(SignaturePad.Root, {
             ref: ref,
-            "data-slot": "signature-pad-root",
             className: clsx(SignaturePad_module.root, className),
             asChild: asChild,
             ...props,
+            "data-slot": "signature-pad-root",
             children: children
         })
     });
@@ -30,10 +30,10 @@ const SignaturePad_SignaturePadRootProvider = /*#__PURE__*/ forwardRef(function(
         value: readOnly,
         children: /*#__PURE__*/ jsx(SignaturePad.RootProvider, {
             ref: ref,
-            "data-slot": "signature-pad-root-provider",
             className: clsx(SignaturePad_module.root, className),
             asChild: asChild,
             ...props,
+            "data-slot": "signature-pad-root-provider",
             children: children
         })
     });
@@ -41,33 +41,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: clsx(SignaturePad_module.label, 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: clsx(SignaturePad_module.control, 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: clsx(SignaturePad_module.segment, 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: clsx(SignaturePad_module.guide, 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) {
@@ -76,11 +76,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,