@povio/ui 3.4.0-rc.23 → 3.4.0-rc.25

package/dist/{DateRangePicker-BELkyFZ3.js → DateRangePicker-CnxuqAB1.js}

@@ -1,16 +1,16 @@
-import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
 import { t as ChevronDown } from "./chevron-down-Ciz9yP9R.js";
 import { t as ChevronLeft } from "./chevron-left-VO8YZrXZ.js";
 import { t as ChevronRight } from "./chevron-right-C_M98bh3.js";
 import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-BXdmZ2TS.js";
 import { t as FormField } from "./FormField-ChDNTHr4.js";
-import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BLL4-Sqj.js";
+import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-CQKtbsQd.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { _ as $5dc95899b306f630$export$c9058316764c140e, b as $bdb11010cef70236$export$f680877a34711e37, g as $3ef42575df84b30b$export$9d1611c77c2fe928, h as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-CuNJ25EP.js";
 import { n as $d4ee10de306f2510$export$4282f70798064fe0, t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-HV79Qf_F.js";
 import { o as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./SelectionIndicator-BiAHPBz2.js";
 import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-D8raJPFb.js";
-import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, h as useRangeCalendarState, i as getStaticDateTimeFocusTarget, m as useDateRangePickerState, o as DateTimeDialogFooter, r as getStaticDateRangeSegments, s as DateTimeDialog, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, x as $16f0b7bb276bc17e$export$7b3062cd49e80452 } from "./staticDateTimeSegments-C8AOKnEO.js";
+import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, h as useRangeCalendarState, i as getStaticDateTimeFocusTarget, m as useDateRangePickerState, o as DateTimeDialogFooter, r as getStaticDateRangeSegments, s as DateTimeDialog, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, x as $16f0b7bb276bc17e$export$7b3062cd49e80452 } from "./staticDateTimeSegments-CAEX9ogz.js";
 import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-oSE-CM83.js";
 import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-D9TmTRN_.js";
 import { n as $e5be200c675c3b3a$export$a763b9476acd3eb, r as $e5be200c675c3b3a$export$dad6ae84456c676a, t as $e5be200c675c3b3a$export$75ee7c75d68f5b0e } from "./useFormValidationState-Bpry7Uk5.js";
@@ -20,10 +20,10 @@ import { InlineIconButton } from "./components/inline-icon-button.js";
 import { PillButton } from "./components/pill-button.js";
 import "./i18n-C2TBJvnh.js";
 import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-D8gfa-pC.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-pnEcfX_d.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-eCF5-eNP.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-ClwANfo-.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
-import { t as Select } from "./Select-T4am7u5p.js";
+import { t as Select } from "./Select-C_cXfp8z.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { createCalendar, endOfMonth, endOfWeek, endOfYear, getLocalTimeZone, startOfMonth, startOfWeek, startOfYear, toCalendarDate, today } from "@internationalized/date";
 import { useFocusWithin } from "@react-aria/interactions";
@@ -368,7 +368,7 @@ const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled,
 };
 //#endregion
 //#region src/components/inputs/DateTime/shared/RangeCalendar.tsx
-const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calendarProps, onApply, onRangeChange: _onRangeChange, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation }) => {
+const RangeCalendar = ({ 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);
@@ -428,8 +428,9 @@ const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calen
 					onDateHover,
 					hoverDate,
 					onKeyboardNavigation: handleLeftKeyboardNavigation,
-					className: "h-64 w-[304px]!",
-					calendarSide: "left"
+					className: clsx("h-64 w-[304px]!", isRangeSelectionDisabled && "pointer-events-none opacity-50"),
+					calendarSide: "left",
+					isSelectionDisabled: isRangeSelectionDisabled
 				})]
 			}), /* @__PURE__ */ jsxs("div", {
 				...rightCalendarAriaProps,
@@ -450,8 +451,9 @@ const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calen
 					onDateHover,
 					hoverDate,
 					onKeyboardNavigation: handleRightKeyboardNavigation,
-					className: "h-64 w-[304px]!",
-					calendarSide: "right"
+					className: clsx("h-64 w-[304px]!", isRangeSelectionDisabled && "pointer-events-none opacity-50"),
+					calendarSide: "right",
+					isSelectionDisabled: isRangeSelectionDisabled
 				})]
 			})]
 		})
