@moduix/solid 1.0.0 → 1.1.1

package/dist/components/date-input/DateInput.js

@@ -3,7 +3,7 @@ import { DateInput, useDateInput, useDateInputContext } from "@ark-ui/solid/date
 import { clsx } from "clsx";
 import { splitProps } from "solid-js";
 import DateInput_module from "./DateInput.module.js";
-var _tmpl$ = /*#__PURE__*/ template("<span data-slot=date-input-separator>");
+var _tmpl$ = /*#__PURE__*/ template("<span>");
 function DateInputRoot(props) {
     const [local, others] = splitProps(props, [
         'asChild',
@@ -14,11 +14,11 @@ function DateInputRoot(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-input-root",
         get ["class"] () {
             return clsx(DateInput_module.root, local.class);
         }
     }, others, {
+        "data-slot": "date-input-root",
         get children () {
             return local.children;
         }
@@ -34,11 +34,11 @@ function DateInputRootProvider(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-input-root-provider",
         get ["class"] () {
             return clsx(DateInput_module.root, local.class);
         }
     }, others, {
+        "data-slot": "date-input-root-provider",
         get children () {
             return local.children;
         }
@@ -49,44 +49,48 @@ function DateInputLabel(props) {
         'class'
     ]);
     return createComponent(DateInput.Label, mergeProps({
-        "data-slot": "date-input-label",
         get ["class"] () {
             return clsx(DateInput_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-input-label"
+    }));
 }
 function DateInputControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DateInput.Control, mergeProps({
-        "data-slot": "date-input-control",
         get ["class"] () {
             return clsx(DateInput_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-input-control"
+    }));
 }
 function DateInputSegmentGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DateInput.SegmentGroup, mergeProps({
-        "data-slot": "date-input-segment-group",
         get ["class"] () {
             return clsx(DateInput_module.segmentGroup, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-input-segment-group"
+    }));
 }
 function DateInputSegment(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DateInput.Segment, mergeProps({
-        "data-slot": "date-input-segment",
         get ["class"] () {
             return clsx(DateInput_module.segment, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-input-segment"
+    }));
 }
 function DateInputSegments(props) {
     return createComponent(DateInputSegmentGroup, mergeProps(props, {
@@ -117,7 +121,9 @@ function DateInputSeparator(props) {
             get ["class"] () {
                 return clsx(DateInput_module.separator, local.class);
             }
-        }, others), false, false);
+        }, others, {
+            "data-slot": "date-input-separator"
+        }), false, false);
         return _el$;
     })();
 }

package/dist/components/date-input/DateInput.jsx

@@ -8,7 +8,7 @@ function DateInputRoot(props) {
         'children',
         'class'
     ]);
-    return <DateInput.Root asChild={local.asChild} data-slot="date-input-root" class={clsx(DateInput_module.root, local.class)} {...others}>
+    return <DateInput.Root asChild={local.asChild} class={clsx(DateInput_module.root, local.class)} {...others} data-slot="date-input-root">
       {local.children}
     </DateInput.Root>;
 }
@@ -18,7 +18,7 @@ function DateInputRootProvider(props) {
         'children',
         'class'
     ]);
-    return <DateInput.RootProvider asChild={local.asChild} data-slot="date-input-root-provider" class={clsx(DateInput_module.root, local.class)} {...others}>
+    return <DateInput.RootProvider asChild={local.asChild} class={clsx(DateInput_module.root, local.class)} {...others} data-slot="date-input-root-provider">
       {local.children}
     </DateInput.RootProvider>;
 }
@@ -26,25 +26,25 @@ function DateInputLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DateInput.Label data-slot="date-input-label" class={clsx(DateInput_module.label, local.class)} {...others}/>;
+    return <DateInput.Label class={clsx(DateInput_module.label, local.class)} {...others} data-slot="date-input-label"/>;
 }
 function DateInputControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DateInput.Control data-slot="date-input-control" class={clsx(DateInput_module.control, local.class)} {...others}/>;
+    return <DateInput.Control class={clsx(DateInput_module.control, local.class)} {...others} data-slot="date-input-control"/>;
 }
 function DateInputSegmentGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DateInput.SegmentGroup data-slot="date-input-segment-group" class={clsx(DateInput_module.segmentGroup, local.class)} {...others}/>;
+    return <DateInput.SegmentGroup class={clsx(DateInput_module.segmentGroup, local.class)} {...others} data-slot="date-input-segment-group"/>;
 }
 function DateInputSegment(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <DateInput.Segment data-slot="date-input-segment" class={clsx(DateInput_module.segment, local.class)} {...others}/>;
+    return <DateInput.Segment class={clsx(DateInput_module.segment, local.class)} {...others} data-slot="date-input-segment"/>;
 }
 function DateInputSegments(props) {
     return <DateInputSegmentGroup {...props}>
@@ -59,7 +59,7 @@ function DateInputSeparator(props) {
         'class',
         'role'
     ]);
