@povio/ui 6.0.0-rc.1 → 6.0.0-rc.3

package/dist/{DateRangePicker-s_4n-F_P.js → DateRangePicker-4CrjSCAx.js}

@@ -1,34 +1,27 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
-import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { r as ChevronLeft } from "./Tooltip-CMigoyri.js";
-import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
-import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-DJPPn2fD.js";
-import { t as Select } from "./Select-Br_3eecr.js";
-import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, c as $dd602d3c757202f2$export$a1d3911297b952d7, i as CalendarGrid, l as $dd602d3c757202f2$export$eac50920cf2fd59a, n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, r as $1697a7ad3db7b79f$re_export$useDateFormatter, s as $dd602d3c757202f2$export$4f5203c0d889109e, t as DatePickerInput, u as $dd602d3c757202f2$export$f4a51ff076cc9a09 } from "./DatePickerInput-Cs9RwZfy.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { a as $dd602d3c757202f2$export$4f5203c0d889109e, c as $dd602d3c757202f2$export$f4a51ff076cc9a09, i as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, n as renderDatePickerTodayIcon, o as $dd602d3c757202f2$export$a1d3911297b952d7, r as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, s as $dd602d3c757202f2$export$eac50920cf2fd59a, 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 { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
-import { t as Switch } from "./Switch-R0kAicgM.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { IconButton } from "./components/icon-button.js";
-import { BadgeButton } from "./components/badge-button.js";
+import { t as Switch } from "./Switch-Ck_zSDuw.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { t as Spinner } from "./Spinner-CFj5Iu77.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-D7KKJ6kG.js";
+import { t as FormField } from "./FormField-DyqEbqx3.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, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, i as getStaticDateTimeFocusTarget, m as $8b141f2f71e88f85$export$80ff8fc0ae339c13, o as DateTimeDialogFooter, p as $8b141f2f71e88f85$export$7e319ea407e63bc0, r as getStaticDateRangeSegments, s as DateTimeDialog } from "./staticDateTimeSegments-Bt5wCZvg.js";
+import { f as $8b141f2f71e88f85$export$2440da353cedad43, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, i as getStaticDateTimeFocusTarget, m as $8b141f2f71e88f85$export$80ff8fc0ae339c13, o as DateTimeDialogFooter, p as $8b141f2f71e88f85$export$7e319ea407e63bc0, r as getStaticDateRangeSegments, s as DateTimeDialog } from "./staticDateTimeSegments-FE-F61iH.js";
+import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
+import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva--gCeAsRx.js";
 import "./i18n-BjNKHh_D.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
 import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
-import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
-import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
 import { InputFrame } from "./components/input-frame.js";
