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

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

@@ -1,130 +1,25 @@
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { n as ChevronUp, r as ChevronLeft } from "./Tooltip-CMigoyri.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-Cs9RwZfy.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
 import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CoUk0kkt.js";
 import { n as $bc25b811ec97a172$export$40258cc1d95ff477 } from "./ToggleButton-DUQ8nwKY.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
+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-BzYqQEBO.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-Bt5wCZvg.js";
 import "./i18n-BjNKHh_D.js";
-import { n as TimePickerForm } from "./datePickerValue.utils-OAQBDk1R.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 = {
 	12: "h12",
 	24: "h23"
@@ -153,18 +48,15 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 		timeLabel = timeFormatter.format(date);
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: "inline-flex w-full items-center justify-between border-border-default-subtle border-b border-solid px-1",
+		className: "flex w-full items-center justify-between gap-1 p-3",
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: clsx("inline-flex h-12 items-center", includesTime ? "p-1 md:p-3" : "p-3"),
+				className: "inline-flex items-center",
 				children: /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 					...prevButtonProps,
 					isDisabled: !!toggleState,
-					className: clsx("shrink-0 focus-visible:outline-interactive-ring", !!toggleState && "opacity-0"),
-					children: /* @__PURE__ */ jsx(IconSlot, {
-						icon: ChevronLeft,
-						className: "text-interactive-subtle-primary-foreground"
-					})
+					className: clsx(calendarNavButtonClassName, !!toggleState && "opacity-0"),
+					children: /* @__PURE__ */ jsx(IconSlot, { icon: ChevronLeft })
 				})
 			}),
 			/* @__PURE__ */ jsxs($bc25b811ec97a172$export$40258cc1d95ff477, {
@@ -228,15 +120,12 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 				]
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: clsx("inline-flex h-12 items-center", includesTime ? "p-1 md:p-3" : "p-3"),
+				className: "inline-flex items-center",
 				children: /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 					...nextButtonProps,
 					isDisabled: !!toggleState,
-					className: clsx("shrink-0 focus-visible:outline-interactive-ring", !!toggleState && "opacity-0"),
-					children: /* @__PURE__ */ jsx(IconSlot, {
-						icon: ChevronRight,
-						className: "text-interactive-subtle-primary-foreground"
-					})
+					className: clsx(calendarNavButtonClassName, !!toggleState && "opacity-0"),
+					children: /* @__PURE__ */ jsx(IconSlot, { icon: ChevronRight })
 				})
 			})
 		]
