@moduix/solid 1.0.0 → 1.1.1

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

@@ -24,7 +24,7 @@ function DatePickerRoot(props) {
     const field = useFieldContext();
     const fieldset = useFieldsetContext();
     return <OverlayPortalProvider portalled={local.portalled} portalRef={local.portalRef}>
-      <DatePicker.Root asChild={local.asChild} data-slot="date-picker-root" class={clsx(DatePicker_module.root, local.class)} disabled={local.disabled ?? field?.()?.disabled ?? fieldset?.()?.disabled} invalid={local.invalid ?? field?.()?.invalid ?? fieldset?.()?.invalid} lazyMount={local.lazyMount ?? true} readOnly={local.readOnly ?? field?.()?.readOnly} required={local.required ?? field?.()?.required} unmountOnExit={local.unmountOnExit ?? true} {...others}>
+      <DatePicker.Root asChild={local.asChild} class={clsx(DatePicker_module.root, local.class)} disabled={local.disabled ?? field?.()?.disabled ?? fieldset?.()?.disabled} invalid={local.invalid ?? field?.()?.invalid ?? fieldset?.()?.invalid} lazyMount={local.lazyMount ?? true} readOnly={local.readOnly ?? field?.()?.readOnly} required={local.required ?? field?.()?.required} unmountOnExit={local.unmountOnExit ?? true} {...others} data-slot="date-picker-root">
         {local.children}
       </DatePicker.Root>
     </OverlayPortalProvider>;
@@ -40,7 +40,7 @@ function DatePickerRootProvider(props) {
         'unmountOnExit'
     ]);
     return <OverlayPortalProvider portalled={local.portalled} portalRef={local.portalRef}>
-      <DatePicker.RootProvider asChild={local.asChild} data-slot="date-picker-root-provider" class={clsx(DatePicker_module.root, local.class)} lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others}>
+      <DatePicker.RootProvider asChild={local.asChild} class={clsx(DatePicker_module.root, local.class)} lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others} data-slot="date-picker-root-provider">
         {local.children}
       </DatePicker.RootProvider>
     </OverlayPortalProvider>;
@@ -49,13 +49,13 @@ function DatePickerLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.Label data-slot="date-picker-label" class={clsx(DatePicker_module.label, local.class)} {...others}/>;
+    return <DatePicker.Label class={clsx(DatePicker_module.label, local.class)} {...others} data-slot="date-picker-label"/>;
 }
 function DatePickerControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.Control data-slot="date-picker-control" class={clsx(DatePicker_module.control, local.class)} {...others}/>;
+    return <DatePicker.Control class={clsx(DatePicker_module.control, local.class)} {...others} data-slot="date-picker-control"/>;
 }
 function DatePickerField(props) {
     const [local, others] = splitProps(props, [
@@ -94,7 +94,7 @@ function DatePickerInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.Input data-slot="date-picker-input" class={clsx(DatePicker_module.input, local.class)} {...others}/>;
+    return <DatePicker.Input class={clsx(DatePicker_module.input, local.class)} {...others} data-slot="date-picker-input"/>;
 }
 function DatePickerTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -103,7 +103,7 @@ function DatePickerTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <DatePicker.Trigger asChild={local.asChild} data-slot="date-picker-trigger" class={clsx(!local.asChild && DatePicker_module.trigger, local.class)} {...others}>
+    return <DatePicker.Trigger asChild={local.asChild} class={clsx(!local.asChild && DatePicker_module.trigger, local.class)} {...others} data-slot="date-picker-trigger">
       {resolvedChildren() ?? <CalendarIcon/>}
     </DatePicker.Trigger>;
 }
@@ -117,7 +117,7 @@ function DatePickerClearTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     const triggerClass = clsx(DatePicker_module.clearTrigger, local.class);
-    if (local.asChild) return <DatePicker.ClearTrigger asChild={local.asChild} aria-label={local['aria-label']} aria-labelledby={local['aria-labelledby']} data-slot="date-picker-clear-trigger" class={triggerClass} {...others}>
+    if (local.asChild) return <DatePicker.ClearTrigger asChild={local.asChild} aria-label={local['aria-label']} aria-labelledby={local['aria-labelledby']} class={triggerClass} {...others} data-slot="date-picker-clear-trigger">
         {local.children}
       </DatePicker.ClearTrigger>;
     return <DatePicker.ClearTrigger asChild={(triggerProps)=>{
@@ -129,33 +129,33 @@ function DatePickerClearTrigger(props) {
         }}>
             {resolvedChildren()}
           </CloseButton.Root>;
-    }} data-slot="date-picker-clear-trigger" class={triggerClass} {...others}/>;
+    }} class={triggerClass} {...others} data-slot="date-picker-clear-trigger"/>;
 }
 function DatePickerPositioner(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return <OverlayPortal>
-      <DatePicker.Positioner data-slot="date-picker-positioner" class={clsx(DatePicker_module.positioner, local.class)} {...others}/>
+      <DatePicker.Positioner class={clsx(DatePicker_module.positioner, local.class)} {...others} data-slot="date-picker-positioner"/>
     </OverlayPortal>;
 }
 function DatePickerContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.Content data-slot="date-picker-content" class={clsx(DatePicker_module.content, local.class)} {...others}/>;
