@moduix/solid-tailwind 1.0.0 → 1.1.1

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

@@ -35,7 +35,6 @@ function DatePickerRoot(props) {
                 get asChild () {
                     return local.asChild;
                 },
-                "data-slot": "date-picker-root",
                 get ["class"] () {
                     return cn("group/date-picker inline-flex w-75 max-w-full flex-col items-start gap-1 text-foreground has-[input[data-index='1']]:w-96 data-disabled:opacity-50 data-readonly:opacity-50", local.class);
                 },
@@ -58,6 +57,7 @@ function DatePickerRoot(props) {
                     return local.unmountOnExit ?? true;
                 }
             }, others, {
+                "data-slot": "date-picker-root",
                 get children () {
                     return local.children;
                 }
@@ -87,7 +87,6 @@ function DatePickerRootProvider(props) {
                 get asChild () {
                     return local.asChild;
                 },
-                "data-slot": "date-picker-root-provider",
                 get ["class"] () {
                     return cn("group/date-picker inline-flex w-75 max-w-full flex-col items-start gap-1 text-foreground has-[input[data-index='1']]:w-96 data-disabled:opacity-50 data-readonly:opacity-50", local.class);
                 },
@@ -98,6 +97,7 @@ function DatePickerRootProvider(props) {
                     return local.unmountOnExit ?? true;
                 }
             }, others, {
+                "data-slot": "date-picker-root-provider",
                 get children () {
                     return local.children;
                 }
@@ -110,22 +110,24 @@ function DatePickerLabel(props) {
         'class'
     ]);
     return createComponent(DatePicker.Label, mergeProps({
-        "data-slot": "date-picker-label",
         get ["class"] () {
             return cn('inline-flex items-center text-sm leading-5 font-medium text-foreground select-none', 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 cn('group/date-picker-control relative flex w-full min-w-0 items-center gap-2 text-foreground', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-control"
+    }));
 }
 function DatePickerField(props) {
     const [local, others] = splitProps(props, [
@@ -207,11 +209,12 @@ function DatePickerInput(props) {
         'class'
     ]);
     return createComponent(DatePicker.Input, mergeProps({
-        "data-slot": "date-picker-input",
         get ["class"] () {
             return cn("readonly:cursor-default h-control-md w-full min-w-30 flex-1 rounded-md border border-border bg-background ps-3.5 pe-17 text-md leading-6 text-current outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,color,outline-color,opacity] duration-200 ease-in-out group-has-[input[data-index='1']]/date-picker:pe-3.5 group-data-focus/date-picker-control:border-ring group-data-focus/date-picker-control:outline-ring placeholder:text-muted-foreground focus:border-ring focus:outline-ring disabled:cursor-default aria-invalid:border-destructive aria-invalid:outline-destructive data-disabled:cursor-default data-invalid:border-destructive data-invalid:outline-destructive data-readonly:cursor-default data-[index='1']:pe-17 motion-reduce:transition-none", 'py-1', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-input"
+    }));
 }
 function DatePickerTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -224,11 +227,11 @@ function DatePickerTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-picker-trigger",
         get ["class"] () {
             return cn(!local.asChild && 'absolute end-2 top-1/2 inline-flex size-control-xs shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-sm bg-transparent p-0 leading-none text-muted-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring disabled:cursor-default disabled:opacity-50 data-disabled:cursor-default data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:block [&>svg]:size-4 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:bg-muted [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:text-foreground', local.class);
         }
     }, others, {
+        "data-slot": "date-picker-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(CalendarIcon, {});
         }
@@ -253,11 +256,11 @@ function DatePickerClearTrigger(props) {
         get ["aria-labelledby"] () {
             return local['aria-labelledby'];
         },
-        "data-slot": "date-picker-clear-trigger",
         get ["class"] () {
             return cn('absolute end-[2.125rem] top-1/2 inline-flex size-control-xs shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-sm bg-transparent p-0 leading-none text-muted-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring disabled:cursor-default disabled:opacity-50 data-disabled:cursor-default data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:block [&>svg]:size-4 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:bg-muted [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:text-foreground', local.class);
         }
     }, others, {
+        "data-slot": "date-picker-clear-trigger",
         get children () {
             return local.children;
         }
@@ -278,11 +281,12 @@ function DatePickerClearTrigger(props) {
                 }
             }));
         },
-        "data-slot": "date-picker-clear-trigger",
         get ["class"] () {
             return cn('absolute end-[2.125rem] top-1/2 inline-flex size-control-xs shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-sm bg-transparent p-0 leading-none text-muted-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring disabled:cursor-default disabled:opacity-50 data-disabled:cursor-default data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:block [&>svg]:size-4 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:bg-muted [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:text-foreground', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-clear-trigger"
+    }));
 }
 function DatePickerPositioner(props) {
     const [local, others] = splitProps(props, [
@@ -291,11 +295,12 @@ function DatePickerPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(DatePicker.Positioner, mergeProps({
-                "data-slot": "date-picker-positioner",
                 get ["class"] () {
                     return cn('z-[var(--z-index)] outline-0', local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "date-picker-positioner"
+            }));
         }
     });
 }
@@ -304,33 +309,36 @@ function DatePickerContent(props) {
         'class'
     ]);
     return createComponent(DatePicker.Content, mergeProps({
-        "data-slot": "date-picker-content",
         get ["class"] () {
             return cn('z-[calc(60+var(--layer-index,0))] w-75 max-w-[min(calc(100vw-2rem),var(--available-width))] min-w-[min(18.75rem,var(--available-width))] origin-[var(--transform-origin)] rounded-md border border-border bg-popover p-3 text-popover-foreground shadow-lg outline-0 data-inline:min-w-72 data-inline:shadow-none data-[state=closed]:pointer-events-none data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:[animation-delay:0ms] motion-reduce:[animation-duration:1ms]', 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 cn('grid gap-3', 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 cn('flex min-w-0 items-center justify-between gap-2', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-view-control"
+    }));
 }
 function DatePickerPrevTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -343,11 +351,11 @@ function DatePickerPrevTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-picker-prev-trigger",
         get ["class"] () {
             return cn(!local.asChild && 'inline-flex size-control-sm shrink-0 cursor-pointer items-center justify-center rounded-sm bg-transparent p-0 leading-none text-muted-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring disabled:cursor-default disabled:opacity-50 data-disabled:cursor-default data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:block [&>svg]:size-4 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:bg-muted [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:text-foreground', local.class);
         }
     }, others, {
+        "data-slot": "date-picker-prev-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(ChevronLeftIcon, {});
         }
@@ -364,11 +372,11 @@ function DatePickerNextTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-picker-next-trigger",
         get ["class"] () {
             return cn(!local.asChild && 'inline-flex size-control-sm shrink-0 cursor-pointer items-center justify-center rounded-sm bg-transparent p-0 leading-none text-muted-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring disabled:cursor-default disabled:opacity-50 data-disabled:cursor-default data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:block [&>svg]:size-4 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:bg-muted [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:text-foreground', local.class);
         }
     }, others, {
+        "data-slot": "date-picker-next-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(ChevronRightIcon, {});
         }
@@ -379,11 +387,12 @@ function DatePickerRangeText(props) {
         'class'
     ]);
     return createComponent(DatePicker.RangeText, mergeProps({
-        "data-slot": "date-picker-range-text",
         get ["class"] () {
             return cn('min-w-0 overflow-hidden text-ellipsis whitespace-nowrap', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-range-text"
+    }));
 }
 function DatePickerViewTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -396,11 +405,11 @@ function DatePickerViewTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-picker-view-trigger",
         get ["class"] () {
             return cn(!local.asChild && 'inline-flex min-h-control-sm min-w-0 flex-1 shrink-0 cursor-pointer items-center justify-center gap-2 rounded-sm bg-transparent px-2 text-sm leading-5 font-medium text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring disabled:cursor-default disabled:opacity-50 data-disabled:cursor-default data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:block [&>svg]:size-4 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:bg-muted [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:text-foreground', local.class);
         }
     }, others, {
+        "data-slot": "date-picker-view-trigger",
         get children () {
             return resolvedChildren() ?? [
                 createComponent(DatePickerRangeText, {}),
@@ -414,99 +423,108 @@ function DatePickerTable(props) {
         'class'
     ]);
     return createComponent(DatePicker.Table, mergeProps({
-        "data-slot": "date-picker-table",
         get ["class"] () {
             return cn('w-full table-fixed border-separate border-spacing-0.5', 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 cn('h-7 w-control-sm text-center text-xs leading-4 font-medium text-muted-foreground', 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 cn('h-7 w-control-sm text-center text-xs leading-4 font-medium text-muted-foreground tabular-nums', 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 cn('h-7 w-control-sm text-center text-xs leading-4 font-medium text-muted-foreground tabular-nums', 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 cn('h-control-sm w-control-sm p-0 text-center', 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 cn('inline-flex h-control-sm w-full min-w-control-sm cursor-pointer items-center justify-center rounded-sm bg-transparent p-0 text-sm leading-5 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring disabled:cursor-default disabled:opacity-50 data-disabled:cursor-default data-disabled:opacity-50 data-focus:outline-ring data-in-hover-range:bg-muted data-in-hover-range:text-foreground data-in-range:bg-muted data-in-range:text-foreground data-outside-range:text-muted-foreground data-selected:bg-primary data-selected:text-primary-foreground data-today:border-ring data-unavailable:text-muted-foreground motion-reduce:transition-none [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):not([data-selected]):hover]:bg-accent [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):not([data-selected]):hover]:text-accent-foreground', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-table-cell-trigger"
+    }));
 }
 function DatePickerDayTable(props) {
     const [local, others] = splitProps(props, [
@@ -621,22 +639,24 @@ function DatePickerMonthSelect(props) {
         'class'
     ]);
     return createComponent(DatePicker.MonthSelect, mergeProps({
-        "data-slot": "date-picker-month-select",
         get ["class"] () {
             return cn('min-h-control-sm w-full min-w-0 flex-1 cursor-pointer rounded-sm border border-border bg-background px-2 py-1 text-sm leading-5 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,outline-color] duration-200 ease-in-out focus:border-ring focus:outline-ring motion-reduce:transition-none', 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 cn('min-h-control-sm w-full min-w-0 flex-1 cursor-pointer rounded-sm border border-border bg-background px-2 py-1 text-sm leading-5 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,outline-color] duration-200 ease-in-out focus:border-ring focus:outline-ring motion-reduce:transition-none', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-year-select"
+    }));
 }
 function DatePickerPresetTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -647,22 +667,24 @@ function DatePickerPresetTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "date-picker-preset-trigger",
         get ["class"] () {
             return cn(!local.asChild && 'inline-flex min-h-control-sm shrink-0 cursor-pointer items-center justify-center rounded-sm bg-muted px-2 text-sm leading-5 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring disabled:cursor-default disabled:opacity-50 data-disabled:cursor-default data-disabled:opacity-50 data-focus:outline-ring data-selected:bg-primary data-selected:text-primary-foreground motion-reduce:transition-none [&>svg]:block [&>svg]:size-4 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:bg-muted [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:text-foreground [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):not([data-selected]):hover]:bg-accent', 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 cn('min-w-0 overflow-hidden text-ellipsis whitespace-nowrap', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "date-picker-value-text"
+    }));
 }
 const DatePicker_DatePicker = Object.assign(DatePickerRoot, {
     Root: DatePickerRoot,