@moduix/react 2.6.0 → 2.7.1

package/dist/components/date-picker/DatePicker.js

@@ -17,7 +17,6 @@ const DatePicker_DatePickerRoot = /*#__PURE__*/ forwardRef(function({ className,
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(DatePicker.Root, {
             ref: ref,
-            "data-slot": "date-picker-root",
             className: clsx(DatePicker_module.root, className),
             disabled: disabled ?? field?.disabled ?? fieldset?.disabled,
             invalid: invalid ?? field?.invalid ?? fieldset?.invalid,
@@ -25,7 +24,8 @@ const DatePicker_DatePickerRoot = /*#__PURE__*/ forwardRef(function({ className,
             readOnly: readOnly ?? field?.readOnly,
             required: required ?? field?.required,
             unmountOnExit: unmountOnExit,
-            ...props
+            ...props,
+            "data-slot": "date-picker-root"
         })
     });
 });
@@ -35,28 +35,28 @@ const DatePicker_DatePickerRootProvider = /*#__PURE__*/ forwardRef(function({ cl
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(DatePicker.RootProvider, {
             ref: ref,
-            "data-slot": "date-picker-root-provider",
             className: clsx(DatePicker_module.root, className),
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
-            ...props
+            ...props,
+            "data-slot": "date-picker-root-provider"
         })
     });
 });
 const DatePicker_DatePickerLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Label, {
         ref: ref,
-        "data-slot": "date-picker-label",
         className: clsx(DatePicker_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-label"
     });
 });
 const DatePicker_DatePickerControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Control, {
         ref: ref,
-        "data-slot": "date-picker-control",
         className: clsx(DatePicker_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-control"
     });
 });
 const DatePicker_DatePickerField = /*#__PURE__*/ forwardRef(function({ clearLabel, clearTriggerProps, inputProps, placeholder, triggerLabel, triggerProps, ...props }, ref) {
@@ -123,18 +123,18 @@ const DatePicker_DatePickerRangeField = /*#__PURE__*/ forwardRef(function({ clea
 const DatePicker_DatePickerInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Input, {
         ref: ref,
-        "data-slot": "date-picker-input",
         className: clsx(DatePicker_module.input, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-input"
     });
 });
 const DatePicker_DatePickerTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Trigger, {
         ref: ref,
-        "data-slot": "date-picker-trigger",
         asChild: asChild,
         className: clsx(!asChild && DatePicker_module.trigger, className),
         ...props,
+        "data-slot": "date-picker-trigger",
         children: children ?? /*#__PURE__*/ jsx(CalendarIcon, {})
     });
 });