+    return <DatePicker.Content class={clsx(DatePicker_module.content, local.class)} {...others} data-slot="date-picker-content"/>;
 }
 function DatePickerView(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.View data-slot="date-picker-view" class={clsx(DatePicker_module.view, local.class)} {...others}/>;
+    return <DatePicker.View class={clsx(DatePicker_module.view, local.class)} {...others} data-slot="date-picker-view"/>;
 }
 function DatePickerViewControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.ViewControl data-slot="date-picker-view-control" class={clsx(DatePicker_module.viewControl, local.class)} {...others}/>;
+    return <DatePicker.ViewControl class={clsx(DatePicker_module.viewControl, local.class)} {...others} data-slot="date-picker-view-control"/>;
 }
 function DatePickerPrevTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -164,7 +164,7 @@ function DatePickerPrevTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <DatePicker.PrevTrigger asChild={local.asChild} data-slot="date-picker-prev-trigger" class={clsx(!local.asChild && DatePicker_module.navTrigger, local.class)} {...others}>
+    return <DatePicker.PrevTrigger asChild={local.asChild} class={clsx(!local.asChild && DatePicker_module.navTrigger, local.class)} {...others} data-slot="date-picker-prev-trigger">
       {resolvedChildren() ?? <ChevronLeftIcon/>}
     </DatePicker.PrevTrigger>;
 }
@@ -175,7 +175,7 @@ function DatePickerNextTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <DatePicker.NextTrigger asChild={local.asChild} data-slot="date-picker-next-trigger" class={clsx(!local.asChild && DatePicker_module.navTrigger, local.class)} {...others}>
+    return <DatePicker.NextTrigger asChild={local.asChild} class={clsx(!local.asChild && DatePicker_module.navTrigger, local.class)} {...others} data-slot="date-picker-next-trigger">
       {resolvedChildren() ?? <ChevronRightIcon/>}
     </DatePicker.NextTrigger>;
 }
@@ -183,7 +183,7 @@ function DatePickerRangeText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.RangeText data-slot="date-picker-range-text" class={clsx(DatePicker_module.rangeText, local.class)} {...others}/>;
+    return <DatePicker.RangeText class={clsx(DatePicker_module.rangeText, local.class)} {...others} data-slot="date-picker-range-text"/>;
 }
 function DatePickerViewTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -192,7 +192,7 @@ function DatePickerViewTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <DatePicker.ViewTrigger asChild={local.asChild} data-slot="date-picker-view-trigger" class={clsx(!local.asChild && DatePicker_module.viewTrigger, local.class)} {...others}>