@@ -462,7 +464,7 @@ const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calen
 const DateRangePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const { t } = useTranslation();
-	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, allowPartialRange: allowPartialRangeProp, minValue, maxValue, ...rest } = props;
+	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, allowPartialRange: allowPartialRangeProp, mode = "absolute", relativeValue, relativeOptions = [], onRelativeChange, minValue, maxValue, ...rest } = props;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const variant = variantProp ?? ui.input.variant;
 	const as = asProp ?? ui.input.as;
@@ -578,7 +580,7 @@ const DateRangePickerBase = (props) => {
 		minValue,
 		maxValue
 	});
-	const [activePreset, setActivePreset] = useState(null);
+	const [activePreset, setActivePreset] = useState(mode === "relative" ? relativeValue ?? null : null);
 	const [rangeSelection, setRangeSelection] = useState({
 		start: value?.start || null,
 		end: value?.end || null,
@@ -843,6 +845,11 @@ const DateRangePickerBase = (props) => {
 		clampRangeToBounds
 	]);
 	const onApply = () => {
+		if (mode === "relative") {
+			onRelativeChange?.(activePreset);
+			state.toggle();
+			return;
+		}
 		let valueToApply = dialogState.value;
 		if (rangeSelection.start && rangeSelection.end) valueToApply = {
 			start: rangeSelection.start,
@@ -872,6 +879,11 @@ const DateRangePickerBase = (props) => {
 		syncCalendarStates(clampedTodayRange);
 	};
 	const onInputClear = () => {
+		if (mode === "relative") {
+			setActivePreset(null);
+			onRelativeChange?.(null);
+			return;
+		}
 		fieldRangeRef.current = null;
 		onChange?.(null);
 		dialogState.setValue(null);
@@ -885,6 +897,10 @@ const DateRangePickerBase = (props) => {
 		setHoverDate(null);
 	};
 	const syncSelectionFromControlledValue = () => {
+		if (mode === "relative") {
+			setActivePreset(relativeValue ?? null);
+			return;
+		}
 		const currentValue = state.value;
 		if (!(currentValue != null && currentValue.start != null && currentValue.end != null)) {
 			syncCalendarStates(null);
@@ -963,6 +979,7 @@ const DateRangePickerBase = (props) => {
 		if (!clampedValue) isDisabled = true;
 		if (clampedValue && !isRangeWithinBounds(clampedValue)) isDisabled = true;
 		return {
+			value: params.value,
 			label: params.label,
 			getValue: params.getValue,
 			clampedValue,
@@ -971,26 +988,32 @@ const DateRangePickerBase = (props) => {
 	};
 	const presets = [
 		createPreset({
+			value: "thisWeek",
 			label: t(($) => $.ui.datePicker.presets.thisWeek, { ns: "ui" }),
 			getValue: getThisWeekRange
 		}),
 		createPreset({
+			value: "lastWeek",
 			label: t(($) => $.ui.datePicker.presets.lastWeek, { ns: "ui" }),
 			getValue: getLastWeekRange
 		}),
 		createPreset({
+			value: "thisAndLastWeek",
 			label: t(($) => $.ui.datePicker.presets.thisAndLastWeek, { ns: "ui" }),
 			getValue: getThisAndLastWeekRange
 		}),
 		createPreset({
+			value: "thisMonth",
 			label: t(($) => $.ui.datePicker.presets.thisMonth, { ns: "ui" }),
 			getValue: getThisMonthRange
 		}),
 		createPreset({
+			value: "thisAndLastMonth",
 			label: t(($) => $.ui.datePicker.presets.thisAndLastMonth, { ns: "ui" }),
 			getValue: getThisAndLastMonthRange
 		}),
 		createPreset({
+			value: "thisYear",
 			label: t(($) => $.ui.datePicker.presets.thisYear, { ns: "ui" }),
 			getValue: () => ({
 				start: startOfYear(todayDate),
@@ -998,6 +1021,7 @@ const DateRangePickerBase = (props) => {
 			})
 		}),
 		createPreset({
+			value: "lastYear",
 			label: t(($) => $.ui.datePicker.presets.lastYear, { ns: "ui" }),
 			getValue: () => ({
 				start: startOfYear(todayDate.subtract({ years: 1 })),
@@ -1005,6 +1029,7 @@ const DateRangePickerBase = (props) => {
 			})
 		}),
 		createPreset({
+			value: "thisAndLastYear",
 			label: t(($) => $.ui.datePicker.presets.thisAndLastYear, { ns: "ui" }),
 			getValue: () => ({
 				start: startOfYear(todayDate.subtract({ years: 1 })),
@@ -1012,17 +1037,29 @@ const DateRangePickerBase = (props) => {
 			})
 		}),
 		createPreset({
+			value: "soFar",
 			label: t(($) => $.ui.datePicker.presets.soFar, { ns: "ui" }),
 			getValue: () => ({
 				start: startOfYear(todayDate),
 				end: todayDate
 			}),
 			keepEnabledUnlessFutureMin: true
-		})
+		}),
+		...relativeOptions.map((option) => ({
+			value: option.value,
+			label: option.label,
+			getValue: () => ({
+				start: todayDate,
+				end: todayDate
+			}),
+			clampedValue: null,
+			isDisabled: option.isDisabled ?? false
+		}))
 	];
 	const selectPreset = (preset) => {
-		if (preset.isDisabled || !preset.clampedValue) return;
-		setActivePreset(preset.label);
+		if (preset.isDisabled || mode !== "relative" && !preset.clampedValue) return;
+		setActivePreset(mode === "relative" ? preset.value : preset.label);
+		if (!preset.clampedValue) return;
 		const presetValue = preset.clampedValue;
 		syncCalendarStates(presetValue);
 		const startDate = presetValue.start;
@@ -1033,7 +1070,9 @@ const DateRangePickerBase = (props) => {
 			const rightCalendarMonth = startDate.add({ months: 1 });
 			rightCalendarState.setFocusedDate(rightCalendarMonth);
 		}
+		if (mode === "relative") setActivePreset(preset.value);
 	};
+	const activeRelativeOption = mode === "relative" ? presets.find((preset) => preset.value === relativeValue) : void 0;
 	return /* @__PURE__ */ jsx(TooltipWrapper, {
 		as,
 		error,
@@ -1073,7 +1112,7 @@ const DateRangePickerBase = (props) => {
 				fieldValue: normalizedValue?.start ?? null,
 				endFieldValue: normalizedValue?.end ?? null,
 				isValueControlled: true,
-				hasValue: normalizedValue?.start != null || normalizedValue?.end != null,
+				hasValue: mode === "relative" ? !!relativeValue : normalizedValue?.start != null || normalizedValue?.end != null,
 				buttonProps,
 				isDisabled,
 				isInvalid: !!error,
@@ -1088,7 +1127,8 @@ const DateRangePickerBase = (props) => {
 				todayIconButtonComponent,
 				todayIconPlacement,
 				isDirty,
-				disableManualEntry,
+				disableManualEntry: mode === "relative" || disableManualEntry,
+				displayValue: activeRelativeOption?.label,
 				autoFixYear,
 				placeholder,
 				className: inputClassName,
@@ -1098,11 +1138,11 @@ const DateRangePickerBase = (props) => {
 			}), /* @__PURE__ */ jsx(DateTimeDialog, {
 				hideSidebar,
 				sidebar: /* @__PURE__ */ jsx("div", {
-					className: "flex w-full flex-row overflow-auto border-elevation-outline-default-1 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-elevation-outline-default-1 border-solid [-ms-overflow-style:none] [scrollbar-width:none] md:max-h-[344px] md:w-[156px] md:flex-col md:border-r [&::-webkit-scrollbar]:hidden",
 					children: presets.map((preset) => /* @__PURE__ */ jsx($d2b4bc8c273e7be6$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-interactive-text-secondary-disabled!", activePreset !== preset.label && "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover", activePreset === preset.label && "bg-interactive-contained-primary-idle text-interactive-text-secondary-idle-inverted"),
+						className: clsx("w-full px-2 py-1 text-left md:px-list-side-item-left md:py-list-height-item disabled:text-interactive-text-secondary-disabled!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-interactive-contained-primary-idle text-interactive-text-secondary-idle-inverted"),
 						children: /* @__PURE__ */ jsx(Typography, {
 							size: "label-2",
 							sizeMobile: "label-3",
@@ -1110,12 +1150,12 @@ const DateRangePickerBase = (props) => {
 							className: "whitespace-nowrap",
 							children: preset.label
 						})
-					}, preset.label))
+					}, mode === "relative" ? preset.value : preset.label))
 				}),
 				footer: /* @__PURE__ */ jsx(DateTimeDialogFooter, {
 					isDisabled,
-					isValid: !dialogState.isInvalid && !!dialogState.value,
-					onTodayPress,
+					isValid: mode === "relative" ? !!activePreset : !dialogState.isInvalid && !!dialogState.value,
+					onTodayPress: mode === "relative" ? void 0 : onTodayPress,
 					onApply
 				}),
 				label,
@@ -1133,11 +1173,12 @@ const DateRangePickerBase = (props) => {
 							calendarProps,
 							onApply,
 							onRangeChange: syncCalendarStates,
-							onDateSelection: handleDateSelection,
+							onDateSelection: mode === "relative" ? void 0 : handleDateSelection,
 							onDateHover: handleDateHover,
 							rangeSelection,
 							hoverDate,
-							onKeyboardNavigation: handleKeyboardNavigation
+							onKeyboardNavigation: mode === "relative" ? void 0 : handleKeyboardNavigation,
+							isRangeSelectionDisabled: mode === "relative"
 						})
 					})
 				})
@@ -1147,6 +1188,7 @@ const DateRangePickerBase = (props) => {
 };
 const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStaticInput, isFormControlDisabled, ...props }) => {
 	const ui = UIConfig.useConfig();
+	const { t } = useTranslation();
 	const datePickerInputContentRowCva = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
 	const { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
 	const shouldForceLeadingZeros = props.shouldForceLeadingZeros ?? ui.dateInput.shouldForceLeadingZeros;
@@ -1211,10 +1253,51 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
 		maxValue,
 		parseCalendarDate
 	]);
+	const normalizedRange = normalizedValue;
 	if (!renderInput) {
-		const startDateValue = parseCalendarDate(normalizedValue?.start ?? null);
-		const endDateValue = parseCalendarDate(normalizedValue?.end ?? null);
-		const hasProvidedRangeValue = !!(normalizedValue?.start || normalizedValue?.end);
+		const relativeOptions = [
+			{
+				value: "thisWeek",
+				label: t(($) => $.ui.datePicker.presets.thisWeek, { ns: "ui" })
+			},
+			{
+				value: "lastWeek",
+				label: t(($) => $.ui.datePicker.presets.lastWeek, { ns: "ui" })
+			},
+			{
+				value: "thisAndLastWeek",
+				label: t(($) => $.ui.datePicker.presets.thisAndLastWeek, { ns: "ui" })
+			},
+			{
+				value: "thisMonth",
+				label: t(($) => $.ui.datePicker.presets.thisMonth, { ns: "ui" })
+			},
+			{
+				value: "thisAndLastMonth",
+				label: t(($) => $.ui.datePicker.presets.thisAndLastMonth, { ns: "ui" })
+			},
+			{
+				value: "thisYear",
+				label: t(($) => $.ui.datePicker.presets.thisYear, { ns: "ui" })
+			},
+			{
+				value: "lastYear",
+				label: t(($) => $.ui.datePicker.presets.lastYear, { ns: "ui" })
+			},
+			{
+				value: "thisAndLastYear",
+				label: t(($) => $.ui.datePicker.presets.thisAndLastYear, { ns: "ui" })
+			},
+			{
+				value: "soFar",
+				label: t(($) => $.ui.datePicker.presets.soFar, { ns: "ui" })
+			},
+			...ui.dateInput.dateRangeOptions
+		];
+		const relativeLabel = props.mode === "relative" ? relativeOptions.find((option) => option.value === normalizedValue)?.label : void 0;
+		const startDateValue = parseCalendarDate(normalizedRange?.start ?? null);
+		const endDateValue = parseCalendarDate(normalizedRange?.end ?? null);
+		const hasProvidedRangeValue = props.mode === "relative" ? !!relativeLabel : !!(normalizedRange?.start || normalizedRange?.end);
 		const as = props.as ?? ui.input.as;
 		const size = props.size ?? ui.input.size;
 		const isDisabled = isFormControlDisabled || !!props.isDisabled;
@@ -1228,7 +1311,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
 			size: todayIconButtonSize,
 			todayIconButtonComponent
 		});
-		const disableManualEntry = props.disableManualEntry ?? ui.dateInput.disableManualEntry;
+		const disableManualEntry = props.mode === "relative" || (props.disableManualEntry ?? ui.dateInput.disableManualEntry);
 		const showDropdown = !props.disableDropdown || disableManualEntry;
 		const staticSegments = getStaticDateRangeSegments({
 			start: startDateValue,
@@ -1274,14 +1357,22 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
 				onClick: () => {},
 				altText: ""
 			} : void 0,
-			children: staticSegments
+			children: relativeLabel ? /* @__PURE__ */ jsx(Typography, {
+				size: "label-1",
+				className: "truncate",
+				children: relativeLabel
+			}) : staticSegments
 		});
 	}
 	return /* @__PURE__ */ jsx(DateRangePickerBase, {
 		...props,
 		...dateLimits,
 		ref: $5dc95899b306f630$export$c9058316764c140e(props.ref, inputRef),
-		value: parseDateRange(normalizedValue),
+		mode: props.mode,
+		relativeValue: props.mode === "relative" ? normalizedValue : null,
+		relativeOptions: props.mode === "relative" ? ui.dateInput.dateRangeOptions : [],
+		onRelativeChange: (value) => props.onChange?.(value),
+		value: props.mode === "relative" ? null : parseDateRange(normalizedRange),
 		onChange: (value) => props.onChange?.(formatDateRange(value))
 	});
 };

