@moduix/react 2.2.0 → 2.2.5

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

@@ -1,369 +1,440 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CalendarIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import { CloseButton } from "../close-button/CloseButton.js";
-import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
-import DatePicker_module_default from "./DatePicker.module.js";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DatePicker, useDatePicker, useDatePickerContext } from "@ark-ui/react/date-picker";
+import { useFieldContext } from "@ark-ui/react/field";
+import { useFieldsetContext } from "@ark-ui/react/fieldset";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { DatePicker, useDatePicker, useDatePickerContext } from "@ark-ui/react/date-picker";
-//#region src/components/date-picker/DatePicker.tsx
-const DatePickerRoot = forwardRef(function DatePickerRoot({ className, portalled, portalRef, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(DatePicker.Root, {
-			ref,
-			"data-slot": "date-picker-root",
-			className: clsx(DatePicker_module_default.root, normalizeClassName(className)),
-			...props
-		})
-	});
-});
-const DatePickerRootProvider = forwardRef(function DatePickerRootProvider({ className, portalled, portalRef, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(DatePicker.RootProvider, {
-			ref,
-			"data-slot": "date-picker-root-provider",
-			className: clsx(DatePicker_module_default.root, normalizeClassName(className)),
-			...props
-		})
-	});
-});
-const DatePickerLabel = forwardRef(function DatePickerLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.Label, {
-		ref,
-		"data-slot": "date-picker-label",
-		className: clsx(DatePicker_module_default.label, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerControl = forwardRef(function DatePickerControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.Control, {
-		ref,
-		"data-slot": "date-picker-control",
-		className: clsx(DatePicker_module_default.control, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerField = forwardRef(function DatePickerField({ clearLabel = "Clear date", clearTriggerProps, inputProps, placeholder = "Select date", triggerLabel = "Open calendar", triggerProps, ...props }, ref) {
-	return /* @__PURE__ */ jsxs(DatePickerControl, {
-		ref,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(DatePickerInput, {
-				placeholder,
-				...inputProps
-			}),
-			/* @__PURE__ */ jsx(DatePickerClearTrigger, {
-				"aria-label": clearLabel,
-				...clearTriggerProps
-			}),
-			/* @__PURE__ */ jsx(DatePickerTrigger, {
-				"aria-label": triggerLabel,
-				...triggerProps
-			})
-		]
-	});
-});
-const DatePickerRangeField = forwardRef(function DatePickerRangeField({ clearLabel = "Clear date", clearTriggerProps, endInputProps, endPlaceholder = "End date", startInputProps, startPlaceholder = "Start date", triggerLabel = "Open calendar", triggerProps, ...props }, ref) {
-	return /* @__PURE__ */ jsxs(DatePickerControl, {
-		ref,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(DatePickerInput, {
-				index: 0,
-				placeholder: startPlaceholder,
-				...startInputProps
-			}),
-			/* @__PURE__ */ jsx(DatePickerInput, {
-				index: 1,
-				placeholder: endPlaceholder,
-				...endInputProps
-			}),
-			/* @__PURE__ */ jsx(DatePickerClearTrigger, {
-				"aria-label": clearLabel,
-				...clearTriggerProps
-			}),
-			/* @__PURE__ */ jsx(DatePickerTrigger, {
-				"aria-label": triggerLabel,
-				...triggerProps
-			})
-		]
-	});
-});
-const DatePickerInput = forwardRef(function DatePickerInput({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.Input, {
-		ref,
-		"data-slot": "date-picker-input",
-		className: clsx(DatePicker_module_default.input, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerTrigger = forwardRef(function DatePickerTrigger({ asChild, className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.Trigger, {
-		ref,
-		"data-slot": "date-picker-trigger",
-		asChild,
-		className: clsx(!asChild && DatePicker_module_default.trigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(CalendarIcon, {})
-	});
-});
-const DatePickerClearTrigger = forwardRef(function DatePickerClearTrigger({ asChild, className, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
-	const triggerClassName = clsx(DatePicker_module_default.clearTrigger, normalizeClassName(className));
-	if (asChild) return /* @__PURE__ */ jsx(DatePicker.ClearTrigger, {
-		ref,
-		asChild: true,
-		"data-slot": "date-picker-clear-trigger",
-		className: triggerClassName,
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		...props,
-		children
-	});
-	return /* @__PURE__ */ jsx(DatePicker.ClearTrigger, {
-		ref,
-		asChild: true,
-		"data-slot": "date-picker-clear-trigger",
-		className: triggerClassName,
-		...props,
-		children: /* @__PURE__ */ jsx(CloseButton.Root, {
-			"aria-label": ariaLabel ?? (ariaLabelledBy == null ? "Clear date" : void 0),
-			"aria-labelledby": ariaLabelledBy,
-			children
-		})
-	});
-});
-const DatePickerPositioner = forwardRef(function DatePickerPositioner({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(DatePicker.Positioner, {
-		ref,
-		"data-slot": "date-picker-positioner",
-		className: clsx(DatePicker_module_default.positioner, normalizeClassName(className)),
-		...props
-	}) });
-});
-const DatePickerContent = forwardRef(function DatePickerContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.Content, {
-		ref,
-		"data-slot": "date-picker-content",
-		className: clsx(DatePicker_module_default.content, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerView = forwardRef(function DatePickerView({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.View, {
-		ref,
-		"data-slot": "date-picker-view",
-		className: clsx(DatePicker_module_default.view, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerViewControl = forwardRef(function DatePickerViewControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.ViewControl, {
-		ref,
-		"data-slot": "date-picker-view-control",
-		className: clsx(DatePicker_module_default.viewControl, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerPrevTrigger = forwardRef(function DatePickerPrevTrigger({ asChild, className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.PrevTrigger, {
-		ref,
-		"data-slot": "date-picker-prev-trigger",
-		asChild,
-		className: clsx(!asChild && DatePicker_module_default.navTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-	});
-});
-const DatePickerNextTrigger = forwardRef(function DatePickerNextTrigger({ asChild, className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.NextTrigger, {
-		ref,
-		"data-slot": "date-picker-next-trigger",
-		asChild,
-		className: clsx(!asChild && DatePicker_module_default.navTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, {})
-	});
-});
-const DatePickerRangeText = forwardRef(function DatePickerRangeText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.RangeText, {
-		ref,
-		"data-slot": "date-picker-range-text",
-		className: clsx(DatePicker_module_default.rangeText, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerViewTrigger = forwardRef(function DatePickerViewTrigger({ asChild, className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.ViewTrigger, {
-		ref,
-		"data-slot": "date-picker-view-trigger",
-		asChild,
-		className: clsx(!asChild && DatePicker_module_default.viewTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DatePickerRangeText, {}), /* @__PURE__ */ jsx(ChevronDownIcon, {})] })
-	});
-});
-const DatePickerTable = forwardRef(function DatePickerTable({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.Table, {
-		ref,
-		"data-slot": "date-picker-table",
-		className: clsx(DatePicker_module_default.table, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerTableHead = forwardRef(function DatePickerTableHead({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.TableHead, {
-		ref,
-		"data-slot": "date-picker-table-head",
-		className: normalizeClassName(className),
-		...props
-	});
-});
-const DatePickerTableBody = forwardRef(function DatePickerTableBody({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.TableBody, {
-		ref,
-		"data-slot": "date-picker-table-body",
-		className: normalizeClassName(className),
-		...props
-	});
-});
-const DatePickerTableRow = forwardRef(function DatePickerTableRow({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.TableRow, {
-		ref,
-		"data-slot": "date-picker-table-row",
-		className: normalizeClassName(className),
-		...props
-	});
-});
-const DatePickerTableHeader = forwardRef(function DatePickerTableHeader({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.TableHeader, {
-		ref,
-		"data-slot": "date-picker-table-header",
-		className: clsx(DatePicker_module_default.tableHeader, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerWeekNumberHeaderCell = forwardRef(function DatePickerWeekNumberHeaderCell({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.WeekNumberHeaderCell, {
-		ref,
-		"data-slot": "date-picker-week-number-header-cell",
-		className: clsx(DatePicker_module_default.tableHeader, DatePicker_module_default.weekNumberCell, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerWeekNumberCell = forwardRef(function DatePickerWeekNumberCell({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.WeekNumberCell, {
-		ref,
-		"data-slot": "date-picker-week-number-cell",
-		className: clsx(DatePicker_module_default.weekNumberCell, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerTableCell = forwardRef(function DatePickerTableCell({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.TableCell, {
-		ref,
-		"data-slot": "date-picker-table-cell",
-		className: clsx(DatePicker_module_default.tableCell, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerTableCellTrigger = forwardRef(function DatePickerTableCellTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.TableCellTrigger, {
-		ref,
-		"data-slot": "date-picker-table-cell-trigger",
-		className: clsx(DatePicker_module_default.tableCellTrigger, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerDayTable = forwardRef(function DatePickerDayTable({ offset, showHeader = true, showWeekNumbers = false, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.Context, { children: (datePicker) => /* @__PURE__ */ jsxs(Fragment$1, { children: [showHeader ? /* @__PURE__ */ jsxs(DatePickerViewControl, { children: [
-		/* @__PURE__ */ jsx(DatePickerPrevTrigger, {}),
-		/* @__PURE__ */ jsx(DatePickerViewTrigger, {}),
-		/* @__PURE__ */ jsx(DatePickerNextTrigger, {})
-	] }) : null, /* @__PURE__ */ jsxs(DatePickerTable, {
-		ref,
-		...props,
-		children: [/* @__PURE__ */ jsx(DatePickerTableHead, { children: /* @__PURE__ */ jsxs(DatePickerTableRow, { children: [showWeekNumbers ? /* @__PURE__ */ jsx(DatePickerWeekNumberHeaderCell, {}) : null, datePicker.weekDays.map((weekDay) => /* @__PURE__ */ jsx(DatePickerTableHeader, { children: weekDay.short }, weekDay.value.toString()))] }) }), /* @__PURE__ */ jsx(DatePickerTableBody, { children: (offset?.weeks ?? datePicker.weeks).map((week, weekIndex) => /* @__PURE__ */ jsxs(DatePickerTableRow, { children: [showWeekNumbers ? /* @__PURE__ */ jsx(DatePickerWeekNumberCell, {
-			week,
-			weekIndex,
-			children: datePicker.getWeekNumber(week)
-		}) : null, week.map((day) => /* @__PURE__ */ jsx(DatePickerTableCell, {
-			value: day,
-			visibleRange: offset?.visibleRange,
-			children: /* @__PURE__ */ jsx(DatePickerTableCellTrigger, { children: day.day })
-		}, day.toString()))] }, week[0]?.toString())) })]
-	})] }) });
-});
-const DatePickerMonthSelect = forwardRef(function DatePickerMonthSelect({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.MonthSelect, {
-		ref,
-		"data-slot": "date-picker-month-select",
-		className: clsx(DatePicker_module_default.select, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerYearSelect = forwardRef(function DatePickerYearSelect({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.YearSelect, {
-		ref,
-		"data-slot": "date-picker-year-select",
-		className: clsx(DatePicker_module_default.select, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerPresetTrigger = forwardRef(function DatePickerPresetTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.PresetTrigger, {
-		ref,
-		"data-slot": "date-picker-preset-trigger",
-		asChild,
-		className: clsx(!asChild && DatePicker_module_default.presetTrigger, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePickerValueText = forwardRef(function DatePickerValueText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DatePicker.ValueText, {
-		ref,
-		"data-slot": "date-picker-value-text",
-		className: clsx(DatePicker_module_default.valueText, normalizeClassName(className)),
-		...props
-	});
-});
-const DatePicker$1 = Object.assign(DatePickerRoot, {
-	Root: DatePickerRoot,
-	RootProvider: DatePickerRootProvider,
-	Context: DatePicker.Context,
-	Label: DatePickerLabel,
-	Control: DatePickerControl,
-	Field: DatePickerField,
-	RangeField: DatePickerRangeField,
-	Input: DatePickerInput,
-	Trigger: DatePickerTrigger,
-	ClearTrigger: DatePickerClearTrigger,
-	Positioner: DatePickerPositioner,
-	Content: DatePickerContent,
-	View: DatePickerView,
-	ViewControl: DatePickerViewControl,
-	PrevTrigger: DatePickerPrevTrigger,
-	NextTrigger: DatePickerNextTrigger,
-	ViewTrigger: DatePickerViewTrigger,
-	RangeText: DatePickerRangeText,
-	ValueText: DatePickerValueText,
-	Table: DatePickerTable,
-	TableHead: DatePickerTableHead,
-	TableBody: DatePickerTableBody,
-	TableRow: DatePickerTableRow,
-	TableHeader: DatePickerTableHeader,
-	TableCell: DatePickerTableCell,
-	TableCellTrigger: DatePickerTableCellTrigger,
-	DayTable: DatePickerDayTable,
-	WeekNumberHeaderCell: DatePickerWeekNumberHeaderCell,
-	WeekNumberCell: DatePickerWeekNumberCell,
-	MonthSelect: DatePickerMonthSelect,
-	YearSelect: DatePickerYearSelect,
-	PresetTrigger: DatePickerPresetTrigger
-});
-//#endregion
-export { DatePicker$1 as DatePicker, useDatePicker, useDatePickerContext };
+import { CalendarIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import { CloseButton } from "../close-button/index.js";
+import DatePicker_module from "./DatePicker.module.js";
+const DatePicker_DatePickerRoot = /*#__PURE__*/ forwardRef(function({ className, disabled, invalid, lazyMount = true, portalled, portalRef, readOnly, required, unmountOnExit = true, ...props }, ref) {
+    const field = useFieldContext();
+    const fieldset = useFieldsetContext();
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(DatePicker.Root, {
+            ref: ref,
+            "data-slot": "date-picker-root",
+            className: clsx(DatePicker_module.root, normalizeClassName(className)),
+            disabled: disabled ?? field?.disabled ?? fieldset?.disabled,
+            invalid: invalid ?? field?.invalid ?? fieldset?.invalid,
+            lazyMount: lazyMount,
+            readOnly: readOnly ?? field?.readOnly,
+            required: required ?? field?.required,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+});
+const DatePicker_DatePickerRootProvider = /*#__PURE__*/ forwardRef(function({ className, lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(DatePicker.RootProvider, {
+            ref: ref,
+            "data-slot": "date-picker-root-provider",
+            className: clsx(DatePicker_module.root, normalizeClassName(className)),
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+const DatePicker_DatePickerField = /*#__PURE__*/ forwardRef(function({ clearLabel, clearTriggerProps, inputProps, placeholder, triggerLabel, triggerProps, ...props }, ref) {
+    return /*#__PURE__*/ jsxs(DatePicker_DatePickerControl, {
+        ref: ref,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(DatePicker_DatePickerInput, {
+                ...void 0 === placeholder ? {} : {
+                    placeholder
+                },
+                ...inputProps,
+                index: 0
+            }),
+            /*#__PURE__*/ jsx(DatePicker_DatePickerClearTrigger, {
+                ...void 0 === clearLabel ? {} : {
+                    'aria-label': clearLabel
+                },
+                ...clearTriggerProps
+            }),
+            /*#__PURE__*/ jsx(DatePicker_DatePickerTrigger, {
+                ...void 0 === triggerLabel ? {} : {
+                    'aria-label': triggerLabel
+                },
+                ...triggerProps
+            })
+        ]
+    });
+});
+const DatePicker_DatePickerRangeField = /*#__PURE__*/ forwardRef(function({ clearLabel, clearTriggerProps, endInputProps, endPlaceholder, startInputProps, startPlaceholder, triggerLabel, triggerProps, ...props }, ref) {
+    return /*#__PURE__*/ jsxs(DatePicker_DatePickerControl, {
+        ref: ref,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(DatePicker_DatePickerInput, {
+                ...void 0 === startPlaceholder ? {} : {
+                    placeholder: startPlaceholder
+                },
+                ...startInputProps,
+                index: 0
+            }),
+            /*#__PURE__*/ jsx(DatePicker_DatePickerInput, {
+                ...void 0 === endPlaceholder ? {} : {
+                    placeholder: endPlaceholder
+                },
+                ...endInputProps,
+                index: 1
+            }),
+            /*#__PURE__*/ jsx(DatePicker_DatePickerClearTrigger, {
+                ...void 0 === clearLabel ? {} : {
+                    'aria-label': clearLabel
+                },
+                ...clearTriggerProps
+            }),
+            /*#__PURE__*/ jsx(DatePicker_DatePickerTrigger, {
+                ...void 0 === triggerLabel ? {} : {
+                    'aria-label': triggerLabel
+                },
+                ...triggerProps
+            })
+        ]
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CalendarIcon, {})
+    });
+});
+const DatePicker_DatePickerClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
+    const triggerClassName = clsx(DatePicker_module.clearTrigger, normalizeClassName(className));
+    if (asChild) return /*#__PURE__*/ jsx(DatePicker.ClearTrigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "date-picker-clear-trigger",
+        className: triggerClassName,
+        ...void 0 === ariaLabel ? {} : {
+            'aria-label': ariaLabel
+        },
+        ...void 0 === ariaLabelledBy ? {} : {
+            'aria-labelledby': ariaLabelledBy
+        },
+        ...props,
+        children: children
+    });
+    return /*#__PURE__*/ jsx(DatePicker.ClearTrigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "date-picker-clear-trigger",
+        className: triggerClassName,
+        ...props,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            ...void 0 === ariaLabel ? {} : {
+                'aria-label': ariaLabel
+            },
+            ...void 0 === ariaLabelledBy ? {} : {
+                'aria-labelledby': ariaLabelledBy
+            },
+            children: children
+        })
+    });
+});
+const DatePicker_DatePickerPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(DatePicker.Positioner, {
+            ref: ref,
+            "data-slot": "date-picker-positioner",
+            className: clsx(DatePicker_module.positioner, normalizeClassName(className)),
+            ...props
+        })
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props,
+        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, normalizeClassName(className)),
+        ...props,
+        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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(DatePicker_DatePickerRangeText, {}),
+                /*#__PURE__*/ jsx(ChevronDownIcon, {})
+            ]
+        })
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+const DatePicker_DatePickerTableHead = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(DatePicker.TableHead, {
+        ref: ref,
+        "data-slot": "date-picker-table-head",
+        className: normalizeClassName(className),
+        ...props
+    });
+});
+const DatePicker_DatePickerTableBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(DatePicker.TableBody, {
+        ref: ref,
+        "data-slot": "date-picker-table-body",
+        className: normalizeClassName(className),
+        ...props
+    });
+});
+const DatePicker_DatePickerTableRow = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(DatePicker.TableRow, {
+        ref: ref,
+        "data-slot": "date-picker-table-row",
+        className: normalizeClassName(className),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+const DatePicker_DatePickerDayTable = /*#__PURE__*/ forwardRef(function({ offset, showHeader = true, showWeekNumbers = false, ...props }, ref) {
+    return /*#__PURE__*/ jsx(DatePicker.Context, {
+        children: (datePicker)=>/*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    showHeader ? /*#__PURE__*/ jsxs(DatePicker_DatePickerViewControl, {
+                        children: [
+                            /*#__PURE__*/ jsx(DatePicker_DatePickerPrevTrigger, {}),
+                            /*#__PURE__*/ jsx(DatePicker_DatePickerViewTrigger, {}),
+                            /*#__PURE__*/ jsx(DatePicker_DatePickerNextTrigger, {})
+                        ]
+                    }) : null,
+                    /*#__PURE__*/ jsxs(DatePicker_DatePickerTable, {
+                        ref: ref,
+                        ...props,
+                        children: [
+                            /*#__PURE__*/ jsx(DatePicker_DatePickerTableHead, {
+                                children: /*#__PURE__*/ jsxs(DatePicker_DatePickerTableRow, {
+                                    children: [
+                                        showWeekNumbers ? /*#__PURE__*/ jsx(DatePicker_DatePickerWeekNumberHeaderCell, {}) : null,
+                                        datePicker.weekDays.map((weekDay)=>/*#__PURE__*/ jsx(DatePicker_DatePickerTableHeader, {
+                                                children: weekDay.short
+                                            }, weekDay.value.toString()))
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(DatePicker_DatePickerTableBody, {
+                                children: (offset?.weeks ?? datePicker.weeks).map((week, weekIndex)=>/*#__PURE__*/ jsxs(DatePicker_DatePickerTableRow, {
+                                        children: [
+                                            showWeekNumbers ? /*#__PURE__*/ jsx(DatePicker_DatePickerWeekNumberCell, {
+                                                week: week,
+                                                weekIndex: weekIndex,
+                                                children: datePicker.getWeekNumber(week)
+                                            }) : null,
+                                            week.map((day)=>/*#__PURE__*/ jsx(DatePicker_DatePickerTableCell, {
+                                                    value: day,
+                                                    visibleRange: offset?.visibleRange,
+                                                    children: /*#__PURE__*/ jsx(DatePicker_DatePickerTableCellTrigger, {
+                                                        children: day.day
+                                                    })
+                                                }, day.toString()))
+                                        ]
+                                    }, week[0]?.toString()))
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+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, normalizeClassName(className)),
+        ...props
+    });
+});
+const DatePicker_DatePicker = Object.assign(DatePicker_DatePickerRoot, {
+    Root: DatePicker_DatePickerRoot,
+    RootProvider: DatePicker_DatePickerRootProvider,
+    Context: DatePicker.Context,
+    Label: DatePicker_DatePickerLabel,
+    Control: DatePicker_DatePickerControl,
+    Field: DatePicker_DatePickerField,
+    RangeField: DatePicker_DatePickerRangeField,
+    Input: DatePicker_DatePickerInput,
+    Trigger: DatePicker_DatePickerTrigger,
+    ClearTrigger: DatePicker_DatePickerClearTrigger,
+    Positioner: DatePicker_DatePickerPositioner,
+    Content: DatePicker_DatePickerContent,
+    View: DatePicker_DatePickerView,
+    ViewControl: DatePicker_DatePickerViewControl,
+    PrevTrigger: DatePicker_DatePickerPrevTrigger,
+    NextTrigger: DatePicker_DatePickerNextTrigger,
+    ViewTrigger: DatePicker_DatePickerViewTrigger,
+    RangeText: DatePicker_DatePickerRangeText,
+    ValueText: DatePicker_DatePickerValueText,
+    Table: DatePicker_DatePickerTable,
+    TableHead: DatePicker_DatePickerTableHead,
+    TableBody: DatePicker_DatePickerTableBody,
+    TableRow: DatePicker_DatePickerTableRow,
+    TableHeader: DatePicker_DatePickerTableHeader,
+    TableCell: DatePicker_DatePickerTableCell,
+    TableCellTrigger: DatePicker_DatePickerTableCellTrigger,
+    DayTable: DatePicker_DatePickerDayTable,
+    WeekNumberHeaderCell: DatePicker_DatePickerWeekNumberHeaderCell,
+    WeekNumberCell: DatePicker_DatePickerWeekNumberCell,
+    MonthSelect: DatePicker_DatePickerMonthSelect,
+    YearSelect: DatePicker_DatePickerYearSelect,
+    PresetTrigger: DatePicker_DatePickerPresetTrigger
+});
+export { DatePicker_DatePicker as DatePicker, useDatePicker, useDatePickerContext };