-    return <span data-slot="date-input-separator" aria-hidden={local['aria-hidden'] ?? true} role={local.role ?? 'presentation'} class={clsx(DateInput_module.separator, local.class)} {...others}/>;
+    return <span aria-hidden={local['aria-hidden'] ?? true} role={local.role ?? 'presentation'} class={clsx(DateInput_module.separator, local.class)} {...others} data-slot="date-input-separator"/>;
 }
 const DateInput_DateInput = Object.assign(DateInputRoot, {
     Root: DateInputRoot,

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

@@ -36,7 +36,6 @@ function DatePickerRoot(props) {
                 get asChild () {
                     return local.asChild;
                 },
-                "data-slot": "date-picker-root",
                 get ["class"] () {
                     return clsx(DatePicker_module.root, local.class);
                 },
@@ -59,6 +58,7 @@ function DatePickerRoot(props) {
                     return local.unmountOnExit ?? true;
                 }
             }, others, {
+                "data-slot": "date-picker-root",
                 get children () {
                     return local.children;
                 }
@@ -88,7 +88,6 @@ function DatePickerRootProvider(props) {
                 get asChild () {
                     return local.asChild;
                 },
-                "data-slot": "date-picker-root-provider",
                 get ["class"] () {
                     return clsx(DatePicker_module.root, local.class);
                 },
@@ -99,6 +98,7 @@ function DatePickerRootProvider(props) {
                     return local.unmountOnExit ?? true;
                 }
             }, others, {
+                "data-slot": "date-picker-root-provider",
                 get children () {
                     return local.children;
                 }
@@ -111,22 +111,24 @@ function DatePickerLabel(props) {
         'class'
     ]);
     return createComponent(DatePicker.Label, mergeProps({
-        "data-slot": "date-picker-label",
         get ["class"] () {
             return clsx(DatePicker_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-label"
+    }));
 }
 function DatePickerControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.Control, mergeProps({
-        "data-slot": "date-picker-control",
         get ["class"] () {
             return clsx(DatePicker_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-control"
+    }));
 }
 function DatePickerField(props) {
     const [local, others] = splitProps(props, [
@@ -208,11 +210,12 @@ function DatePickerInput(props) {
         'class'
     ]);
     return createComponent(DatePicker.Input, mergeProps({
-        "data-slot": "date-picker-input",
         get ["class"] () {
             return clsx(DatePicker_module.input, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-input"
+    }));
 }
 function DatePickerTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -225,11 +228,11 @@ function DatePickerTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-picker-trigger",
         get ["class"] () {
             return clsx(!local.asChild && DatePicker_module.trigger, local.class);
         }
     }, others, {
+        "data-slot": "date-picker-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(CalendarIcon, {});
         }
@@ -255,9 +258,9 @@ function DatePickerClearTrigger(props) {
         get ["aria-labelledby"] () {
             return local['aria-labelledby'];
         },
-        "data-slot": "date-picker-clear-trigger",
         class: triggerClass
     }, others, {
+        "data-slot": "date-picker-clear-trigger",
         get children () {
             return local.children;
         }
@@ -275,9 +278,10 @@ function DatePickerClearTrigger(props) {
                 }
             }));
         },
-        "data-slot": "date-picker-clear-trigger",
         class: triggerClass
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-clear-trigger"
+    }));
 }
 function DatePickerPositioner(props) {
     const [local, others] = splitProps(props, [
@@ -286,11 +290,12 @@ function DatePickerPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(DatePicker.Positioner, mergeProps({
-                "data-slot": "date-picker-positioner",
                 get ["class"] () {
                     return clsx(DatePicker_module.positioner, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "date-picker-positioner"
+            }));
         }
     });
 }
@@ -299,33 +304,36 @@ function DatePickerContent(props) {
         'class'
     ]);
     return createComponent(DatePicker.Content, mergeProps({
-        "data-slot": "date-picker-content",
         get ["class"] () {
             return clsx(DatePicker_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-content"
+    }));
 }
 function DatePickerView(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.View, mergeProps({
-        "data-slot": "date-picker-view",
         get ["class"] () {
             return clsx(DatePicker_module.view, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-view"
+    }));
 }
 function DatePickerViewControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.ViewControl, mergeProps({
-        "data-slot": "date-picker-view-control",
         get ["class"] () {
             return clsx(DatePicker_module.viewControl, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-view-control"
+    }));
 }
 function DatePickerPrevTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -338,11 +346,11 @@ function DatePickerPrevTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-picker-prev-trigger",
         get ["class"] () {
             return clsx(!local.asChild && DatePicker_module.navTrigger, local.class);
         }
     }, others, {
+        "data-slot": "date-picker-prev-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(ChevronLeftIcon, {});
         }
@@ -359,11 +367,11 @@ function DatePickerNextTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-picker-next-trigger",
         get ["class"] () {
             return clsx(!local.asChild && DatePicker_module.navTrigger, local.class);
         }
     }, others, {
+        "data-slot": "date-picker-next-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(ChevronRightIcon, {});
         }
