@povio/ui 6.0.0-rc.2 → 6.0.0-rc.4

package/dist/{Autocomplete.bound-e5WbxlBm.js → Autocomplete.bound-DTKSW9Sb.js}

@@ -1,6 +1,6 @@
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
-import { n as AutocompleteInner } from "./Autocomplete-DSwAc7jF.js";
+import { n as AutocompleteInner } from "./Autocomplete-DuCidYx5.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/Autocomplete/Autocomplete.bound.tsx

package/dist/{Calendar-ChmIflXX.js → Calendar-u-UcoZhB.js}

@@ -1,7 +1,6 @@
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
 import { n as ChevronUp, r as ChevronLeft } from "./Tooltip-CqbyoJhl.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
-import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, i as CalendarGrid, r as $1697a7ad3db7b79f$re_export$useDateFormatter } from "./DatePickerInput-TND0rEMc.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
@@ -10,121 +9,15 @@ import { n as $bc25b811ec97a172$export$40258cc1d95ff477 } from "./ToggleButton-D
 import { t as Typography } from "./Typography-Ba5l4rmj.js";
 import { n as uiOutlineClass } from "./outline.clsx-DGGQQRkM.js";
 import { BadgeButton } from "./components/badge-button.js";
-import { t as useBreakpoint } from "./useBreakpoint-DOUmXVZ2.js";
-import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
-import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-DYarfm5F.js";
-import { f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0 } from "./staticDateTimeSegments-CA_lwN-O.js";
 import "./i18n-BjNKHh_D.js";
-import { n as TimePickerForm } from "./datePickerValue.utils-BxHR_BQZ.js";
+import { t as TimePickerForm } from "./TimePickerForm-BReCXELG.js";
+import { t as useScrollableListBox } from "./useScrollableListBox-BfCLMZgv.js";
+import { n as CalendarGrid, t as $1697a7ad3db7b79f$re_export$useDateFormatter } from "./import-DflE4Gl2.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { CalendarDateTime, DateFormatter, Time, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
-import { useCalendar } from "@react-aria/calendar";
+import { CalendarDateTime, Time, today } from "@internationalized/date";
 import { useTranslation } from "react-i18next";