+    return <DatePicker.ViewTrigger asChild={local.asChild} class={clsx(!local.asChild && DatePicker_module.viewTrigger, local.class)} {...others} data-slot="date-picker-view-trigger">
       {resolvedChildren() ?? <>
           <DatePickerRangeText/>
           <ChevronDownIcon/>
@@ -203,55 +203,55 @@ function DatePickerTable(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.Table data-slot="date-picker-table" class={clsx(DatePicker_module.table, local.class)} {...others}/>;
+    return <DatePicker.Table class={clsx(DatePicker_module.table, local.class)} {...others} data-slot="date-picker-table"/>;
 }
 function DatePickerTableHead(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.TableHead data-slot="date-picker-table-head" class={local.class} {...others}/>;
+    return <DatePicker.TableHead class={local.class} {...others} data-slot="date-picker-table-head"/>;
 }
 function DatePickerTableBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.TableBody data-slot="date-picker-table-body" class={local.class} {...others}/>;
+    return <DatePicker.TableBody class={local.class} {...others} data-slot="date-picker-table-body"/>;
 }
 function DatePickerTableRow(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.TableRow data-slot="date-picker-table-row" class={local.class} {...others}/>;
+    return <DatePicker.TableRow class={local.class} {...others} data-slot="date-picker-table-row"/>;
 }
 function DatePickerTableHeader(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.TableHeader data-slot="date-picker-table-header" class={clsx(DatePicker_module.tableHeader, local.class)} {...others}/>;
+    return <DatePicker.TableHeader class={clsx(DatePicker_module.tableHeader, local.class)} {...others} data-slot="date-picker-table-header"/>;
 }
 function DatePickerWeekNumberHeaderCell(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.WeekNumberHeaderCell data-slot="date-picker-week-number-header-cell" class={clsx(DatePicker_module.tableHeader, DatePicker_module.weekNumberCell, local.class)} {...others}/>;
+    return <DatePicker.WeekNumberHeaderCell class={clsx(DatePicker_module.tableHeader, DatePicker_module.weekNumberCell, local.class)} {...others} data-slot="date-picker-week-number-header-cell"/>;
 }
 function DatePickerWeekNumberCell(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.WeekNumberCell data-slot="date-picker-week-number-cell" class={clsx(DatePicker_module.weekNumberCell, local.class)} {...others}/>;
+    return <DatePicker.WeekNumberCell class={clsx(DatePicker_module.weekNumberCell, local.class)} {...others} data-slot="date-picker-week-number-cell"/>;
 }
 function DatePickerTableCell(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.TableCell data-slot="date-picker-table-cell" class={clsx(DatePicker_module.tableCell, local.class)} {...others}/>;
+    return <DatePicker.TableCell class={clsx(DatePicker_module.tableCell, local.class)} {...others} data-slot="date-picker-table-cell"/>;
 }
 function DatePickerTableCellTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.TableCellTrigger data-slot="date-picker-table-cell-trigger" class={clsx(DatePicker_module.tableCellTrigger, local.class)} {...others}/>;
+    return <DatePicker.TableCellTrigger class={clsx(DatePicker_module.tableCellTrigger, local.class)} {...others} data-slot="date-picker-table-cell-trigger"/>;
 }
 function DatePickerDayTable(props) {
     const [local, others] = splitProps(props, [
@@ -303,26 +303,26 @@ function DatePickerMonthSelect(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.MonthSelect data-slot="date-picker-month-select" class={clsx(DatePicker_module.select, local.class)} {...others}/>;
+    return <DatePicker.MonthSelect class={clsx(DatePicker_module.select, local.class)} {...others} data-slot="date-picker-month-select"/>;
 }
 function DatePickerYearSelect(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.YearSelect data-slot="date-picker-year-select" class={clsx(DatePicker_module.select, local.class)} {...others}/>;
+    return <DatePicker.YearSelect class={clsx(DatePicker_module.select, local.class)} {...others} data-slot="date-picker-year-select"/>;
 }
 function DatePickerPresetTrigger(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <DatePicker.PresetTrigger asChild={local.asChild} data-slot="date-picker-preset-trigger" class={clsx(!local.asChild && DatePicker_module.presetTrigger, local.class)} {...others}/>;
+    return <DatePicker.PresetTrigger asChild={local.asChild} class={clsx(!local.asChild && DatePicker_module.presetTrigger, local.class)} {...others} data-slot="date-picker-preset-trigger"/>;
 }
 function DatePickerValueText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DatePicker.ValueText data-slot="date-picker-value-text" class={clsx(DatePicker_module.valueText, local.class)} {...others}/>;
+    return <DatePicker.ValueText class={clsx(DatePicker_module.valueText, local.class)} {...others} data-slot="date-picker-value-text"/>;
 }
 const DatePicker_DatePicker = Object.assign(DatePickerRoot, {
     Root: DatePickerRoot,

package/dist/components/dialog/Dialog.js

@@ -78,11 +78,12 @@ function DialogTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "dialog-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Dialog_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "dialog-trigger"
+    }));
 }
 function DialogBackdrop(props) {
     const [local, others] = splitProps(props, [
@@ -91,11 +92,12 @@ function DialogBackdrop(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Dialog.Backdrop, mergeProps({
-                "data-slot": "dialog-backdrop",
                 get ["class"] () {
                     return clsx(Dialog_module.backdrop, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "dialog-backdrop"
+            }));
         }
     });
 }
@@ -106,11 +108,12 @@ function DialogPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Dialog.Positioner, mergeProps({
-                "data-slot": "dialog-positioner",
                 get ["class"] () {
                     return clsx(Dialog_module.positioner, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "dialog-positioner"
+            }));
         }
     });
 }