@@ -143,7 +143,6 @@ const DatePicker_DatePickerClearTrigger = /*#__PURE__*/ forwardRef(function({ as
     return /*#__PURE__*/ jsx(DatePicker.ClearTrigger, {
         ref: ref,
         asChild: true,
-        "data-slot": "date-picker-clear-trigger",
         className: triggerClassName,
         ...asChild && void 0 !== ariaLabel ? {
             'aria-label': ariaLabel
@@ -152,6 +151,7 @@ const DatePicker_DatePickerClearTrigger = /*#__PURE__*/ forwardRef(function({ as
             'aria-labelledby': ariaLabelledBy
         } : {},
         ...props,
+        "data-slot": "date-picker-clear-trigger",
         children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             ...void 0 === ariaLabel ? {} : {
                 'aria-label': ariaLabel
@@ -167,71 +167,71 @@ const DatePicker_DatePickerPositioner = /*#__PURE__*/ forwardRef(function({ clas
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(DatePicker.Positioner, {
             ref: ref,
-            "data-slot": "date-picker-positioner",
             className: clsx(DatePicker_module.positioner, className),
-            ...props
+            ...props,
+            "data-slot": "date-picker-positioner"
         })
     });
 });
 const DatePicker_DatePickerContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Content, {
         ref: ref,
-        "data-slot": "date-picker-content",
         className: clsx(DatePicker_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-content"
     });
 });
 const DatePicker_DatePickerView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.View, {
         ref: ref,
-        "data-slot": "date-picker-view",
         className: clsx(DatePicker_module.view, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-view"
     });
 });
 const DatePicker_DatePickerViewControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.ViewControl, {
         ref: ref,
-        "data-slot": "date-picker-view-control",
         className: clsx(DatePicker_module.viewControl, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-view-control"
     });
 });
 const DatePicker_DatePickerPrevTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.PrevTrigger, {
         ref: ref,
-        "data-slot": "date-picker-prev-trigger",
         asChild: asChild,
         className: clsx(!asChild && DatePicker_module.navTrigger, className),
         ...props,
+        "data-slot": "date-picker-prev-trigger",
         children: children ?? /*#__PURE__*/ jsx(ChevronLeftIcon, {})
     });
 });
 const DatePicker_DatePickerNextTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.NextTrigger, {
         ref: ref,
-        "data-slot": "date-picker-next-trigger",
         asChild: asChild,
         className: clsx(!asChild && DatePicker_module.navTrigger, className),
         ...props,
+        "data-slot": "date-picker-next-trigger",
         children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
     });
 });
 const DatePicker_DatePickerRangeText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.RangeText, {
         ref: ref,
-        "data-slot": "date-picker-range-text",
         className: clsx(DatePicker_module.rangeText, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-range-text"
     });
 });
 const DatePicker_DatePickerViewTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.ViewTrigger, {
         ref: ref,
-        "data-slot": "date-picker-view-trigger",
         asChild: asChild,
         className: clsx(!asChild && DatePicker_module.viewTrigger, className),
         ...props,
+        "data-slot": "date-picker-view-trigger",
         children: children ?? /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 /*#__PURE__*/ jsx(DatePicker_DatePickerRangeText, {}),
@@ -243,73 +243,73 @@ const DatePicker_DatePickerViewTrigger = /*#__PURE__*/ forwardRef(function({ asC
 const DatePicker_DatePickerTable = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Table, {
         ref: ref,
-        "data-slot": "date-picker-table",
         className: clsx(DatePicker_module.table, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-table"
     });
 });
 const DatePicker_DatePickerTableHead = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableHead, {
         ref: ref,
-        "data-slot": "date-picker-table-head",
         className: className,
-        ...props
+        ...props,
+        "data-slot": "date-picker-table-head"
     });
 });
 const DatePicker_DatePickerTableBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableBody, {
         ref: ref,
-        "data-slot": "date-picker-table-body",
         className: className,
-        ...props
+        ...props,
+        "data-slot": "date-picker-table-body"
     });
 });
 const DatePicker_DatePickerTableRow = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableRow, {
         ref: ref,
-        "data-slot": "date-picker-table-row",
         className: className,
-        ...props
+        ...props,
+        "data-slot": "date-picker-table-row"
     });
 });
 const DatePicker_DatePickerTableHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableHeader, {
         ref: ref,
-        "data-slot": "date-picker-table-header",
         className: clsx(DatePicker_module.tableHeader, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-table-header"
     });
 });
 const DatePicker_DatePickerWeekNumberHeaderCell = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.WeekNumberHeaderCell, {
         ref: ref,
-        "data-slot": "date-picker-week-number-header-cell",
         className: clsx(DatePicker_module.tableHeader, DatePicker_module.weekNumberCell, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-week-number-header-cell"
     });
 });
 const DatePicker_DatePickerWeekNumberCell = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.WeekNumberCell, {
         ref: ref,
-        "data-slot": "date-picker-week-number-cell",
         className: clsx(DatePicker_module.weekNumberCell, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-week-number-cell"
     });
 });
 const DatePicker_DatePickerTableCell = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableCell, {
         ref: ref,
-        "data-slot": "date-picker-table-cell",
         className: clsx(DatePicker_module.tableCell, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-table-cell"
     });
 });
 const DatePicker_DatePickerTableCellTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableCellTrigger, {
         ref: ref,
-        "data-slot": "date-picker-table-cell-trigger",
         className: clsx(DatePicker_module.tableCellTrigger, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-table-cell-trigger"
     });
 });
 const DatePicker_DatePickerDayTable = /*#__PURE__*/ forwardRef(function({ offset, showHeader = true, showWeekNumbers = false, ...props }, ref) {
@@ -364,34 +364,34 @@ const DatePicker_DatePickerDayTable = /*#__PURE__*/ forwardRef(function({ offset
 const DatePicker_DatePickerMonthSelect = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.MonthSelect, {
         ref: ref,
-        "data-slot": "date-picker-month-select",
         className: clsx(DatePicker_module.select, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-month-select"
     });
 });
 const DatePicker_DatePickerYearSelect = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.YearSelect, {
         ref: ref,
-        "data-slot": "date-picker-year-select",
         className: clsx(DatePicker_module.select, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-year-select"
     });
 });
 const DatePicker_DatePickerPresetTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.PresetTrigger, {
         ref: ref,
-        "data-slot": "date-picker-preset-trigger",
         asChild: asChild,
         className: clsx(!asChild && DatePicker_module.presetTrigger, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-preset-trigger"
     });
 });
 const DatePicker_DatePickerValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.ValueText, {
         ref: ref,
-        "data-slot": "date-picker-value-text",
         className: clsx(DatePicker_module.valueText, className),
-        ...props
+        ...props,
+        "data-slot": "date-picker-value-text"
     });
 });
 const DatePicker_DatePicker = Object.assign(DatePicker_DatePickerRoot, {

package/dist/components/dialog/Dialog.js

@@ -34,18 +34,18 @@ const Dialog_DialogTrigger = /*#__PURE__*/ forwardRef(function({ asChild, classN
     return /*#__PURE__*/ jsx(Dialog.Trigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "dialog-trigger",
         className: clsx(!asChild && Dialog_module.trigger, className),
-        ...props
+        ...props,
+        "data-slot": "dialog-trigger"
     });
 });
 const Dialog_DialogBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Dialog.Backdrop, {
             ref: ref,
-            "data-slot": "dialog-backdrop",
             className: clsx(Dialog_module.backdrop, className),
-            ...props
+            ...props,
+            "data-slot": "dialog-backdrop"
         })
     });
 });