package/dist/{DateTimePicker-YxEZH7Kk.js → DateTimePicker-B39ywgjx.js}

@@ -1,16 +1,16 @@
-import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
 import { t as FormField } from "./FormField-ChDNTHr4.js";
-import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BLL4-Sqj.js";
+import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-CQKtbsQd.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { _ as $5dc95899b306f630$export$c9058316764c140e } from "./import-CuNJ25EP.js";
 import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-HV79Qf_F.js";
-import { d as useCalendarState, i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog } from "./staticDateTimeSegments-C8AOKnEO.js";
-import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-B7OLjVV9.js";
+import { d as useCalendarState, i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog } from "./staticDateTimeSegments-CAEX9ogz.js";
+import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-CzDZnIF0.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-D8gfa-pC.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-pnEcfX_d.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-BqdbvGFL.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-eCF5-eNP.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-ClwANfo-.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-BoOLaZk_.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Time, createCalendar, getLocalTimeZone, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";

package/dist/{DateTimePicker-B83y2Skm.d.ts → DateTimePicker-B9cZ38EY.d.ts}

@@ -1,9 +1,9 @@
 import { S as DateValue, y as DatePickerStateOptions } from "./types-BSiv-Igp.js";
 import { n as FieldValues } from "./form.binding-DWlFTecs.js";
 import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