@@ -119,33 +122,36 @@ function DialogContent(props) {
         'class'
     ]);
     return createComponent(Dialog.Content, mergeProps({
-        "data-slot": "dialog-content",
         get ["class"] () {
             return clsx(Dialog_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "dialog-content"
+    }));
 }
 function DialogTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Dialog.Title, mergeProps({
-        "data-slot": "dialog-title",
         get ["class"] () {
             return clsx(Dialog_module.title, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "dialog-title"
+    }));
 }
 function DialogDescription(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Dialog.Description, mergeProps({
-        "data-slot": "dialog-description",
         get ["class"] () {
             return clsx(Dialog_module.description, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "dialog-description"
+    }));
 }
 function DialogCloseTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -156,11 +162,12 @@ function DialogCloseTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "dialog-close-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Dialog_module.closeTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "dialog-close-trigger"
+    }));
 }
 function DialogCloseIcon(props) {
     const [local, others] = splitProps(props, [
@@ -193,33 +200,36 @@ function DialogHeader(props) {
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "dialog-header",
         get ["class"] () {
             return clsx(Dialog_module.header, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "dialog-header"
+    }));
 }
 function DialogBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "dialog-body",
         get ["class"] () {
             return clsx(Dialog_module.body, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "dialog-body"
+    }));
 }
 function DialogFooter(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "dialog-footer",
         get ["class"] () {
             return clsx(Dialog_module.footer, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "dialog-footer"
+    }));
 }
 const Dialog_Dialog = Object.assign(DialogRoot, {
     Root: DialogRoot,

package/dist/components/dialog/Dialog.jsx

@@ -39,14 +39,14 @@ function DialogTrigger(props) {
         'asChild',
         'class'
     ]);
-    return <Dialog.Trigger asChild={local.asChild} data-slot="dialog-trigger" class={clsx(!local.asChild && Dialog_module.trigger, local.class)} {...others}/>;
+    return <Dialog.Trigger asChild={local.asChild} class={clsx(!local.asChild && Dialog_module.trigger, local.class)} {...others} data-slot="dialog-trigger"/>;
 }
 function DialogBackdrop(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return <OverlayPortal>
-      <Dialog.Backdrop data-slot="dialog-backdrop" class={clsx(Dialog_module.backdrop, local.class)} {...others}/>
+      <Dialog.Backdrop class={clsx(Dialog_module.backdrop, local.class)} {...others} data-slot="dialog-backdrop"/>
     </OverlayPortal>;
 }
 function DialogPositioner(props) {
@@ -54,33 +54,33 @@ function DialogPositioner(props) {
         'class'
     ]);
     return <OverlayPortal>
-      <Dialog.Positioner data-slot="dialog-positioner" class={clsx(Dialog_module.positioner, local.class)} {...others}/>
+      <Dialog.Positioner class={clsx(Dialog_module.positioner, local.class)} {...others} data-slot="dialog-positioner"/>
     </OverlayPortal>;
 }
 function DialogContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Dialog.Content data-slot="dialog-content" class={clsx(Dialog_module.content, local.class)} {...others}/>;
+    return <Dialog.Content class={clsx(Dialog_module.content, local.class)} {...others} data-slot="dialog-content"/>;
 }
 function DialogTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Dialog.Title data-slot="dialog-title" class={clsx(Dialog_module.title, local.class)} {...others}/>;