-import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { Suspense, lazy, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DateFormatter, GregorianCalendar, createCalendar, endOfMonth, endOfWeek, endOfYear, getLocalTimeZone, maxDate, minDate, startOfMonth, startOfWeek, startOfYear, toCalendar, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
 import { useDateRangePicker, useLocale } from "react-aria";
-import { useRangeCalendar } from "@react-aria/calendar";
 import { useTranslation } from "react-i18next";
 //#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/calendar/useRangeCalendarState.mjs
 function $a0a87fb6fcfb22ec$export$9a987164d97ecc90(props) {
@@ -374,281 +367,24 @@ function $6de3e3f1a7663217$var$isCompleteRange(value) {
 	return value?.start != null && value.end != null;
 }
 //#endregion
-//#region src/components/inputs/DateTime/shared/CalendarSelectHeader.tsx
-const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled, isNextMonthDisabled, isNextYearDisabled, offset = { months: 0 }, onNavigate, maxDate, minDate }) => {
-	const { t } = useTranslation("ui");
-	const displayDate = state.visibleRange.start.add(offset);
-	const currentMonth = displayDate.month - 1;
-	const currentYear = displayDate.year;
-	const formatter = $1697a7ad3db7b79f$re_export$useDateFormatter({
-		month: "long",
-		timeZone: state.timeZone
-	});
-	const numMonths = state.focusedDate.calendar.getMonthsInYear(state.focusedDate);
-	const MONTHS = useMemo(() => {
-		const months = [];
-		for (let i = 1; i <= numMonths; i++) {
-			const date = state.focusedDate.set({ month: i });
-			months.push(formatter.format(date.toDate(state.timeZone)));
-		}
-		return months;
-	}, [
-		formatter,
-		numMonths,
-		state.focusedDate,
-		state.timeZone
-	]);
-	const years = Array.from({ length: 201 }, (_, i) => currentYear - 100 + i);
-	const getAvailableMonths = () => {
-		return MONTHS.map((month, i) => {
-			const monthDate = displayDate.set({ month: i + 1 });
-			let isDisabled = false;
-			if (maxDate) isDisabled = monthDate.year > maxDate.year || monthDate.year === maxDate.year && monthDate.month >= maxDate.month;
-			if (minDate) isDisabled = monthDate.year < minDate.year || monthDate.year === minDate.year && monthDate.month <= minDate.month;
-			return {
-				month,
-				value: i,
-				isDisabled
-			};
-		});
-	};
-	const getAvailableYears = () => {
-		return years.map((year) => {
-			let isDisabled = false;
-			if (maxDate) isDisabled = year > maxDate.year || year === maxDate.year && displayDate.month >= maxDate.month;
-			if (minDate && !isDisabled) isDisabled = year < minDate.year || year === minDate.year && displayDate.month <= minDate.month;
-			return {
-				year,
-				isDisabled
-			};
-		});
-	};
-	const availableMonths = getAvailableMonths();
-	const availableYears = getAvailableYears();
-	const handleMonthChange = (value) => {
-		if (value === null) return;
-		const newDate = displayDate.set({ month: value + 1 });
-		onNavigate?.(newDate);
-	};
-	const handleYearChange = (value) => {
-		if (value === null) return;
-		const newDate = displayDate.set({ year: value });
-		onNavigate?.(newDate);
-	};
-	const handlePrevMonth = (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		const newDate = displayDate.subtract({ months: 1 });
-		onNavigate?.(newDate);
-	};
-	const handleNextMonth = (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		const newDate = displayDate.add({ months: 1 });
-		onNavigate?.(newDate);
-	};
-	const handlePrevYear = (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		const newDate = displayDate.subtract({ years: 1 });
-		onNavigate?.(newDate);
-	};
-	const handleNextYear = (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		const newDate = displayDate.add({ years: 1 });
-		onNavigate?.(newDate);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full items-center justify-between gap-3 border-border-default-subtle border-b border-solid px-3 py-2.5",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center",
-				children: [/* @__PURE__ */ jsx(IconButton, {
-					color: "secondary",
-					isDisabled: isPrevYearDisabled,
-					onClick: handlePrevYear,
-					icon: ChevronsLeft,
-					label: t(($) => $.ui.datePicker.navigation.previousYear),
-					variant: "text",
-					width: "hug",
-					disableTooltip: true,
-					size: "sm"
-				}), /* @__PURE__ */ jsx(IconButton, {
-					color: "secondary",
-					isDisabled: isPrevMonthDisabled,
-					onClick: handlePrevMonth,
-					icon: ChevronLeft,
-					label: t(($) => $.ui.datePicker.navigation.previousMonth),
-					variant: "text",
-					width: "hug",
-					disableTooltip: true,
-					size: "sm"
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex gap-2",
-				children: [/* @__PURE__ */ jsx(Select, {
-					label: "Month",
-					hideLabel: true,
-					customTrigger: /* @__PURE__ */ jsx(BadgeButton, {
-						color: "secondary",
-						variant: "subtle",
-						iconPosition: "right",
-						icon: ChevronDown,
-						children: MONTHS[currentMonth].slice(0, 3)
-					}),
-					ignoreTriggerWidth: true,
-					items: availableMonths.map(({ month, value, isDisabled }) => ({
-						label: month,
-						id: value,
-						isDisabled
-					})).filter(({ isDisabled }) => !isDisabled),
-					value: currentMonth,
-					onChange: handleMonthChange
-				}), /* @__PURE__ */ jsx(Select, {
-					label: "Year",
-					hideLabel: true,
-					customTrigger: /* @__PURE__ */ jsx(BadgeButton, {
-						color: "secondary",
-						variant: "subtle",
-						iconPosition: "right",
-						icon: ChevronDown,
-						children: currentYear.toString()
-					}),
-					items: availableYears.map(({ year, isDisabled }) => ({
-						label: year.toString(),
-						id: year,
-						isDisabled
-					})).filter(({ isDisabled }) => !isDisabled),
-					value: currentYear,
-					onChange: handleYearChange
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center",
-				children: [/* @__PURE__ */ jsx(IconButton, {
-					color: "secondary",
-					isDisabled: isNextMonthDisabled,
-					onClick: handleNextMonth,
-					icon: ChevronRight,
-					label: t(($) => $.ui.datePicker.navigation.nextMonth),
-					variant: "text",
-					width: "hug",
-					disableTooltip: true,
-					size: "sm"
-				}), /* @__PURE__ */ jsx(IconButton, {
-					color: "secondary",
-					isDisabled: isNextYearDisabled,
-					onClick: handleNextYear,
-					icon: ChevronsRight,
-					label: t(($) => $.ui.datePicker.navigation.nextYear),
-					variant: "text",
-					width: "hug",
-					disableTooltip: true,
-					size: "sm"
-				})]
-			})
-		]
-	});
-};
-//#endregion
-//#region src/components/inputs/DateTime/shared/RangeCalendar.tsx
-const RangeCalendar = ({ showWeekNumbers, className, leftCalendarState, rightCalendarState, calendarProps, onApply, onRangeChange: _onRangeChange, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, isRangeSelectionDisabled }) => {
-	const leftRef = useRef(null);
-	const rightRef = useRef(null);
-	const { calendarProps: leftCalendarAriaProps } = useRangeCalendar(calendarProps, leftCalendarState, leftRef);
-	const { calendarProps: rightCalendarAriaProps } = useRangeCalendar(calendarProps, rightCalendarState, rightRef);
-	const leftDate = leftCalendarState.visibleRange.start;
-	const rightDate = rightCalendarState.visibleRange.start;
-	const handleLeftKeyboardNavigation = (event, date) => {
-		return onKeyboardNavigation?.(event, date, "left") ?? false;
-	};
-	const handleRightKeyboardNavigation = (event, date) => {
-		return onKeyboardNavigation?.(event, date, "right") ?? false;
-	};
-	const handleLeftNavigate = (newDate) => {
-		const rightCurrentDate = rightCalendarState.visibleRange.start;
-		if (newDate.year < rightCurrentDate.year || newDate.year === rightCurrentDate.year && newDate.month < rightCurrentDate.month) leftCalendarState.setFocusedDate(newDate);
-		else {
-			const closestValidDate = rightCurrentDate.subtract({ months: 1 });
-			leftCalendarState.setFocusedDate(closestValidDate);
-		}
-	};
-	const handleRightNavigate = (newDate) => {
-		const leftCurrentDate = leftCalendarState.visibleRange.start;
-		if (newDate.year > leftCurrentDate.year || newDate.year === leftCurrentDate.year && newDate.month > leftCurrentDate.month) rightCalendarState.setFocusedDate(newDate);
-		else {
-			const closestValidDate = leftCurrentDate.add({ months: 1 });
-			rightCalendarState.setFocusedDate(closestValidDate);
-		}
-	};
-	const isNextDisabled = useMemo(() => {
-		const leftNextDate = leftDate.add({ months: 1 });
-		return leftNextDate.year > rightDate.year || leftNextDate.year === rightDate.year && leftNextDate.month === rightDate.month;
-	}, [leftDate, rightDate]);
-	const isPrevDisabled = useMemo(() => {
-		const rightPrevDate = rightDate.subtract({ months: 1 });
-		return rightPrevDate.year < leftDate.year || rightPrevDate.year === leftDate.year && rightPrevDate.month === leftDate.month;
-	}, [leftDate, rightDate]);
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("flex flex-col items-center bg-surface-default-card", showWeekNumbers ? "w-full max-w-[336px] md:w-fit md:max-w-none" : "w-fit", className),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: clsx("flex", showWeekNumbers && "w-full"),
-			children: [/* @__PURE__ */ jsxs("div", {
-				...leftCalendarAriaProps,
-				ref: leftRef,
-				className: clsx("flex flex-col items-center", showWeekNumbers && "w-full"),
-				children: [/* @__PURE__ */ jsx(CalendarSelectHeader, {
-					state: leftCalendarState,
-					isNextMonthDisabled: isNextDisabled,
-					isNextYearDisabled: isNextDisabled,
-					onNavigate: handleLeftNavigate,
-					maxDate: rightDate
-				}), /* @__PURE__ */ jsx(CalendarGrid, {
-					showWeekNumbers,
-					firstDayOfWeek: calendarProps.firstDayOfWeek,
-					state: leftCalendarState,
-					onApply,
-					shouldCloseOnSelect: false,
-					onDateSelection,
-					rangeSelection,
-					onDateHover,
-					hoverDate,
-					onKeyboardNavigation: handleLeftKeyboardNavigation,
-					className: clsx("h-64", showWeekNumbers ? "w-full md:w-[336px]!" : "w-[304px]!", isRangeSelectionDisabled && "pointer-events-none opacity-50"),
-					calendarSide: "left",
-					isSelectionDisabled: isRangeSelectionDisabled
-				})]
-			}), /* @__PURE__ */ jsxs("div", {
-				...rightCalendarAriaProps,
-				ref: rightRef,
-				className: "hidden flex-col items-center md:flex",
-				children: [/* @__PURE__ */ jsx(CalendarSelectHeader, {
-					state: rightCalendarState,
-					isPrevMonthDisabled: isPrevDisabled,
-					isPrevYearDisabled: isPrevDisabled,
-					onNavigate: handleRightNavigate,
-					minDate: leftDate
-				}), /* @__PURE__ */ jsx(CalendarGrid, {
-					showWeekNumbers,
-					firstDayOfWeek: calendarProps.firstDayOfWeek,
-					state: rightCalendarState,
-					onApply,
-					shouldCloseOnSelect: false,
-					onDateSelection,
-					rangeSelection,
-					onDateHover,
-					hoverDate,
-					onKeyboardNavigation: handleRightKeyboardNavigation,
-					className: clsx("h-64", showWeekNumbers ? "w-full md:w-[336px]!" : "w-[304px]!", isRangeSelectionDisabled && "pointer-events-none opacity-50"),
-					calendarSide: "right",
-					isSelectionDisabled: isRangeSelectionDisabled
-				})]
-			})]
-		})
-	});
+//#region src/components/inputs/DateTime/shared/RangeCalendar.lazy.tsx
+const loadRangeCalendar = () => import("./RangeCalendar-CXLwzK5Z.js");
+const RangeCalendarRenderer = lazy(() => loadRangeCalendar().then(({ RangeCalendar }) => ({ default: RangeCalendar })));
+/** Fetches the range calendar chunk ahead of the dialog opening (hover, focus). */
+const preloadRangeCalendar = () => {
+	loadRangeCalendar();
 };