-//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useDatePickerState.mjs
-function $28aae683a942e141$export$87194bb378cc3ac2(props) {
-	let overlayState = $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props);
-	let [value, setValue] = $3e6197669829fe11$export$40bfa8c7b0832715(props.value, props.defaultValue || null, props.onChange);
-	let [initialValue] = useState(value);
-	let v = value || props.placeholderValue || null;
-	let [granularity, defaultTimeZone] = $8b141f2f71e88f85$export$2440da353cedad43(v, props.granularity);
-	let dateValue = value != null ? value.toDate(defaultTimeZone ?? "UTC") : null;
-	let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
-	let shouldCloseOnSelect = props.shouldCloseOnSelect ?? true;
-	let [selectedDate, setSelectedDate] = useState(null);
-	let [selectedTime, setSelectedTime] = useState(null);
-	if (value) {
-		selectedDate = value;
-		if ("hour" in value) selectedTime = value;
-	}
-	if (v && !(granularity in v)) throw new Error("Invalid granularity " + granularity + " for value " + v.toString());
-	let showEra = value?.calendar.identifier === "gregory" && value.era === "BC";
-	let formatOpts = useMemo(() => ({
-		granularity,
-		timeZone: defaultTimeZone,
-		hideTimeZone: props.hideTimeZone,
-		hourCycle: props.hourCycle,
-		shouldForceLeadingZeros: props.shouldForceLeadingZeros,
-		showEra
-	}), [
-		granularity,
-		props.hourCycle,
-		props.shouldForceLeadingZeros,
-		defaultTimeZone,
-		props.hideTimeZone,
-		showEra
-	]);
-	let { minValue, maxValue, isDateUnavailable } = props;
-	let builtinValidation = useMemo(() => $8b141f2f71e88f85$export$f18627323ab57ac0(value, minValue, maxValue, isDateUnavailable, formatOpts), [
-		value,
-		minValue,
-		maxValue,
-		isDateUnavailable,
-		formatOpts
-	]);
-	let validation = $fd2148440a13ec26$export$fc1a364ae1f3ff10({
-		...props,
-		value,
-		builtinValidation
-	});
-	let isValueInvalid = validation.displayValidation.isInvalid;
-	let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
-	let commitValue = (date, time) => {
-		setValue("timeZone" in time ? time.set(toCalendarDate(date)) : toCalendarDateTime(date, time));
-		setSelectedDate(null);
-		setSelectedTime(null);
-		validation.commitValidation();
-	};
-	let selectDate = (newValue) => {
-		let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
-		if (hasTime) {
-			if (selectedTime || shouldClose) commitValue(newValue, selectedTime || $8b141f2f71e88f85$export$c5221a78ef73c5e9(props.defaultValue || props.placeholderValue));
-			else setSelectedDate(newValue);
-		} else {
-			setValue(newValue);
-			validation.commitValidation();
-		}
-		if (shouldClose) overlayState.setOpen(false);
-	};
-	let selectTime = (newValue) => {
-		if (selectedDate && newValue) commitValue(selectedDate, newValue);
-		else setSelectedTime(newValue);
-	};
-	return {
-		...validation,
-		value,
-		defaultValue: props.defaultValue ?? initialValue,
-		setValue,
-		dateValue: selectedDate,
-		timeValue: selectedTime,
-		setDateValue: selectDate,
-		setTimeValue: selectTime,
-		granularity,
-		hasTime,
-		...overlayState,
-		setOpen(isOpen) {
-			if (!isOpen && !value && selectedDate && hasTime) commitValue(selectedDate, selectedTime || $8b141f2f71e88f85$export$c5221a78ef73c5e9(props.defaultValue || props.placeholderValue));
-			overlayState.setOpen(isOpen);
-		},
-		validationState,
-		isInvalid: isValueInvalid,
-		formatValue(locale, fieldOptions) {
-			if (!dateValue) return "";
-			let formatOptions = $8b141f2f71e88f85$export$7e319ea407e63bc0(fieldOptions, formatOpts);
-			return new DateFormatter(locale, formatOptions).format(dateValue);
-		},
-		getDateFormatter(locale, formatOptions) {
-			let newOptions = {
-				...formatOpts,
-				...formatOptions
-			};
-			let newFormatOptions = $8b141f2f71e88f85$export$7e319ea407e63bc0({}, newOptions);
-			return new DateFormatter(locale, newFormatOptions);
-		}
-	};
-}
-//#endregion
+import { useCalendar } from "@react-aria/calendar";
 //#region src/components/inputs/DateTime/shared/CalendarHeader.tsx
 const calendarNavButtonClassName = clsx("inline-flex size-8 shrink-0 items-center justify-center rounded-md p-0 transition-all select-none", "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 disabled:pointer-events-none", uiOutlineClass);
 const HourCycle = {
@@ -322,49 +215,6 @@ const MonthPicker = ({ state, onSelectionChange, onDateChange, onCommit, selecte
 	});
 };
 //#endregion