+    return <Dialog.Title class={clsx(Dialog_module.title, local.class)} {...others} data-slot="dialog-title"/>;
 }
 function DialogDescription(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Dialog.Description data-slot="dialog-description" class={clsx(Dialog_module.description, local.class)} {...others}/>;
+    return <Dialog.Description class={clsx(Dialog_module.description, local.class)} {...others} data-slot="dialog-description"/>;
 }
 function DialogCloseTrigger(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <Dialog.CloseTrigger asChild={local.asChild} data-slot="dialog-close-trigger" class={clsx(!local.asChild && Dialog_module.closeTrigger, local.class)} {...others}/>;
+    return <Dialog.CloseTrigger asChild={local.asChild} class={clsx(!local.asChild && Dialog_module.closeTrigger, local.class)} {...others} data-slot="dialog-close-trigger"/>;
 }
 function DialogCloseIcon(props) {
     const [local, others] = splitProps(props, [
@@ -98,19 +98,19 @@ function DialogHeader(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="dialog-header" class={clsx(Dialog_module.header, local.class)} {...others}/>;
+    return <ark.div class={clsx(Dialog_module.header, local.class)} {...others} data-slot="dialog-header"/>;
 }
 function DialogBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="dialog-body" class={clsx(Dialog_module.body, local.class)} {...others}/>;
+    return <ark.div class={clsx(Dialog_module.body, local.class)} {...others} data-slot="dialog-body"/>;
 }
 function DialogFooter(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="dialog-footer" class={clsx(Dialog_module.footer, local.class)} {...others}/>;
+    return <ark.div class={clsx(Dialog_module.footer, local.class)} {...others} data-slot="dialog-footer"/>;
 }
 const Dialog_Dialog = Object.assign(DialogRoot, {
     Root: DialogRoot,

package/dist/components/drawer/Drawer.js

@@ -101,11 +101,12 @@ function DrawerTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "drawer-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Drawer_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-trigger"
+    }));
 }
 function DrawerBackdrop(props) {
     const [local, others] = splitProps(props, [
@@ -114,11 +115,12 @@ function DrawerBackdrop(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Drawer.Backdrop, mergeProps({
-                "data-slot": "drawer-backdrop",
                 get ["class"] () {
                     return clsx(Drawer_module.backdrop, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "drawer-backdrop"
+            }));
         }
     });
 }
@@ -129,11 +131,12 @@ function DrawerPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Drawer.Positioner, mergeProps({
-                "data-slot": "drawer-positioner",
                 get ["class"] () {
                     return clsx(Drawer_module.positioner, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "drawer-positioner"
+            }));
         }
     });
 }
@@ -145,7 +148,6 @@ function DrawerContent(props) {
     ]);
     const rootVariant = useContext(DrawerVariantContext);
     return createComponent(Drawer.Content, mergeProps({
-        "data-slot": "drawer-content",
         get ["data-variant"] () {
             return local.variant ?? rootVariant;
         },
@@ -155,51 +157,57 @@ function DrawerContent(props) {
         get draggable () {
             return local.draggable ?? true;
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-content"
+    }));
 }
 function DrawerGrabber(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Drawer.Grabber, mergeProps({
-        "data-slot": "drawer-grabber",
         get ["class"] () {
             return clsx(Drawer_module.grabber, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-grabber"
+    }));
 }
 function DrawerGrabberIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Drawer.GrabberIndicator, mergeProps({
-        "data-slot": "drawer-grabber-indicator",
         get ["class"] () {
             return clsx(Drawer_module.grabberIndicator, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-grabber-indicator"
+    }));
 }
 function DrawerTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Drawer.Title, mergeProps({
-        "data-slot": "drawer-title",
         get ["class"] () {
             return clsx(Drawer_module.title, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-title"
+    }));
 }
 function DrawerDescription(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Drawer.Description, mergeProps({
-        "data-slot": "drawer-description",
         get ["class"] () {
             return clsx(Drawer_module.description, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-description"
+    }));
 }
 function DrawerCloseTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -210,11 +218,12 @@ function DrawerCloseTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "drawer-close-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Drawer_module.closeTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-close-trigger"
+    }));
 }
 function DrawerCloseIcon(props) {
     const [local, others] = splitProps(props, [
@@ -247,66 +256,72 @@ function DrawerSwipeArea(props) {
         'class'
     ]);
     return createComponent(Drawer.SwipeArea, mergeProps({
-        "data-slot": "drawer-swipe-area",
         get ["class"] () {
             return clsx(Drawer_module.swipeArea, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-swipe-area"
+    }));
 }
 function DrawerIndent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Drawer.Indent, mergeProps({
-        "data-slot": "drawer-indent",
         get ["class"] () {
             return clsx(Drawer_module.indent, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-indent"
+    }));
 }
 function DrawerIndentBackground(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Drawer.IndentBackground, mergeProps({
-        "data-slot": "drawer-indent-background",
         get ["class"] () {
             return clsx(Drawer_module.indentBackground, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-indent-background"
+    }));
 }
 function DrawerHeader(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "drawer-header",
         get ["class"] () {
             return clsx(Drawer_module.header, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-header"
+    }));
 }
 function DrawerBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "drawer-body",
         get ["class"] () {
             return clsx(Drawer_module.body, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-body"
+    }));
 }
 function DrawerFooter(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "drawer-footer",
         get ["class"] () {
             return clsx(Drawer_module.footer, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "drawer-footer"
+    }));
 }
 const Drawer_Drawer = Object.assign(DrawerRoot, {
     Root: DrawerRoot,