@@ -53,43 +53,43 @@ const Dialog_DialogPositioner = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Dialog.Positioner, {
             ref: ref,
-            "data-slot": "dialog-positioner",
             className: clsx(Dialog_module.positioner, className),
-            ...props
+            ...props,
+            "data-slot": "dialog-positioner"
         })
     });
 });
 const Dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Content, {
         ref: ref,
-        "data-slot": "dialog-content",
         className: clsx(Dialog_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "dialog-content"
     });
 });
 const Dialog_DialogTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Title, {
         ref: ref,
-        "data-slot": "dialog-title",
         className: clsx(Dialog_module.title, className),
-        ...props
+        ...props,
+        "data-slot": "dialog-title"
     });
 });
 const Dialog_DialogDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Description, {
         ref: ref,
-        "data-slot": "dialog-description",
         className: clsx(Dialog_module.description, className),
-        ...props
+        ...props,
+        "data-slot": "dialog-description"
     });
 });
 const Dialog_DialogCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.CloseTrigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "dialog-close-trigger",
         className: clsx(!asChild && Dialog_module.closeTrigger, className),
-        ...props
+        ...props,
+        "data-slot": "dialog-close-trigger"
     });
 });
 const Dialog_DialogCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
@@ -108,25 +108,25 @@ const Dialog_DialogCloseIcon = /*#__PURE__*/ forwardRef(function({ className, ch
 const Dialog_DialogHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "dialog-header",
         className: clsx(Dialog_module.header, className),
-        ...props
+        ...props,
+        "data-slot": "dialog-header"
     });
 });
 const Dialog_DialogBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "dialog-body",
         className: clsx(Dialog_module.body, className),
-        ...props
+        ...props,
+        "data-slot": "dialog-body"
     });
 });
 const Dialog_DialogFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "dialog-footer",
         className: clsx(Dialog_module.footer, className),
-        ...props
+        ...props,
+        "data-slot": "dialog-footer"
     });
 });
 const Dialog_Dialog = Object.assign(DialogRoot, {

package/dist/components/drawer/Drawer.js

@@ -44,18 +44,18 @@ const Drawer_DrawerTrigger = /*#__PURE__*/ forwardRef(function({ asChild, classN
     return /*#__PURE__*/ jsx(Drawer.Trigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "drawer-trigger",
         className: clsx(!asChild && Drawer_module.trigger, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-trigger"
     });
 });
 const Drawer_DrawerBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Drawer.Backdrop, {
             ref: ref,
-            "data-slot": "drawer-backdrop",
             className: clsx(Drawer_module.backdrop, className),
-            ...props
+            ...props,
+            "data-slot": "drawer-backdrop"
         })
     });
 });
@@ -63,9 +63,9 @@ const Drawer_DrawerPositioner = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Drawer.Positioner, {
             ref: ref,
-            "data-slot": "drawer-positioner",
             className: clsx(Drawer_module.positioner, className),
-            ...props
+            ...props,
+            "data-slot": "drawer-positioner"
         })
     });
 });