-import { n as FormFieldProps } from "./FormField-DYbqlEZ_.js";
+import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
 import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-D2A2afXI.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CJR-w_b1.js";
 import { FocusEvent, Ref } from "react";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts
 interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<DateValue>, "granularity" | "shouldCloseOnSelect" | "label" | "onBlur"> {

package/dist/{FileUpload-CKYDqroD.d.ts → FileUpload-Cn2Fel_W.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues } from "./form.binding-DWlFTecs.js";
-import { o as FileUploadProps } from "./fileUpload.types-DR6QkhLW.js";
+import { o as FileUploadProps } from "./fileUpload.types-DNAlG2R3.js";
 //#region src/components/inputs/File/FileUpload.d.ts
 declare const FileUploadComponent: <TFieldValues extends FieldValues = FieldValues>(props: FileUploadProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 declare const FileUpload: typeof FileUploadComponent;

package/dist/{FileUpload-uqaBcMUE.js → FileUpload-CnYu5cmB.js}

@@ -1,5 +1,5 @@
 import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
-import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
 import { t as FormField } from "./FormField-ChDNTHr4.js";
 import { n as $cb088e721efb9218$export$3c6489d84dc98b6, r as Upload, t as $1e2864c73f66a4da$export$6fb4a10d2c950550 } from "./FileTrigger-BSzrj50r.js";
 import { t as X } from "./x-BYOEO0gW.js";
@@ -8,7 +8,7 @@ import { _ as $5dc95899b306f630$export$c9058316764c140e } from "./import-CuNJ25E
 import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-CUjKpeKj.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
-import { t as Button } from "./Button-B8T7AjGP.js";
+import { t as Button } from "./Button-CtPMeT8f.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import "./i18n-C2TBJvnh.js";
 import { TextButton } from "./components/text-button.js";

package/dist/{FileUploadContainer-CKBzJJx9.d.ts → FileUploadContainer-Cg1UdVE5.d.ts}

@@ -1,4 +1,4 @@
-import { i as FileUploadContainerProps } from "./fileUpload.types-DR6QkhLW.js";
+import { i as FileUploadContainerProps } from "./fileUpload.types-DNAlG2R3.js";
 //#region src/components/inputs/File/FileUploadContainer.d.ts
 declare const FileUploadContainer: import("react").MemoExoticComponent<(props: FileUploadContainerProps) => import("react/jsx-runtime").JSX.Element>;
 //#endregion

package/dist/{Form-55145o25.d.ts → Form-DsbBBmgz.d.ts}

@@ -1,5 +1,5 @@
 import { c as ZodObject, h as output } from "./schemas-CAtYiHoz.js";
-import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-DeFYIOxM.js";
+import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-CiJNkz3F.js";
 import { c as UIForm, l as UseFormProps, o as FormSubmitErrorHandler, s as FormSubmitHandler } from "./form.binding-DWlFTecs.js";
 import { DependencyList, ReactNode } from "react";
 //#region src/hooks/useAutosave.d.ts

package/dist/{FormField-DYbqlEZ_.d.ts → FormField-CpPQoyv_.d.ts}

@@ -1,5 +1,5 @@
 import { D as DOMAttributes$1, s as InputProps } from "./types-BSiv-Igp.js";
-import { n as InlineIconButtonProps } from "./InlineIconButton-DIpku0ob.js";
+import { n as InlineIconButtonProps } from "./InlineIconButton-DvsOdnfE.js";
 import { n as FieldValues } from "./form.binding-DWlFTecs.js";
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
 import { t as ControlProps } from "./form.types-B9Vp8q2g.js";

package/dist/{InlineIconButton-DIpku0ob.d.ts → InlineIconButton-DvsOdnfE.d.ts}

@@ -1,6 +1,7 @@
 import { t as ButtonProps } from "./types-BSiv-Igp.js";
 import { n as LinkNavigationProps } from "./Link-Bz8vOksk.js";
 import { n as ButtonVariantProps } from "./button.cva-zMNkoZH8.js";
+import "./button-CAOolCjz.js";
 import { FC, ReactElement, RefObject, SVGProps } from "react";
 //#region src/components/buttons/InlineIconButton/InlineIconButton.d.ts
 interface InlineIconButtonProps extends Omit<ButtonProps, "children">, ButtonVariantProps {

package/dist/{InputItem-C_njDXaE.js → InputItem-D4UmXpyc.js}

@@ -1,21 +1,21 @@
 import { t as PasswordInput } from "./PasswordInput-BUZPRoOL.js";
-import { t as Checkbox } from "./Checkbox-B7f8NgnO.js";
-import { t as Slider } from "./Slider-RhB5Rcwv.js";
-import { t as DateRangePicker } from "./DateRangePicker-BELkyFZ3.js";
-import { t as Toggle } from "./Toggle-BZCEmMGO.js";
-import { t as TextArea } from "./TextArea-Dqg717Gx.js";
+import { t as Checkbox } from "./Checkbox-Feyideqw.js";
+import { t as Slider } from "./Slider-YdD68ygp.js";
+import { t as DateRangePicker } from "./DateRangePicker-CnxuqAB1.js";
+import { t as Toggle } from "./Toggle-Bw15KIly.js";
+import { t as TextArea } from "./TextArea-B8TIZZ5i.js";
 import { TextInput } from "./components/text-input.js";
 import { Autocomplete } from "./components/autocomplete.js";
 import { CheckboxGroup } from "./components/checkbox-group.js";
-import { t as DatePicker } from "./DatePicker-p5zEtFfc.js";
-import { t as Select } from "./Select-T4am7u5p.js";
-import { t as DateTimePicker } from "./DateTimePicker-YxEZH7Kk.js";
+import { t as DatePicker } from "./DatePicker-O55fFlKg.js";
+import { t as Select } from "./Select-C_cXfp8z.js";
+import { t as DateTimePicker } from "./DateTimePicker-B39ywgjx.js";
 import { NumberInput } from "./components/number-input.js";
-import { t as NumberRangeInput } from "./NumberRangeInput-vrceL7KX.js";
+import { t as NumberRangeInput } from "./NumberRangeInput-CBM_ycX_.js";
 import { QueryAutocomplete } from "./components/query-autocomplete.js";
 import { QuerySelect } from "./components/query-select.js";
 import { t as Segment } from "./Segment--coTx1BD.js";
-import { t as TimePicker } from "./TimePicker-lAn8yzYJ.js";
+import { t as TimePicker } from "./TimePicker-BY6IMP4p.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/InputItem.tsx

package/dist/{InputUpload-BEda9AO8.js → InputUpload-CAk3IStC.js}

@@ -1,4 +1,4 @@
-import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
 import { t as FormField } from "./FormField-ChDNTHr4.js";
 import { n as $cb088e721efb9218$export$3c6489d84dc98b6, r as Upload, t as $1e2864c73f66a4da$export$6fb4a10d2c950550 } from "./FileTrigger-BSzrj50r.js";
 import { t as X } from "./x-BYOEO0gW.js";
@@ -7,7 +7,7 @@ import { _ as $5dc95899b306f630$export$c9058316764c140e } from "./import-CuNJ25E
 import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-CUjKpeKj.js";
 import { n as cva, t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
-import { t as Button } from "./Button-B8T7AjGP.js";
+import { t as Button } from "./Button-CtPMeT8f.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import "./i18n-C2TBJvnh.js";
 import { TextButton } from "./components/text-button.js";

package/dist/{InputUpload-DzYsyCaU.d.ts → InputUpload-CR7mp6ED.d.ts}

@@ -3,7 +3,7 @@ import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Bd
 import "./button.cva-zMNkoZH8.js";
 import { n as FieldValues } from "./form.binding-DWlFTecs.js";
 import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
-import { n as FormFieldProps } from "./FormField-DYbqlEZ_.js";
+import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
 import { t as InputSizeProps } from "./input.cva-CfgCOIQW.js";
 import { Ref } from "react";
 import { ClassProp } from "class-variance-authority/types";

package/dist/{Inputs-CTywD5sa.js → Inputs-4vWHEAZ1.js}

@@ -1,4 +1,4 @@
-import { t as InputItem } from "./InputItem-C_njDXaE.js";
+import { t as InputItem } from "./InputItem-D4UmXpyc.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/Inputs.tsx
 function Inputs({ form, inputDefs, children }) {

package/dist/{Inputs-P0htzZNM.d.ts → Inputs-CnwGtVmt.d.ts}

@@ -1,5 +1,5 @@
 import { c as ZodObject, h as output } from "./schemas-CAtYiHoz.js";
-import { l as InputDef } from "./dynamicInputs-DeFYIOxM.js";
+import { l as InputDef } from "./dynamicInputs-CiJNkz3F.js";
 import { c as UIForm } from "./form.binding-DWlFTecs.js";
 import { ReactNode } from "react";
 //#region src/components/inputs/Inputs/Inputs.d.ts

package/dist/{Menu-DTiZS3t_.js → Menu-DF3r5ssn.js}

@@ -4,8 +4,8 @@ import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { o as $3674c52c6b3c5bce$export$d9b273488cd8ce6f } from "./Dialog-DpLXaUXz.js";
 import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-oSE-CM83.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as BottomSheet } from "./BottomSheet-DNnVqMw9.js";
-import { t as useBreakpoint } from "./useBreakpoint-D0s71F97.js";
+import { t as BottomSheet } from "./BottomSheet-BNGGxiX7.js";
+import { t as useBreakpoint } from "./useBreakpoint-YuMYUdpG.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/{NumberInput-BGDecs-_.d.ts → NumberInput-Cr_nD98h.d.ts}

@@ -1,7 +1,7 @@
 import { u as NumberFieldProps } from "./types-BSiv-Igp.js";
 import { n as FieldValues } from "./form.binding-DWlFTecs.js";
 import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
-import { n as FormFieldProps, s as InputContentProps } from "./FormField-DYbqlEZ_.js";
+import { n as FormFieldProps, s as InputContentProps } from "./FormField-CpPQoyv_.js";
 import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
 import { FocusEvent, Ref } from "react";
 //#region src/components/inputs/Input/NumberInput/NumberInput.d.ts

package/dist/{NumberRangeInput-vrceL7KX.js → NumberRangeInput-CBM_ycX_.js}

@@ -1,4 +1,4 @@
-import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
 import { r as FormFieldLabel, t as FormField } from "./FormField-ChDNTHr4.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { _ as $5dc95899b306f630$export$c9058316764c140e } from "./import-CuNJ25EP.js";
@@ -7,9 +7,9 @@ import { n as $81397a9303501bda$export$23f548e970bdf099, r as $de67e98908f0c6ee$
 import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "./Input-B4FVIWxn.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
-import { r as InputClear, t as TooltipWrapper } from "./TooltipWrapper-D8gfa-pC.js";
+import { r as InputClear, t as TooltipWrapper } from "./TooltipWrapper-eCF5-eNP.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-pnEcfX_d.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-ClwANfo-.js";
 import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
 import { memo, useEffect, useRef, useState } from "react";
 import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";

package/dist/{NumberRangeInput-CSCG3XbX.d.ts → NumberRangeInput-Dgm-8DFi.d.ts}

@@ -1,7 +1,7 @@
 import { u as NumberFieldProps } from "./types-BSiv-Igp.js";
 import { n as FieldValues } from "./form.binding-DWlFTecs.js";
 import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
-import { n as FormFieldProps } from "./FormField-DYbqlEZ_.js";
+import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
 import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
 import { FocusEvent, HTMLAttributes, Ref } from "react";
 //#region src/components/inputs/Input/NumberRangeInput/NumberRangeField.d.ts

package/dist/{Pagination-faMGUGlG.d.ts → Pagination-BBnE2yzX.d.ts}

@@ -1,4 +1,4 @@
-import { n as PaginationListProps } from "./PaginationList-BLN4DD1o.js";
+import { n as PaginationListProps } from "./PaginationList-DhwiyUOh.js";
 //#region src/components/shared/pagination/Pagination.d.ts
 interface PaginationProps extends Omit<PaginationListProps, "totalPages"> {
   totalItems: number;

package/dist/{PaginationList-DwPkbMEh.js → PaginationList-B27QL6gG.js}

@@ -3,7 +3,7 @@ import { t as ChevronRight } from "./chevron-right-C_M98bh3.js";
 import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-BXdmZ2TS.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { n as cva } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Button } from "./Button-B8T7AjGP.js";
+import { t as Button } from "./Button-CtPMeT8f.js";
 import "./i18n-C2TBJvnh.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{PaginationList-BLN4DD1o.d.ts → PaginationList-DhwiyUOh.d.ts}

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "./Button-B5WLIURl.js";
+import { r as ButtonProps } from "./Button-OxjPE7Hf.js";
 //#region src/components/shared/pagination/PaginationList.d.ts
 interface PaginationListProps {
   page: number;