-//#region src/hooks/useScrollableListBox.ts
-function useScrollableListBox() {
-	const $ = c(4);
-	const ref = useRef(null);
-	const isDesktop = useBreakpoint("md");
-	let t0;
-	let t1;
-	if ($[0] !== isDesktop) {
-		t0 = () => {
-			const node = ref.current;
-			if (!node || isDesktop) return;
-			const onPointerDownCapture = _temp;
-			const onClickCapture = _temp2;
-			node.addEventListener("pointerdown", onPointerDownCapture);
-			node.addEventListener("click", onClickCapture);
-			return () => {
-				node.removeEventListener("pointerdown", onPointerDownCapture);
-				node.removeEventListener("click", onClickCapture);
-			};
-		};
-		t1 = [ref, isDesktop];
-		$[0] = isDesktop;
-		$[1] = t0;
-		$[2] = t1;
-	} else {
-		t0 = $[1];
-		t1 = $[2];
-	}
-	useEffect(t0, t1);
-	let t2;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = { ref };
-		$[3] = t2;
-	} else t2 = $[3];
-	return t2;
-}
-function _temp2(e_0) {
-	if (e_0.currentTarget?.contains(e_0.target) && e_0.target !== e_0.currentTarget) e_0.target.click();
-}
-function _temp(e) {
-	e.stopPropagation();
-}
-//#endregion
 //#region src/components/inputs/DateTime/shared/YearPicker.tsx
 const YearPicker = ({ state, onSelectionChange, onDateChange, onCommit, selectedDate }) => {
 	const formatter = $1697a7ad3db7b79f$re_export$useDateFormatter({
@@ -628,4 +478,4 @@ const Calendar = ({ showWeekNumbers, className, includesTime, datePickerState, h
 	});
 };
 //#endregion
-export { useScrollableListBox as n, $28aae683a942e141$export$87194bb378cc3ac2 as r, Calendar as t };
+export { Calendar };

package/dist/Calendar.lazy-B9YqgHbn.js

@@ -0,0 +1,131 @@
+import { r as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6 } from "./DatePickerInput-B0e_huQt.js";
+import { t as Spinner } from "./Spinner-CFj5Iu77.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
+import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-DYarfm5F.js";
+import { f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0 } from "./staticDateTimeSegments-FE-F61iH.js";
+import { Suspense, lazy, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { DateFormatter, toCalendarDate, toCalendarDateTime } from "@internationalized/date";
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useDatePickerState.mjs
+function $28aae683a942e141$export$87194bb378cc3ac2(props) {
+	let overlayState = $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props);
+	let [value, setValue] = $3e6197669829fe11$export$40bfa8c7b0832715(props.value, props.defaultValue || null, props.onChange);
+	let [initialValue] = useState(value);
+	let v = value || props.placeholderValue || null;
+	let [granularity, defaultTimeZone] = $8b141f2f71e88f85$export$2440da353cedad43(v, props.granularity);
+	let dateValue = value != null ? value.toDate(defaultTimeZone ?? "UTC") : null;
+	let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
+	let shouldCloseOnSelect = props.shouldCloseOnSelect ?? true;
+	let [selectedDate, setSelectedDate] = useState(null);
+	let [selectedTime, setSelectedTime] = useState(null);
+	if (value) {
+		selectedDate = value;
+		if ("hour" in value) selectedTime = value;
+	}
+	if (v && !(granularity in v)) throw new Error("Invalid granularity " + granularity + " for value " + v.toString());
+	let showEra = value?.calendar.identifier === "gregory" && value.era === "BC";
+	let formatOpts = useMemo(() => ({
+		granularity,
+		timeZone: defaultTimeZone,
+		hideTimeZone: props.hideTimeZone,
+		hourCycle: props.hourCycle,
+		shouldForceLeadingZeros: props.shouldForceLeadingZeros,
+		showEra
+	}), [
+		granularity,
+		props.hourCycle,
+		props.shouldForceLeadingZeros,
+		defaultTimeZone,
+		props.hideTimeZone,
+		showEra
+	]);
+	let { minValue, maxValue, isDateUnavailable } = props;
+	let builtinValidation = useMemo(() => $8b141f2f71e88f85$export$f18627323ab57ac0(value, minValue, maxValue, isDateUnavailable, formatOpts), [
+		value,
+		minValue,
+		maxValue,
+		isDateUnavailable,
+		formatOpts
+	]);
+	let validation = $fd2148440a13ec26$export$fc1a364ae1f3ff10({
+		...props,
+		value,
+		builtinValidation
+	});
+	let isValueInvalid = validation.displayValidation.isInvalid;
+	let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
+	let commitValue = (date, time) => {
+		setValue("timeZone" in time ? time.set(toCalendarDate(date)) : toCalendarDateTime(date, time));
+		setSelectedDate(null);
+		setSelectedTime(null);
+		validation.commitValidation();
+	};
+	let selectDate = (newValue) => {
+		let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
+		if (hasTime) {
+			if (selectedTime || shouldClose) commitValue(newValue, selectedTime || $8b141f2f71e88f85$export$c5221a78ef73c5e9(props.defaultValue || props.placeholderValue));
+			else setSelectedDate(newValue);
+		} else {
+			setValue(newValue);
+			validation.commitValidation();
+		}
+		if (shouldClose) overlayState.setOpen(false);
+	};
+	let selectTime = (newValue) => {
+		if (selectedDate && newValue) commitValue(selectedDate, newValue);
+		else setSelectedTime(newValue);
+	};
+	return {
+		...validation,
+		value,
+		defaultValue: props.defaultValue ?? initialValue,
+		setValue,
+		dateValue: selectedDate,
+		timeValue: selectedTime,
+		setDateValue: selectDate,
+		setTimeValue: selectTime,
+		granularity,
+		hasTime,
+		...overlayState,
+		setOpen(isOpen) {
+			if (!isOpen && !value && selectedDate && hasTime) commitValue(selectedDate, selectedTime || $8b141f2f71e88f85$export$c5221a78ef73c5e9(props.defaultValue || props.placeholderValue));
+			overlayState.setOpen(isOpen);
+		},
+		validationState,
+		isInvalid: isValueInvalid,
+		formatValue(locale, fieldOptions) {
+			if (!dateValue) return "";
+			let formatOptions = $8b141f2f71e88f85$export$7e319ea407e63bc0(fieldOptions, formatOpts);
+			return new DateFormatter(locale, formatOptions).format(dateValue);
+		},
+		getDateFormatter(locale, formatOptions) {
+			let newOptions = {
+				...formatOpts,
+				...formatOptions
+			};
+			let newFormatOptions = $8b141f2f71e88f85$export$7e319ea407e63bc0({}, newOptions);
+			return new DateFormatter(locale, newFormatOptions);
+		}
+	};
+}
+//#endregion
+//#region src/components/inputs/DateTime/shared/Calendar.lazy.tsx
+const loadCalendar = () => import("./Calendar-u-UcoZhB.js");
+const CalendarRenderer = lazy(() => loadCalendar().then(({ Calendar }) => ({ default: Calendar })));
+/** Fetches the calendar chunk ahead of the dialog opening (hover, focus). */
+const preloadCalendar = () => {
+	loadCalendar();
+};
+/**
+* Calendar that only loads its grid, month/year pickers and time form when a picker dialog opens.
+* The fallback reserves the grid's size so the popover does not jump once the chunk arrives.
+*/
+const Calendar = (props) => /* @__PURE__ */ jsx(Suspense, {
+	fallback: /* @__PURE__ */ jsx("div", {
+		className: "flex h-72 w-full items-center justify-center md:w-80",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	}),
+	children: /* @__PURE__ */ jsx(CalendarRenderer, { ...props })
+});
+//#endregion
+export { preloadCalendar as n, $28aae683a942e141$export$87194bb378cc3ac2 as r, Calendar as t };

package/dist/{DatePicker-Bc_E4UZ1.js → DatePicker-BaLQOOJJ.js}

@@ -1,17 +1,17 @@
 import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
-import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-TND0rEMc.js";
+import { i as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, n as renderDatePickerTodayIcon, t as DatePickerInput } from "./DatePickerInput-B0e_huQt.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
 import { t as FormField } from "./FormField-DyqEbqx3.js";
-import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-CA_lwN-O.js";
-import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-ChmIflXX.js";
-import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-BxHR_BQZ.js";
+import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-FE-F61iH.js";
+import { n as preloadCalendar, r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar.lazy-B9YqgHbn.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva--gCeAsRx.js";
 import { t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-CkmPaD6I.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { InputFrame } from "./components/input-frame.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -211,6 +211,8 @@ const DatePickerBase = (props) => {
 			labelProps,
 			className: clsx("group relative flex w-full flex-col text-left", className),
 			tabIndex: as === "inline" ? -1 : void 0,
+			onMouseEnter: preloadCalendar,
+			onFocusCapture: preloadCalendar,
 			children: [/* @__PURE__ */ jsx(DatePickerInput, {
 				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, datePickerInputRef),
 				as,

package/dist/{DatePicker.bound-CtBL5w-8.js → DatePicker.bound-NquZAtFK.js}

@@ -1,6 +1,6 @@
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
-import { n as DatePickerInner } from "./DatePicker-Bc_E4UZ1.js";
+import { n as DatePickerInner } from "./DatePicker-BaLQOOJJ.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.bound.tsx

package/dist/{DatePickerInput-TND0rEMc.js → DatePickerInput-B0e_huQt.js}

@@ -5,30 +5,19 @@ import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
 import { t as Typography } from "./Typography-Ba5l4rmj.js";
 import { IconButton } from "./components/icon-button.js";
-import { n as $a8ea2faf2ebe4d2f$re_export$mergeProps } from "./import-D_3dPATF.js";
 import { n as FormFieldLabel } from "./FormField-DyqEbqx3.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
 import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
-import { c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, l as DateSegmentItem } from "./staticDateTimeSegments-CA_lwN-O.js";
-import "./i18n-BjNKHh_D.js";
-import { r as $32daac5f69beb98a$re_export$useFocusRing } from "./useStaticInputHandoff-DyYxfwv6.js";
+import { c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, l as DateSegmentItem } from "./staticDateTimeSegments-FE-F61iH.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
 import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva--gCeAsRx.js";
+import "./i18n-BjNKHh_D.js";
 import { n as InputClear } from "./TooltipWrapper-BrftXInI.js";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { CalendarDate, CalendarDateTime, DateFormatter, GregorianCalendar, createCalendar, endOfMonth, endOfWeek, getDayOfWeek, getLocalTimeZone, getWeeksInMonth, isEqualCalendar, isSameDay, isToday, maxDate, minDate, startOfMonth, startOfWeek, startOfYear, toCalendar, toCalendarDate, today } from "@internationalized/date";
-import "react-aria/I18nProvider";
-import "react-aria/useNumberFormatter";
-import "react-aria/useCollator";
-import "react-aria/useLocalizedStringFormatter";
-import "react-aria/useFilter";
-import "react-aria/useListFormatter";
-import { useDateField, useLocale as useLocale$1 } from "react-aria";
-import { useCalendarCell, useCalendarGrid } from "@react-aria/calendar";
-import { useTranslation } from "react-i18next";
-import { useDateFormatter as $1697a7ad3db7b79f$re_export$useDateFormatter } from "react-aria/useDateFormatter";
+import { CalendarDate, CalendarDateTime, DateFormatter, GregorianCalendar, createCalendar, endOfMonth, endOfWeek, getDayOfWeek, getLocalTimeZone, getWeeksInMonth, isEqualCalendar, isSameDay, maxDate, minDate, startOfMonth, startOfWeek, startOfYear, toCalendar, toCalendarDate, today } from "@internationalized/date";
+import { useDateField, useLocale } from "react-aria";
 import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
 import i18next from "i18next";
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/type.mjs
@@ -394,243 +383,10 @@ function $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props) {
 	};
 }
 //#endregion
-//#region src/components/inputs/DateTime/shared/calendarWeek.utils.ts
-const gregorianCalendar = new GregorianCalendar();
-/** ISO weeks start on Monday and belong to the year containing their Thursday. */
-const getISOWeekNumber = (date) => {
-	const gregorianDate = toCalendar(date, gregorianCalendar);
-	const thursday = startOfWeek(gregorianDate, "en-GB", "mon").add({ days: 3 });
-	const yearStart = new CalendarDate(thursday.era, thursday.year, 1, 1);
-	return Math.floor((gregorianCalendar.toJulianDay(thursday) - gregorianCalendar.toJulianDay(yearStart)) / 7) + 1;
-};
-//#endregion
-//#region src/components/inputs/DateTime/shared/CalendarCell.tsx
-const isRange = (state) => {
-	return "highlightedRange" in state;
-};
-const CalendarCell = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSelection = true, shouldCloseOnSelect = true, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, ...props }) => {
-	const ref = useRef(null);
-	const { cellProps, buttonProps, formattedDate, isSelected, isDisabled, isOutsideVisibleRange } = useCalendarCell(props, state, ref);
-	const { focusProps } = $32daac5f69beb98a$re_export$useFocusRing();
-	const onClick = useCallback((event) => {
-		buttonProps.onClick?.(event);
-		if (onDateSelection) onDateSelection(props.date);
-		if (shouldCloseOnSelect && !isDisabled && (shouldApplyOnDateSelection || isSelected)) onApply?.(props.date);
-	}, [
-		buttonProps,
-		onDateSelection,
-		props.date,
-		isDisabled,
-		shouldApplyOnDateSelection,
-		isSelected,
-		shouldCloseOnSelect,
-		onApply
-	]);
-	const onDoubleClick = useCallback((event) => {
-		if (isDisabled) return;
-		event.preventDefault();
-		onDoubleClickApply?.(props.date);
-	}, [
-		isDisabled,
-		onDoubleClickApply,
-		props.date
-	]);
-	const selectionState = useMemo(() => {
-		let isSelectionStart = false;
-		let isSelectionEnd = false;
-		let isSelectedCell = false;
-		let isInRange = false;
-		let isHoverRange = false;
-		let isSelectingMode = false;
-		if (rangeSelection?.start) {
-			isSelectionStart = isSameDay(props.date, rangeSelection.start);
-			isSelectionEnd = rangeSelection.end ? isSameDay(props.date, rangeSelection.end) : false;
-			isSelectedCell = isSelectionStart || isSelectionEnd;
-			isSelectingMode = rangeSelection.isSelecting && !rangeSelection.end;
-			if (rangeSelection.start && rangeSelection.end) {
-				const dateValue = props.date;
-				const isAfterStart = dateValue.compare(rangeSelection.start) > 0;
-				const isBeforeEnd = dateValue.compare(rangeSelection.end) < 0;
-				isInRange = isAfterStart && isBeforeEnd;
-			}
-			if (rangeSelection.isSelecting && rangeSelection.start && hoverDate && !rangeSelection.end) {
-				const dateValue = props.date;
-				const { start } = rangeSelection;
-				const end = hoverDate;
-				const earlierDate = start.compare(end) <= 0 ? start : end;
-				const laterDate = start.compare(end) <= 0 ? end : start;
-				const isAfterStart = dateValue.compare(earlierDate) > 0;
-				const isBeforeEnd = dateValue.compare(laterDate) < 0;
-				isHoverRange = isAfterStart && isBeforeEnd;
-			}
-		} else {
-			isSelectionStart = isRange(state) && state.highlightedRange ? isSameDay(props.date, state.highlightedRange.start) : isSelected;
-			isSelectionEnd = isRange(state) && state.highlightedRange ? isSameDay(props.date, state.highlightedRange.end) : isSelected;
-			isSelectedCell = isSelectionStart || isSelectionEnd || !isRange(state) && isSelected;
-			isInRange = isRange(state) && isSelected && !isSelectionStart && !isSelectionEnd;
-			if (isRange(state) && state.highlightedRange && !isSelected) {
-				const dateValue = props.date;
-				const isAfterStart = dateValue.compare(state.highlightedRange.start) > 0;
-				const isBeforeEnd = dateValue.compare(state.highlightedRange.end) < 0;
-				isHoverRange = isAfterStart && isBeforeEnd;
-			}
-		}
-		return {
-			isSelectionStart,
-			isSelectionEnd,
-			isSelectedCell,
-			isInRange,
-			isHoverRange,
-			isSelectingMode
-		};
-	}, [
-		props.date,
-		rangeSelection,
-		state,
-		isSelected,
-		hoverDate
-	]);
-	const handleEvent = (event, eventHandler) => {
-		if (isOutsideVisibleRange) {
-			state.selectDate(props.date);
-			state.setFocusedDate(props.date);
-		}
-		eventHandler?.(event);
-		if (isSelected && shouldCloseOnSelect) onApply?.(props.date);
-	};
-	const onMouseEnter = useCallback(() => {
-		if (onDateHover && selectionState.isSelectingMode) onDateHover(props.date);
-	}, [
-		onDateHover,
-		selectionState.isSelectingMode,
-		props.date
-	]);
-	const onMouseLeave = useCallback(() => {
-		if (onDateHover && selectionState.isSelectingMode) onDateHover(null);
-	}, [onDateHover, selectionState.isSelectingMode]);
-	const isTodayCell = isToday(props.date, getLocalTimeZone());
-	const cellClassName = useMemo(() => {
-		const { isSelectedCell, isInRange, isHoverRange, isSelectingMode, isSelectionStart, isSelectionEnd } = selectionState;
-		const isVisibleSelected = isSelectedCell && !isOutsideVisibleRange;
-		const isVisibleRangeMiddle = (isInRange || isHoverRange) && !isOutsideVisibleRange && !isVisibleSelected;
-		const isRangeStart = isVisibleSelected && !!rangeSelection && !rangeSelection.isSelecting && isSelectionStart && !isSelectionEnd;
-		const isRangeEnd = isVisibleSelected && !!rangeSelection && !rangeSelection.isSelecting && isSelectionEnd && !isSelectionStart;
-		const isRangeEdge = isRangeStart || isRangeEnd;
-		return clsx("mx-auto flex items-center justify-center p-0 text-sm font-normal transition-[color,box-shadow]", "outline-none focus-visible:relative focus-visible:z-10 focus-visible:ring-[3px] focus-visible:ring-ring/50", isVisibleRangeMiddle || isRangeEdge ? "h-8 w-full" : "size-8", isVisibleRangeMiddle && "rounded-none", isRangeStart && "rounded-l-md", isRangeEnd && "rounded-r-md", !isVisibleRangeMiddle && !isRangeEdge && "rounded-md", isOutsideVisibleRange && "text-muted-foreground opacity-50", isVisibleSelected && "bg-primary text-primary-foreground", isVisibleSelected && isDisabled && "opacity-50", isVisibleRangeMiddle && "bg-accent text-accent-foreground", !isOutsideVisibleRange && !isVisibleSelected && !isVisibleRangeMiddle && isDisabled && "text-muted-foreground opacity-50", !isOutsideVisibleRange && !isVisibleSelected && !isVisibleRangeMiddle && !isDisabled && isTodayCell && "bg-accent text-accent-foreground", !isOutsideVisibleRange && !isVisibleSelected && !isVisibleRangeMiddle && !isDisabled && !isTodayCell && "text-foreground [@media(pointer:fine)]:hover:bg-accent [@media(pointer:fine)]:hover:text-accent-foreground", isDisabled && !isOutsideVisibleRange && "cursor-default", isSelectingMode && !isVisibleSelected && !isVisibleRangeMiddle && !isDisabled && "duration-75");
-	}, [
-		selectionState,
-		isOutsideVisibleRange,
-		rangeSelection,
-		isDisabled,
-		isTodayCell
-	]);
-	return /* @__PURE__ */ jsx("td", {
-		...cellProps,
-		className: "p-0 py-0.5",
-		children: /* @__PURE__ */ jsx("div", {
-			ref,
-			...$a8ea2faf2ebe4d2f$re_export$mergeProps(buttonProps, focusProps),
-			"aria-disabled": void 0,
-			onMouseEnter,
-			onMouseLeave,
-			className: cellClassName,
-			onClick: (e) => handleEvent(e, onClick),
-			onDoubleClick,
-			onKeyDown: (e) => handleEvent(e, () => onKeyboardNavigation?.(e, props.date)),
-			children: /* @__PURE__ */ jsx(Typography, {
-				as: "span",
-				size: "body",
-				className: "block overflow-hidden text-ellipsis text-center",
-				children: formattedDate
-			})
-		})
-	});
-};
-//#endregion
-//#region src/components/inputs/DateTime/shared/CalendarGrid.tsx
-const WEEK_INDICES = [
-	0,
-	1,
-	2,
-	3,
-	4,
-	5
-];
-const NO_CALENDAR_OFFSET = {};
-const CalendarGrid = ({ state, showWeekNumbers = false, onApply, onDoubleClickApply, shouldApplyOnDateSelection, shouldCloseOnSelect, offset = NO_CALENDAR_OFFSET, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, isSelectionDisabled, ...props }) => {
-	const { t } = useTranslation();
-	const { gridProps, headerProps, weekDays } = useCalendarGrid({
-		...props,
-		weekdayStyle: "short",
-		firstDayOfWeek: showWeekNumbers ? "mon" : props.firstDayOfWeek
-	}, state);
-	const startDate = state.visibleRange.start.add(offset);
-	const handleDateSelection = (date) => {
-		onDateSelection?.(date, calendarSide);
-	};
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("h-72 w-full px-3 pb-3", showWeekNumbers ? "md:w-[352px]" : "md:w-80", className),
-		inert: isSelectionDisabled || void 0,
-		"aria-disabled": isSelectionDisabled || void 0,
-		children: /* @__PURE__ */ jsxs("table", {
-			...gridProps,
-			cellPadding: "0",
-			className: "w-full",
-			children: [/* @__PURE__ */ jsx("thead", {
-				...headerProps,
-				children: /* @__PURE__ */ jsxs("tr", { children: [showWeekNumbers && /* @__PURE__ */ jsx("th", {
-					scope: "col",
-					className: "w-8 border-r border-border font-normal",
-					"aria-label": t(($) => $.ui.datePicker.weekNumberLabel, { ns: "ui" }),
-					children: /* @__PURE__ */ jsx("span", {
-						className: "block py-2 text-[0.8rem] font-normal text-muted-foreground",
-						children: t(($) => $.ui.datePicker.weekNumberHeading, { ns: "ui" })
-					})
-				}), weekDays.map((day) => /* @__PURE__ */ jsx("th", {
-					className: "font-normal",
-					children: /* @__PURE__ */ jsx("span", {
-						className: "block py-2 text-[0.8rem] font-normal text-muted-foreground",
-						children: day.substring(0, 2)
-					})
-				}, day))] })
-			}), /* @__PURE__ */ jsx("tbody", { children: WEEK_INDICES.map((weekIndex) => {
-				const dates = state.getDatesInWeek(weekIndex, startDate);
-				const firstDate = dates.find((date) => date !== null);
-				const week = firstDate ? getISOWeekNumber(firstDate) : null;
-				return /* @__PURE__ */ jsxs("tr", { children: [showWeekNumbers && /* @__PURE__ */ jsx("th", {
-					scope: "row",
-					className: "w-8 border-r border-border font-normal",
-					"aria-label": week === null ? void 0 : t(($) => $.ui.datePicker.weekNumber, {
-						ns: "ui",
-						week
-					}),
-					children: /* @__PURE__ */ jsx(Typography, {
-						size: "small",
-						className: "text-muted-foreground tabular-nums",
-						children: week
-					})
-				}), dates.map((date, i) => date ? /* @__PURE__ */ jsx(CalendarCell, {
-					state,
-					date,
-					onApply,
-					onDoubleClickApply,
-					shouldApplyOnDateSelection,
-					shouldCloseOnSelect,
-					onDateSelection: handleDateSelection,
-					onDateHover,
-					rangeSelection,
-					hoverDate,
-					onKeyboardNavigation
-				}, i) : /* @__PURE__ */ jsx("td", {}, i))] }, weekIndex);
-			}) })]
-		})
-	});
-};
-//#endregion
 //#region src/components/inputs/DateTime/shared/DateField.tsx
 const omitNullValue = ({ value: _value, ...props }) => props;
 const DateField = ({ ref, onClearChange, hidePlaceholder, isDisabled, disableManualEntry, dateGranularity = "day", isTimeOptional = false, format, timeZone, segmentGroup, shouldAutoFixYear = false, preserveNullValue = false, ...props }) => {
-	const { locale } = useLocale$1();
+	const { locale } = useLocale();
 	const previousValueRef = useRef(props.value);
 	const dateFieldProps = props.value == null && !preserveNullValue ? omitNullValue(props) : props;
 	const state = $8e7461aabf74661f$export$60e84778edff6d26({
@@ -998,4 +754,4 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 	});
 };
 //#endregion
-export { $f11fb0bcf1b2687a$export$61c6a8c84e605fb6 as a, $dd602d3c757202f2$export$a1d3911297b952d7 as c, CalendarGrid as i, $dd602d3c757202f2$export$eac50920cf2fd59a as l, renderDatePickerTodayIcon as n, $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f as o, $1697a7ad3db7b79f$re_export$useDateFormatter as r, $dd602d3c757202f2$export$4f5203c0d889109e as s, DatePickerInput as t, $dd602d3c757202f2$export$f4a51ff076cc9a09 as u };
+export { $dd602d3c757202f2$export$4f5203c0d889109e as a, $dd602d3c757202f2$export$f4a51ff076cc9a09 as c, $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f as i, renderDatePickerTodayIcon as n, $dd602d3c757202f2$export$a1d3911297b952d7 as o, $f11fb0bcf1b2687a$export$61c6a8c84e605fb6 as r, $dd602d3c757202f2$export$eac50920cf2fd59a as s, DatePickerInput as t };