@@ -315,10 +204,10 @@ const MonthPicker = ({ state, onSelectionChange, onDateChange, onCommit, selecte
 					if (monthNumber !== selectedMonth) return;
 					onCommit?.();
 				},
-				className: clsx("flex items-center justify-center text-content-secondary", "rounded-button-rounding-default border border-border-default-subtle border-solid bg-surface-default-card", "not-selected:not-disabled:hover:text-state-content-secondary/hover", "selected:border-interactive-primary-background selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-ring focus-visible:outline-offset-1", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
+				className: clsx("flex items-center justify-center rounded-md border border-solid text-sm font-medium shadow-xs transition-all", "not-selected:border-border not-selected:bg-background not-selected:text-foreground", "dark:not-selected:border-input dark:not-selected:bg-input/30", "not-selected:not-disabled:hover:bg-accent not-selected:not-disabled:hover:text-accent-foreground", "dark:not-selected:not-disabled:hover:bg-input/50", "selected:border-primary selected:bg-primary selected:text-primary-foreground", uiOutlineClass, "not-selected:focus-visible:border-ring", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
 				children: /* @__PURE__ */ jsx(Typography, {
 					as: "span",
-					size: "small",
+					size: "body",
 					children: month
 				})
 			}, monthNumber);
@@ -326,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({
@@ -449,10 +295,10 @@ const YearPicker = ({ state, onSelectionChange, onDateChange, onCommit, selected
 					if (index !== selectedYearIndex) return;
 					onCommit?.();
 				},
-				className: clsx("flex px-4 py-2 text-content-secondary outline-none", "border-border-default-subtle border-b border-solid bg-surface-default-card last:border-b-0", "not-selected:not-disabled:hover:text-state-content-secondary/hover", "selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus-visible:bg-state-interactive-primary-background/focus focus-visible:text-interactive-primary-foreground", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
+				className: clsx("flex border-b border-border border-solid px-4 py-2 text-sm outline-none last:border-b-0", "not-selected:text-foreground", "not-selected:not-disabled:hover:bg-accent not-selected:not-disabled:hover:text-accent-foreground", "not-selected:focus-visible:bg-accent not-selected:focus-visible:text-accent-foreground", "selected:bg-primary selected:text-primary-foreground", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
 				children: /* @__PURE__ */ jsx(Typography, {
 					as: "span",
-					size: "small",
+					size: "body",
 					children: year.formatted
 				})
 			}, index);
@@ -632,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/{CheckContent-D7sZPmzx.js → CheckContent-DHKG_FY6.js}

@@ -1,6 +1,6 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
+import { t as typographyDefinition } from "./typography.cva-CXolEQdT.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/CheckContent.tsx
 const CheckContent = ({ children, className, contentClassName, ...props }) => {

package/dist/{Checkbox-CCvC7OVT.d.ts → Checkbox-BjZVQ-6_.d.ts}

@@ -1,5 +1,5 @@
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-CJy87xUo.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-CZnnBl8g.js";
 import { ComponentType, ReactNode, Ref, SVGProps } from "react";
 import { CheckboxProps } from "react-aria-components";
 //#region src/components/inputs/Checkbox/Checkbox.d.ts

package/dist/{Checkbox-BI3DQPLa.js → Checkbox-Bo03jrPX.js}

@@ -1,14 +1,14 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
-import { t as CheckboxCheckmark } from "./CheckboxCheckmark-BzT6MwH5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { t as CheckboxCheckmark } from "./CheckboxCheckmark-C4yFclkZ.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-BkLF-JA3.js";
 import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-BGvF9vWx.js";
 import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D72yc4S6.js";
 import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-CqF1SaVw.js";
-import { c as checkboxTypography, s as checkboxIndicatorClass, t as checkboxContentClassName } from "./checkbox.cva-D-D9Qgaf.js";
-import { t as FormFieldError } from "./FormFieldError-Bqjg9cMb.js";
-import { t as CheckContent } from "./CheckContent-D7sZPmzx.js";
+import { c as checkboxTypography, s as checkboxIndicatorClass, t as checkboxContentClassName } from "./checkbox.cva-DCVi4-4z.js";
+import { t as FormFieldError } from "./FormFieldError-BaVgIKrv.js";
+import { t as CheckContent } from "./CheckContent-DHKG_FY6.js";
 import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{Checkbox.bound-CMZnF2_d.js → Checkbox.bound-DN4OVaMs.js}

@@ -1,4 +1,4 @@
-import { n as CheckboxBase } from "./Checkbox-BI3DQPLa.js";
+import { n as CheckboxBase } from "./Checkbox-Bo03jrPX.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
 import { memo } from "react";

package/dist/{Checkbox.bound-DBt33Inx.d.ts → Checkbox.bound-DTO008Tl.d.ts}

@@ -1,4 +1,4 @@
-import { a as CheckboxProps$1 } from "./Checkbox-CCvC7OVT.js";
+import { a as CheckboxProps$1 } from "./Checkbox-BjZVQ-6_.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/Checkbox/Checkbox.bound.d.ts
 type ControlledCheckboxProps<TFieldValues extends FieldValues> = FormControlProps<CheckboxProps$1, TFieldValues, "isSelected">;

package/dist/{CheckboxCheckmark-BzT6MwH5.js → CheckboxCheckmark-C4yFclkZ.js}

@@ -1,7 +1,7 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
 import { t as Check } from "./check-DYMBkp_Z.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { i as checkboxDefinition, o as checkboxIconDefinition } from "./checkbox.cva-D-D9Qgaf.js";
+import { i as checkboxDefinition, o as checkboxIconDefinition } from "./checkbox.cva-DCVi4-4z.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/minus.mjs
 /**
@@ -31,13 +31,10 @@ const CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Ch
 			...props,
 			className
 		}),
-		children: [/* @__PURE__ */ jsx(SelectedIcon, {
-			className: checkboxIconCva({
-				...props,
-				iconVariant: "selected"
-			}),
-			strokeWidth: 3
-		}), /* @__PURE__ */ jsx(IndeterminateIcon, { className: checkboxIconCva({
+		children: [/* @__PURE__ */ jsx(SelectedIcon, { className: checkboxIconCva({
+			...props,
+			iconVariant: "selected"
+		}) }), /* @__PURE__ */ jsx(IndeterminateIcon, { className: checkboxIconCva({
 			...props,
 			iconVariant: "indeterminate"
 		}) })]

package/dist/{CheckboxGroup-MJ6crCZk.d.ts → CheckboxGroup-B_rzZgta.d.ts}

@@ -1,6 +1,6 @@
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
-import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-CJy87xUo.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-CZnnBl8g.js";
 import { ReactElement, Ref } from "react";
 import { CheckboxGroupProps } from "react-aria-components";
 //#region src/components/inputs/Checkbox/CheckboxGroup.d.ts

package/dist/{CheckboxGroup-DQw4hsFa.js → CheckboxGroup-D3LxgocB.js}

@@ -1,10 +1,10 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as CheckboxBase, r as $ed8ccb2e23e76301$export$4aa08d5625cb8ead } from "./Checkbox-BI3DQPLa.js";
-import { a as checkboxGroupLabelDefinition, n as checkboxContentRowDefinition, r as checkboxContentWrapperDefinition } from "./checkbox.cva-D-D9Qgaf.js";
-import { n as FormFieldLabel, t as FormField } from "./FormField-D7KKJ6kG.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { n as CheckboxBase, r as $ed8ccb2e23e76301$export$4aa08d5625cb8ead } from "./Checkbox-Bo03jrPX.js";
+import { a as checkboxGroupLabelDefinition, n as checkboxContentRowDefinition, r as checkboxContentWrapperDefinition } from "./checkbox.cva-DCVi4-4z.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-DyqEbqx3.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useLabel } from "@react-aria/label";

package/dist/{CheckboxGroup.bound-CTCdezUN.js → CheckboxGroup.bound-8hjoP-xP.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 CheckboxGroupBase } from "./CheckboxGroup-DQw4hsFa.js";
+import { n as CheckboxGroupBase } from "./CheckboxGroup-D3LxgocB.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Checkbox/CheckboxGroup.bound.tsx

package/dist/{CheckboxGroup.bound-j2Sc8QtU.d.ts → CheckboxGroup.bound-CiA60XsD.d.ts}

@@ -1,4 +1,4 @@
-import { i as CheckboxGroupProps$1 } from "./CheckboxGroup-MJ6crCZk.js";
+import { i as CheckboxGroupProps$1 } from "./CheckboxGroup-B_rzZgta.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/Checkbox/CheckboxGroup.bound.d.ts
 type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = FormControlProps<CheckboxGroupProps$1, TFieldValues>;

package/dist/{DatePicker-umTISfvn.d.ts → DatePicker-B_caFHFY.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 { CalendarDate, DateValue } from "@internationalized/date";
 import { DatePickerStateOptions } from "react-stately";

package/dist/{DatePicker-CSm9c37c.js → DatePicker-BaLQOOJJ.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, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } 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, 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-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, 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,
@@ -370,7 +372,7 @@ const DatePickerInner = ({ defaultValue: _defaultValue, fullIso = true, granular
 			},
 			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/{DatePicker.bound-KLyoWNcX.d.ts → DatePicker.bound-C5-DL4SJ.d.ts}

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

package/dist/{DatePicker.bound-Yqckg7Mk.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-CSm9c37c.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-DwHQvLzi.d.ts → DatePickerInput-8gKhZdGY.d.ts}

@@ -1,6 +1,6 @@
-import { n as IconButtonProps } from "./IconButton-BM2DUNtN.js";
-import "./FormField-BIRMlgu4.js";
-import "./input.cva-L7jKDv6q.js";
+import { n as IconButtonProps } from "./IconButton-DdvODpP7.js";
+import "./FormField-BsR2Cjxm.js";
+import "./input.cva-CEFEpKml.js";
 import { ReactNode, Ref } from "react";
 import "react-aria";
 //#region src/components/inputs/DateTime/shared/datePicker.types.d.ts