@@ -73,51 +73,51 @@ const Drawer_DrawerContent = /*#__PURE__*/ forwardRef(function({ className, vari
     const rootVariant = useContext(DrawerVariantContext);
     return /*#__PURE__*/ jsx(Drawer.Content, {
         ref: ref,
-        "data-slot": "drawer-content",
         "data-variant": variant ?? rootVariant,
         className: clsx(Drawer_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-content"
     });
 });
 const Drawer_DrawerGrabber = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.Grabber, {
         ref: ref,
-        "data-slot": "drawer-grabber",
         className: clsx(Drawer_module.grabber, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-grabber"
     });
 });
 const Drawer_DrawerGrabberIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.GrabberIndicator, {
         ref: ref,
-        "data-slot": "drawer-grabber-indicator",
         className: clsx(Drawer_module.grabberIndicator, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-grabber-indicator"
     });
 });
 const Drawer_DrawerTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.Title, {
         ref: ref,
-        "data-slot": "drawer-title",
         className: clsx(Drawer_module.title, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-title"
     });
 });
 const Drawer_DrawerDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.Description, {
         ref: ref,
-        "data-slot": "drawer-description",
         className: clsx(Drawer_module.description, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-description"
     });
 });
 const Drawer_DrawerCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.CloseTrigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "drawer-close-trigger",
         className: clsx(!asChild && Drawer_module.closeTrigger, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-close-trigger"
     });
 });
 const Drawer_DrawerCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
@@ -136,49 +136,49 @@ const Drawer_DrawerCloseIcon = /*#__PURE__*/ forwardRef(function({ className, ch
 const Drawer_DrawerSwipeArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.SwipeArea, {
         ref: ref,
-        "data-slot": "drawer-swipe-area",
         className: clsx(Drawer_module.swipeArea, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-swipe-area"
     });
 });
 const Drawer_DrawerIndent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.Indent, {
         ref: ref,
-        "data-slot": "drawer-indent",
         className: clsx(Drawer_module.indent, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-indent"
     });
 });
 const Drawer_DrawerIndentBackground = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.IndentBackground, {
         ref: ref,
-        "data-slot": "drawer-indent-background",
         className: clsx(Drawer_module.indentBackground, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-indent-background"
     });
 });
 const Drawer_DrawerHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "drawer-header",
         className: clsx(Drawer_module.header, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-header"
     });
 });
 const Drawer_DrawerBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "drawer-body",
         className: clsx(Drawer_module.body, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-body"
     });
 });
 const Drawer_DrawerFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "drawer-footer",
         className: clsx(Drawer_module.footer, className),
-        ...props
+        ...props,
+        "data-slot": "drawer-footer"
     });
 });
 const Drawer_Drawer = Object.assign(DrawerRoot, {

package/dist/components/editable/Editable.js

@@ -8,84 +8,84 @@ import Editable_module from "./Editable.module.js";
 const Editable_EditableRoot = /*#__PURE__*/ forwardRef(function({ activationMode = 'dblclick', className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Root, {
         ref: ref,
-        "data-slot": "editable-root",
         activationMode: activationMode,
         className: clsx(Editable_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "editable-root"
     });
 });
 const Editable_EditableRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.RootProvider, {
         ref: ref,
-        "data-slot": "editable-root-provider",
         className: clsx(Editable_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "editable-root-provider"
     });
 });
 const Editable_EditableLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Label, {
         ref: ref,
-        "data-slot": "editable-label",
         className: clsx(Editable_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "editable-label"
     });
 });
 const Editable_EditableArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Area, {
         ref: ref,
-        "data-slot": "editable-area",
         className: clsx(Editable_module.area, className),
-        ...props
+        ...props,
+        "data-slot": "editable-area"
     });
 });
 const Editable_EditableInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Input, {
         ref: ref,
-        "data-slot": "editable-input",
         className: clsx(Editable_module.input, className),
-        ...props
+        ...props,
+        "data-slot": "editable-input"
     });
 });
 const Editable_EditablePreview = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Preview, {
         ref: ref,
-        "data-slot": "editable-preview",
         className: clsx(Editable_module.preview, className),
-        ...props
+        ...props,
+        "data-slot": "editable-preview"
     });
 });
 const Editable_EditableControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Control, {
         ref: ref,
-        "data-slot": "editable-control",
         className: clsx(Editable_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "editable-control"
     });
 });
 const Editable_EditableEditTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.EditTrigger, {
         ref: ref,
-        "data-slot": "editable-edit-trigger",
         className: clsx(Editable_module.trigger, className),
         ...props,
+        "data-slot": "editable-edit-trigger",
         children: children ?? /*#__PURE__*/ jsx(PencilIcon, {})
     });
 });
 const Editable_EditableSubmitTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.SubmitTrigger, {
         ref: ref,
-        "data-slot": "editable-submit-trigger",
         className: clsx(Editable_module.trigger, className),
         ...props,
+        "data-slot": "editable-submit-trigger",
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
 });
 const Editable_EditableCancelTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.CancelTrigger, {
         ref: ref,
-        "data-slot": "editable-cancel-trigger",
         className: clsx(Editable_module.trigger, className),
         ...props,
+        "data-slot": "editable-cancel-trigger",
         children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
     });
 });