+/**
+* Range calendar that only loads its two grids when the range picker dialog opens.
+* The fallback reserves the size of both grids on desktop and one grid on mobile.
+*/
+const RangeCalendar = (props) => /* @__PURE__ */ jsx(Suspense, {
+	fallback: /* @__PURE__ */ jsx("div", {
+		className: "flex h-72 w-[304px] items-center justify-center md:w-[608px]",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	}),
+	children: /* @__PURE__ */ jsx(RangeCalendarRenderer, { ...props })
+});
 //#endregion
 //#region src/components/inputs/DateTime/DateRangePicker/dateRangePreset.utils.ts
 const dateRangePresetValues = [
@@ -1353,6 +1089,8 @@ const DateRangePickerBase = (props) => {
 			labelProps,
 			className: clsx("group relative flex w-full flex-col text-left", className),
 			tabIndex: as === "inline" ? -1 : void 0,
+			onMouseEnter: preloadRangeCalendar,
+			onFocusCapture: preloadRangeCalendar,
 			children: [/* @__PURE__ */ jsx(DatePickerInput, {
 				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, datePickerInputRef),
 				as,
@@ -1417,16 +1155,16 @@ const DateRangePickerBase = (props) => {
 			}), /* @__PURE__ */ jsx(DateTimeDialog, {
 				hideSidebar,
 				sidebar: /* @__PURE__ */ jsxs("div", {
-					className: "flex w-full flex-row overflow-auto border-border-default-subtle border-solid [-ms-overflow-style:none] [scrollbar-width:none] md:w-[156px] md:flex-col md:border-r [&::-webkit-scrollbar]:hidden",
+					className: "flex w-full flex-row overflow-auto border-border border-solid [-ms-overflow-style:none] [scrollbar-width:none] md:w-[156px] md:flex-col md:border-r [&::-webkit-scrollbar]:hidden",
 					children: [enableRelativeMode && /* @__PURE__ */ jsx(Switch, {
 						isSelected: mode === "relative",
 						onChange: onModeChange,
-						className: "shrink-0 px-2 py-2 md:px-list-side-item-left",
+						className: "shrink-0 px-2 py-2 md:px-2",
 						children: t(($) => $.ui.datePicker.relativeMode, { ns: "ui" })
 					}), presets.map((preset) => /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 						isDisabled: preset.isDisabled,
 						onClick: () => selectPreset(preset),
-						className: clsx("w-full px-2 py-1 text-left md:px-list-side-item-left md:py-list-height-item disabled:text-state-content-secondary/disabled!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-content-secondary hover:text-state-content-secondary/hover", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-interactive-primary-background text-interactive-primary-foreground"),
+						className: clsx("w-full px-2 py-1 text-left md:px-2 md:py-1.5 disabled:text-foreground!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-foreground hover:text-foreground", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-primary text-primary-foreground"),
 						children: /* @__PURE__ */ jsx(Typography, {
 							size: "small",
 							sizeMobile: "small",
@@ -1622,7 +1360,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
 			},
 			isDisabled,
 			className: clsx("group relative flex w-full flex-col text-left", props.className),
-			inputClassName: clsx("min-w-input-width-min-width", props.inputClassName),
+			inputClassName: clsx("min-w-51", props.inputClassName),
 			contentClassName: "pr-0!",
 			contentWrapperClassName: datePickerInputContentRowCva({ size }),
 			contentGroup: "date-picker",

package/dist/{DateRangePicker-hV_U1IK0.d.ts → DateRangePicker-CzWwO5bA.d.ts}

@@ -1,6 +1,6 @@
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
-import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-DwHQvLzi.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-8gKhZdGY.js";
 import { FocusEvent, Ref } from "react";
 import { DateValue } from "react-aria";
 import { CalendarDate } from "@internationalized/date";

package/dist/{DateRangePicker.bound-D-GPENNe.d.ts → DateRangePicker.bound-C4mHtr-b.d.ts}

@@ -1,4 +1,4 @@
-import { a as DateRangePickerProps$1 } from "./DateRangePicker-hV_U1IK0.js";
+import { a as DateRangePickerProps$1 } from "./DateRangePicker-CzWwO5bA.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.bound.d.ts
 type ControlledDateRangePickerProps<TFieldValues extends FieldValues> = FormControlProps<DateRangePickerProps$1, TFieldValues>;

package/dist/{DateRangePicker.bound-C1klxYW0.js → DateRangePicker.bound-D530tUJL.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 DateRangePickerInner } from "./DateRangePicker-s_4n-F_P.js";
+import { n as DateRangePickerInner } from "./DateRangePicker-4CrjSCAx.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.bound.tsx

package/dist/{DateTimePicker-411pU7VF.js → DateTimePicker-CtU096IU.js}

@@ -1,17 +1,17 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
-import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-Cs9RwZfy.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.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-D7KKJ6kG.js";
-import { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-Bt5wCZvg.js";
-import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-DRQ536wk.js";
-import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-OAQBDk1R.js";
+import { t as FormField } from "./FormField-DyqEbqx3.js";
+import { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } 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-Cd7UUN61.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.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, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -190,6 +190,8 @@ const DateTimePickerBase = (props) => {
 			labelProps,
 			className: "group relative flex w-full flex-col text-left",
 			tabIndex: as === "inline" ? -1 : void 0,
+			onMouseEnter: preloadCalendar,
+			onFocusCapture: preloadCalendar,
 			children: [/* @__PURE__ */ jsx(DatePickerInput, {
 				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, datePickerInputRef),
 				as,
@@ -331,7 +333,7 @@ const DateTimePickerInner = ({ defaultValue: _defaultValue, renderStaticInput, i
 			},
 			isDisabled,
 			className: clsx("group relative flex w-full flex-col text-left", props.className),
-			inputClassName: clsx(props.shouldShrinkInput ? "min-w-0" : "min-w-input-width-min-width", props.inputClassName),
+			inputClassName: clsx(props.shouldShrinkInput ? "min-w-0" : "min-w-51", props.inputClassName),
 			contentClassName: "pr-0!",
 			contentWrapperClassName: datePickerInputContentRowCva({ size }),
 			contentGroup: "date-picker",

package/dist/{DateTimePicker-wgV0SUeZ.d.ts → DateTimePicker-CzGdmamp.d.ts}

@@ -1,6 +1,6 @@
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
-import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-DwHQvLzi.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-8gKhZdGY.js";
 import { FocusEvent, Ref } from "react";
 import { DateValue } from "react-aria";
 import { DatePickerStateOptions } from "react-stately";

package/dist/{DateTimePicker.bound-BDyUzidV.js → DateTimePicker.bound-BJzw56_u.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 DateTimePickerInner } from "./DateTimePicker-411pU7VF.js";
+import { n as DateTimePickerInner } from "./DateTimePicker-CtU096IU.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.bound.tsx

package/dist/{DateTimePicker.bound-cF2X_ncj.d.ts → DateTimePicker.bound-DwClL-pe.d.ts}

@@ -1,4 +1,4 @@
-import { i as DateTimePickerProps$1 } from "./DateTimePicker-wgV0SUeZ.js";
+import { i as DateTimePickerProps$1 } from "./DateTimePicker-CzGdmamp.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.bound.d.ts
 type ControlledDateTimePickerProps<TFieldValues extends FieldValues> = FormControlProps<DateTimePickerProps$1, TFieldValues>;

package/dist/{Dialog-V-2cgGk1.d.ts → Dialog-2XpWsphI.d.ts}

@@ -1,4 +1,4 @@
-import { l as DialogVariantProps } from "./style-definitions-_RXJdSk-.js";
+import { l as DialogVariantProps } from "./style-definitions-DzsmGccZ.js";
 import { PropsWithChildren, RefObject } from "react";
 import { DialogProps } from "react-aria-components";
 //#region src/components/overlays/Dialog/Dialog.d.ts

package/dist/{Dialog-DSl1Fkqi.js → Dialog-COvYzwNU.js}

@@ -5,7 +5,7 @@ import { n as $f2ff30fde7b014be$export$3ddf2d174ce01153 } from "./Dialog-lFYX-7A
 import { n as $8b8d26808cb8cb53$export$8948f78d83984c69, t as $8b8d26808cb8cb53$export$2b77a92f1a5ad772 } from "./Modal-B4p1zFqi.js";
 import { IconButton } from "./components/icon-button.js";
 import "./i18n-BjNKHh_D.js";
-import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-sioU_5R7.js";
+import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-DzJlaK5a.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/Dialog/Dialog.tsx
@@ -48,12 +48,12 @@ const Dialog = ({ isOpen, portalContainerRef, onClose, onOpenChange, aside, chil
 					color: "secondary",
 					onPress: () => handleOpenChange(false),
 					icon: X,
-					className: clsx("absolute top-0 right-0 p-modal-gap-desktop-modal-close-icon-top-right", closeIconClassName),
+					className: clsx("absolute top-4 right-4 size-4 rounded-xs opacity-70 hover:opacity-100", closeIconClassName),
 					label: t(($) => $.ui.modal.closeBtn),
-					variant: "text",
+					variant: "ghost",
 					width: "hug",
 					disableTooltip: true,
-					size: "sm"
+					size: "none"
 				}), children]
 			})
 		})

package/dist/{DropdownMenu-DH7E2aXb.js → DropdownMenu-DtZdv5mo.js}

@@ -1,13 +1,13 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { r as MenuItem, t as DropdownMenuDesktop } from "./DropdownMenuDesktop-nMoCa6N5.js";
+import { r as MenuItem, t as DropdownMenuDesktop } from "./DropdownMenuDesktop-BMkiHEuY.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
 import { s as $49319ee1285aa241$export$d9b273488cd8ce6f } from "./Dialog-lFYX-7Ax.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
-import { n as menuItemDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-Bi3a21lO.js";
+import { n as menuItemDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-CS5Q2b_3.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
-import { t as useBreakpoint } from "./useBreakpoint-BzYqQEBO.js";
+import { t as useBreakpoint } from "./useBreakpoint-DOUmXVZ2.js";
 import { useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{DropdownMenu-Bl_C5W_E.d.ts → DropdownMenu-gKIXzj63.d.ts}

@@ -1,5 +1,5 @@
-import { g as MenuPopoverWrapperVariantProps, h as MenuPopoverVariantProps, m as MenuItemVariantProps, p as DropdownMenuCvaVariantProps } from "./style-definitions-_RXJdSk-.js";
-import { t as BottomSheetProps } from "./BottomSheet-BQXSdxoX.js";
+import { g as MenuPopoverWrapperVariantProps, h as MenuPopoverVariantProps, m as MenuItemVariantProps, p as DropdownMenuCvaVariantProps } from "./style-definitions-DzsmGccZ.js";
+import { t as BottomSheetProps } from "./BottomSheet-C-jdDmO7.js";
 import { ReactElement } from "react";
 import { Key, MenuItemProps } from "react-aria-components";
 import { Placement } from "react-aria";

package/dist/{DropdownMenuDesktop-nMoCa6N5.js → DropdownMenuDesktop-BMkiHEuY.js}

@@ -1,9 +1,9 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
 import { a as $49319ee1285aa241$export$27d2ad3c5815583e, c as $49319ee1285aa241$export$ecabc99eeffab7ca, l as $542a13ca2fa5b484$export$5b6b19405a83ff9d, o as $49319ee1285aa241$export$2ce376c2cc3355c8, s as $49319ee1285aa241$export$d9b273488cd8ce6f } from "./Dialog-lFYX-7Ax.js";
-import { i as menuPopoverWrapperDefinition, n as menuItemDefinition, r as menuPopoverDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-Bi3a21lO.js";
+import { i as menuPopoverWrapperDefinition, n as menuItemDefinition, r as menuPopoverDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-CS5Q2b_3.js";
 import { t as popoverAnimationClassName } from "./popoverAnimation-DEZSvKP8.js";
 import { useRef } from "react";
 import { c } from "react/compiler-runtime";

package/dist/{FileInput-Q72yXorH.d.ts → FileInput-0o8-IJUh.d.ts}

@@ -1,8 +1,8 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-_RXJdSk-.js";
-import "./button.cva-CBckM91c.js";
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
-import { t as InputSizeProps } from "./input.cva-L7jKDv6q.js";
+import "./style-definitions-DzsmGccZ.js";
+import "./button.cva-YpNNY6C-.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { t as InputSizeProps } from "./input.cva-CEFEpKml.js";
 import { FocusEventHandler, Ref } from "react";
 import { DropZoneProps, FileTriggerProps } from "react-aria-components";
 import { ClassProp } from "class-variance-authority/types";
@@ -22,8 +22,8 @@ declare const fileInputDropZoneDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly variant: {
-      default: ["rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background"];
-      nested: ["rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background"];
+      default: ["rounded-md border border-input border-solid bg-transparent shadow-xs dark:bg-input/30"];
+      nested: ["rounded-md border border-input border-solid bg-transparent shadow-xs dark:bg-input/30"];
     };
   }>;
 };