@@ -374,11 +382,12 @@ function DatePickerRangeText(props) {
         'class'
     ]);
     return createComponent(DatePicker.RangeText, mergeProps({
-        "data-slot": "date-picker-range-text",
         get ["class"] () {
             return clsx(DatePicker_module.rangeText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-range-text"
+    }));
 }
 function DatePickerViewTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -391,11 +400,11 @@ function DatePickerViewTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-picker-view-trigger",
         get ["class"] () {
             return clsx(!local.asChild && DatePicker_module.viewTrigger, local.class);
         }
     }, others, {
+        "data-slot": "date-picker-view-trigger",
         get children () {
             return resolvedChildren() ?? [
                 createComponent(DatePickerRangeText, {}),
@@ -409,99 +418,108 @@ function DatePickerTable(props) {
         'class'
     ]);
     return createComponent(DatePicker.Table, mergeProps({
-        "data-slot": "date-picker-table",
         get ["class"] () {
             return clsx(DatePicker_module.table, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-table"
+    }));
 }
 function DatePickerTableHead(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.TableHead, mergeProps({
-        "data-slot": "date-picker-table-head",
         get ["class"] () {
             return local.class;
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-table-head"
+    }));
 }
 function DatePickerTableBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.TableBody, mergeProps({
-        "data-slot": "date-picker-table-body",
         get ["class"] () {
             return local.class;
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-table-body"
+    }));
 }
 function DatePickerTableRow(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.TableRow, mergeProps({
-        "data-slot": "date-picker-table-row",
         get ["class"] () {
             return local.class;
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-table-row"
+    }));
 }
 function DatePickerTableHeader(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.TableHeader, mergeProps({
-        "data-slot": "date-picker-table-header",
         get ["class"] () {
             return clsx(DatePicker_module.tableHeader, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-table-header"
+    }));
 }
 function DatePickerWeekNumberHeaderCell(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.WeekNumberHeaderCell, mergeProps({
-        "data-slot": "date-picker-week-number-header-cell",
         get ["class"] () {
             return clsx(DatePicker_module.tableHeader, DatePicker_module.weekNumberCell, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-week-number-header-cell"
+    }));
 }
 function DatePickerWeekNumberCell(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.WeekNumberCell, mergeProps({
-        "data-slot": "date-picker-week-number-cell",
         get ["class"] () {
             return clsx(DatePicker_module.weekNumberCell, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-week-number-cell"
+    }));
 }
 function DatePickerTableCell(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.TableCell, mergeProps({
-        "data-slot": "date-picker-table-cell",
         get ["class"] () {
             return clsx(DatePicker_module.tableCell, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-table-cell"
+    }));
 }
 function DatePickerTableCellTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.TableCellTrigger, mergeProps({
-        "data-slot": "date-picker-table-cell-trigger",
         get ["class"] () {
             return clsx(DatePicker_module.tableCellTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-table-cell-trigger"
+    }));
 }
 function DatePickerDayTable(props) {
     const [local, others] = splitProps(props, [
@@ -616,22 +634,24 @@ function DatePickerMonthSelect(props) {
         'class'
     ]);
     return createComponent(DatePicker.MonthSelect, mergeProps({
-        "data-slot": "date-picker-month-select",
         get ["class"] () {
             return clsx(DatePicker_module.select, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-month-select"
+    }));
 }
 function DatePickerYearSelect(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.YearSelect, mergeProps({
-        "data-slot": "date-picker-year-select",
         get ["class"] () {
             return clsx(DatePicker_module.select, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-year-select"
+    }));
 }
 function DatePickerPresetTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -642,22 +662,24 @@ function DatePickerPresetTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-picker-preset-trigger",
         get ["class"] () {
             return clsx(!local.asChild && DatePicker_module.presetTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-preset-trigger"
+    }));
 }
 function DatePickerValueText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(DatePicker.ValueText, mergeProps({
-        "data-slot": "date-picker-value-text",
         get ["class"] () {
             return clsx(DatePicker_module.valueText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-value-text"
+    }));
 }
 const DatePicker_DatePicker = Object.assign(DatePickerRoot, {
     Root: DatePickerRoot,