@povio/ui 3.4.0-rc.43 → 3.4.0-rc.45

package/dist/{Accordion-DonRhvvW.d.ts → Accordion-UtY7wEp-.d.ts}

@@ -1,4 +1,5 @@
-import { x as Key } from "./types-ZbFfCz06.js";
+import { k as Key } from "./types-Dugk_Mie.js";
+import "./types-CaqW-yY5.js";
 import { FC, ReactNode, SVGProps } from "react";
 //#region src/components/navigation/Accordion/accordion.types.d.ts
 interface AccordionItem {

package/dist/{ActionModal-CKS0t-n3.d.ts → ActionModal-CzM2hcr0.d.ts}

@@ -1,5 +1,5 @@
 import { n as ButtonVariantProps } from "./button.cva-zMNkoZH8.js";
-import { n as ModalProps } from "./Modal-BfN_MfR-.js";
+import { n as ModalProps } from "./Modal-4GP9tQLf.js";
 import { r as TypographyPropsCva } from "./Typography-BiHrVFpz.js";
 //#region src/components/overlays/ActionModal/ActionModal.d.ts
 interface ActionModalAction {

package/dist/{Autocomplete-CLcRRdiL.d.ts → Autocomplete-B9GmXJF4.d.ts}

@@ -1,6 +1,7 @@
-import { x as Key } from "./types-ZbFfCz06.js";
+import { k as Key } from "./types-Dugk_Mie.js";
+import "./types-CaqW-yY5.js";
 import { n as FieldValues } from "./form.binding-Cu03pQ8Y.js";
-import { n as GroupedSelectControlProps, o as SelectBaseProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-DD8_4B-r.js";
+import { n as GroupedSelectControlProps, o as SelectBaseProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-DKJuFnvX.js";
 import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
 import { ReactElement } from "react";
 //#region src/components/inputs/Selection/Autocomplete/Autocomplete.d.ts

package/dist/{Breadcrumbs-C46_H95J.d.ts → Breadcrumbs-BLBMJpe1.d.ts}

@@ -1,5 +1,6 @@
-import { x as Key } from "./types-ZbFfCz06.js";
-import { n as LinkNavigationProps } from "./Link-CKi4C00S.js";
+import { k as Key } from "./types-Dugk_Mie.js";
+import "./types-CaqW-yY5.js";
+import { n as LinkNavigationProps } from "./Link-D85-7S3h.js";
 import { FC, SVGProps } from "react";
 //#region src/components/Breadcrumbs/Breadcrumbs.d.ts
 interface BreadcrumbItem {

package/dist/{Button-D0M9lMOR.d.ts → Button-DZZporg_.d.ts}

@@ -1,7 +1,7 @@
-import { _ as ToggleButtonProps$1, t as ButtonProps$1 } from "./types-ZbFfCz06.js";
-import { n as LinkNavigationProps } from "./Link-CKi4C00S.js";
+import { _ as ToggleButtonProps$1, t as ButtonProps$1 } from "./types-CaqW-yY5.js";
+import { n as LinkNavigationProps } from "./Link-D85-7S3h.js";
 import { n as ButtonVariantProps } from "./button.cva-zMNkoZH8.js";
-import "./button-BQmy1LZS.js";
+import "./button-COs7mrbm.js";
 import { t as ButtonContentVariantProps } from "./buttonContent.cva-CIOaLH0a.js";
 import { FC, ReactElement, ReactNode, Ref, SVGProps } from "react";
 //#region src/components/buttons/Button/Button.d.ts

package/dist/{Calendar-BaGjTLHS.js → Calendar-H9E8lACh.js}

@@ -2,7 +2,7 @@ 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 { t as ChevronUp } from "./chevron-up-CHRnDSA3.js";
-import { i as CalendarGrid } from "./DatePickerInput-Bo0qxUEY.js";
+import { i as CalendarGrid } from "./DatePickerInput-DcPW7kKS.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, h as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-D-KKbY-n.js";
 import { t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";

package/dist/{Checkbox-B2wOgOCL.js → Checkbox-Bg_KpTR1.js}

@@ -389,7 +389,10 @@ const CheckboxComponent = (props) => {
 				...innerProps,
 				ref: $5dc95899b306f630$export$c9058316764c140e(ref, field.ref),
 				isSelected: field.value,
-				onChange: field.onChange,
+				onChange: (value) => {
+					field.onChange(value);
+					field.onBlur();
+				},
 				onBlur: field.onBlur,
 				name: field.name,
 				isDirty,

package/dist/{Checkbox-DC_1l0o7.d.ts → Checkbox-JJwUwUxc.d.ts}

@@ -1,4 +1,4 @@
-import { r as CheckboxProps$1 } from "./types-ZbFfCz06.js";
+import { r as CheckboxProps$1 } from "./types-CaqW-yY5.js";
 import { n as FieldValues } from "./form.binding-Cu03pQ8Y.js";
 import { t as CheckboxVariantProps } from "./checkbox.cva-Caaf2Ysq.js";
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";

package/dist/{CheckboxGroup-DnWeRs5l.d.ts → CheckboxGroup-Cw-SKIqN.d.ts}

@@ -1,8 +1,8 @@
-import { n as CheckboxGroupProps$1 } from "./types-ZbFfCz06.js";
+import { n as CheckboxGroupProps$1 } from "./types-CaqW-yY5.js";
 import { n as FieldValues } from "./form.binding-Cu03pQ8Y.js";
 import { t as CheckboxVariantProps } from "./checkbox.cva-Caaf2Ysq.js";
 import { t as ControlProps } from "./form.types-qEwMTXTZ.js";
-import { n as FormFieldProps } from "./FormField-Iy2O8A4g.js";
+import { n as FormFieldProps } from "./FormField-BuKYUy28.js";
 import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
 import { ReactElement, Ref } from "react";
 //#region src/components/inputs/Checkbox/CheckboxGroup.d.ts

package/dist/{DatePicker-aWuhaUgu.d.ts → DatePicker-DAd7ncHf.d.ts}

@@ -1,9 +1,9 @@
-import { y as DatePickerStateOptions } from "./types-ZbFfCz06.js";
+import { y as DatePickerStateOptions } from "./types-CaqW-yY5.js";
 import { n as FieldValues } from "./form.binding-Cu03pQ8Y.js";
 import { t as ControlProps } from "./form.types-qEwMTXTZ.js";
-import { n as FormFieldProps } from "./FormField-Iy2O8A4g.js";
+import { n as FormFieldProps } from "./FormField-BuKYUy28.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-B7yVoI9Y.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CusTFCKQ.js";
 import { FocusEvent, Ref } from "react";
 import { CalendarDate, DateValue } from "@internationalized/date";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.d.ts
@@ -24,11 +24,12 @@ interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<Da
   placeholder?: string;
   inputClassName?: string;
   onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+  onValueCommit?: () => void;
   shouldUpdateDateOnMonthYearChange?: boolean;
   granularity?: DatePickerGranularity;
   format?: string;
 }
-interface DatePickerProps extends Omit<DatePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue"> {
+interface DatePickerProps extends Omit<DatePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue" | "onValueCommit"> {
   value?: string | null;
   onChange?: (value: string | null) => void;
   fullIso?: boolean;

package/dist/{DatePicker-Dqr0s7MF.js → DatePicker-DyAL-7Ze.js}

@@ -1,10 +1,10 @@
 import { t as UIConfig } from "./uiConfig.context-BG4jfp9p.js";
-import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-Bo0qxUEY.js";
+import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-DcPW7kKS.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { f as $5dc95899b306f630$export$c9058316764c140e } from "./utils-D-KKbY-n.js";
 import { d as useCalendarState, i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-Cefwvojy.js";
 import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
-import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-BaGjTLHS.js";
+import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-H9E8lACh.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { t as FormField } from "./FormField-Cl-t5Wi1.js";
@@ -18,7 +18,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.tsx
 const DatePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
-	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDirty, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, placeholder, inputClassName, as: asProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, granularity: granularityProp, autoFixYear: autoFixYearProp, format, ...rest } = props;
+	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDirty, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, placeholder, inputClassName, as: asProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, granularity: granularityProp, autoFixYear: autoFixYearProp, format, onValueCommit, ...rest } = props;
 	const as = asProp ?? ui.input.as;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const variant = variantProp ?? ui.input.variant;
@@ -128,6 +128,7 @@ const DatePickerBase = (props) => {
 	const onApply = () => {
 		const newValue = dialogState.value ? normalizeByGranularity(dialogState.value) : dialogState.value;
 		state.setValue(newValue);
+		onValueCommit?.();
 		state.toggle();
 	};
 	const onMonthYearChange = (selectedDate) => {
@@ -151,6 +152,7 @@ const DatePickerBase = (props) => {
 	const onInputClear = () => {
 		onChange?.(null);
 		dialogState.setValue(null);
+		onValueCommit?.();
 	};
 	const syncDialogFromControlledValue = () => {
 		dialogState.setValue(state.value);
@@ -234,7 +236,8 @@ const DatePickerBase = (props) => {
 				dateGranularity: granularity,
 				format,
 				timeZone: effectiveTimeZone,
-				onClear: onInputClear
+				onClear: onInputClear,
+				onValueCommit
 			}), (!disableDropdown || disableManualEntry) && state.isOpen && /* @__PURE__ */ jsx(DateTimeDialog, {
 				footer: /* @__PURE__ */ jsx(DateTimeDialogFooter, {
 					isDisabled,
@@ -343,7 +346,10 @@ const DatePickerInner = ({ fullIso = true, granularity = "day", minValue, maxVal
 		});
 		return /* @__PURE__ */ jsx(InputFrame, {
 			...props,
-			onClear: () => props.onChange?.(null),
+			onClear: () => {
+				props.onChange?.(null);
+				props.onValueCommit?.();
+			},
 			isDisabled,
 			className: clsx("group relative inline-flex w-full flex-col text-left", props.className),
 			inputClassName: clsx("min-w-input-width-min-width", props.inputClassName),
@@ -399,6 +405,7 @@ const DatePickerComponent = ({ fullIso = true, granularity = "day", minValue, ma
 				ref: $5dc95899b306f630$export$c9058316764c140e(ref, field.ref),
 				value: field.value ?? null,
 				onChange: (value) => field.onChange(value ?? null),
+				onValueCommit: field.onBlur,
 				onBlur: field.onBlur,
 				isDirty,
 				isDisabled: field.disabled || props.isDisabled,

package/dist/{DatePickerInput-B7yVoI9Y.d.ts → DatePickerInput-CusTFCKQ.d.ts}

@@ -1,6 +1,6 @@
-import "./types-BT18i837.js";
-import { n as IconButtonProps } from "./IconButton-CUpL6CsP.js";
-import "./FormField-Iy2O8A4g.js";
+import "./types-Dugk_Mie.js";
+import { n as IconButtonProps } from "./IconButton-Drlnq7ik.js";
+import "./FormField-BuKYUy28.js";
 import "./input.cva-CfgCOIQW.js";
 import { ReactNode, Ref } from "react";
 //#region src/components/inputs/DateTime/shared/datePicker.types.d.ts

package/dist/{DatePickerInput-Bo0qxUEY.js → DatePickerInput-DcPW7kKS.js}

@@ -421,7 +421,7 @@ const renderDatePickerTodayIcon = (todayIcon, options) => {
 };
 //#endregion
 //#region src/components/inputs/DateTime/shared/DatePickerInput.tsx
-const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize = "none", todayIconButtonComponent, todayIconPlacement = "content", isDirty, isRequired, disableManualEntry, autoFixYear = false, placeholder, displayContent, className, onOpenDropdown, dateGranularity = "day", timeZone: timeZoneProp, isTimeOptional = false, format, onClear: onClearProp, ...props }) => {
+const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize = "none", todayIconButtonComponent, todayIconPlacement = "content", isDirty, isRequired, disableManualEntry, autoFixYear = false, placeholder, displayContent, className, onOpenDropdown, dateGranularity = "day", timeZone: timeZoneProp, isTimeOptional = false, format, onClear: onClearProp, onValueCommit, ...props }) => {
 	const uiConfig = UIConfig.useConfig();
 	const timeZone = timeZoneProp ?? uiConfig.dateInput.timeZone;
 	let effectiveTimeZone = getLocalTimeZone();
@@ -488,6 +488,7 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 			fieldProps.onChange?.(today(effectiveTimeZone));
 			if (endFieldProps) endFieldProps.onChange?.(today(effectiveTimeZone));
 		}
+		onValueCommit?.();
 	};
 	const hidePlaceholder = as === "floating" && !fieldProps.value && !isFocused;
 	const todayIconButton = renderDatePickerTodayIcon(todayIcon, {

package/dist/{DateRangePicker-DpKWDDlC.d.ts → DateRangePicker-CMbIzR3m.d.ts}

@@ -1,10 +1,10 @@
-import { f as DateValue$1 } from "./types-BT18i837.js";
-import { b as DateRangePickerStateOptions } from "./types-ZbFfCz06.js";
+import { y as DateValue$1 } from "./types-Dugk_Mie.js";
+import { b as DateRangePickerStateOptions } from "./types-CaqW-yY5.js";
 import { n as FieldValues } from "./form.binding-Cu03pQ8Y.js";
 import { t as ControlProps } from "./form.types-qEwMTXTZ.js";
-import { n as FormFieldProps } from "./FormField-Iy2O8A4g.js";
+import { n as FormFieldProps } from "./FormField-BuKYUy28.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-B7yVoI9Y.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CusTFCKQ.js";
 import { FocusEvent, Ref } from "react";
 import { CalendarDate } from "@internationalized/date";
 //#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts
@@ -25,6 +25,7 @@ interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Om
   placeholder?: string;
   inputClassName?: string;
   onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+  onValueCommit?: () => void;
   allowPartialRange?: boolean;
   mode?: "absolute" | "relative";
   relativeValue?: string | null;
@@ -50,7 +51,7 @@ interface DateRangeResolvedValue {
   start: string;
   end: string;
 }
-interface DateRangePickerSharedProps extends Omit<DateRangePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue" | "mode" | "relativeValue" | "relativeOptions" | "onRelativeChange" | "onModeChange"> {
+interface DateRangePickerSharedProps extends Omit<DateRangePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue" | "mode" | "relativeValue" | "relativeOptions" | "onRelativeChange" | "onModeChange" | "onValueCommit"> {
   fullIso?: boolean;
   minValue?: DateValue$1 | string;
   maxValue?: DateValue$1 | string;

package/dist/{DateRangePicker-D1PkqO8w.js → DateRangePicker-CNkQIrwx.js}

@@ -3,7 +3,7 @@ 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 { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-Bo0qxUEY.js";
+import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-DcPW7kKS.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $5dc95899b306f630$export$c9058316764c140e, h as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-D-KKbY-n.js";
 import { t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";
@@ -15,7 +15,7 @@ import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dN
 import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
 import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-tBB7tXBj.js";
 import { n as $e5be200c675c3b3a$export$a763b9476acd3eb, r as $e5be200c675c3b3a$export$dad6ae84456c676a, t as $e5be200c675c3b3a$export$75ee7c75d68f5b0e } from "./useFormValidationState-Bpry7Uk5.js";
-import { t as Toggle } from "./Toggle-D6xtL9WV.js";
+import { t as Toggle } from "./Toggle-Cf8jQ991.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
@@ -26,7 +26,7 @@ import "./i18n-BDjNuy4Z.js";
 import { t as TooltipWrapper } from "./TooltipWrapper-_N-GOMaV.js";
 import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-F7xAex_x.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
-import { t as Select } from "./Select-BbSEcaKE.js";
+import { t as Select } from "./Select-DPG_tS7y.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";
@@ -541,7 +541,7 @@ const hydrateRelativeDateRangeValue = (value, currentDate = today(getLocalTimeZo
 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, mode = "absolute", relativeValue, relativeOptions = [], onRelativeChange, enableRelativeMode, onModeChange, minValue, maxValue, ...rest } = props;
+	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, onValueCommit, 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, enableRelativeMode, onModeChange, minValue, maxValue, ...rest } = props;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const variant = variantProp ?? ui.input.variant;
 	const as = asProp ?? ui.input.as;
@@ -930,6 +930,7 @@ const DateRangePickerBase = (props) => {
 			const preset = presets.find((option) => option.value === activePreset);
 			handledRelativeValueRef.current = activePreset;
 			onRelativeChange?.(activePreset, preset?.clampedValue ?? null);
+			onValueCommit?.();
 			state.toggle();
 			return;
 		}
@@ -946,6 +947,7 @@ const DateRangePickerBase = (props) => {
 			}
 		}
 		state.toggle();
+		onValueCommit?.();
 	};
 	const onTodayPress = () => {
 		const todayDate = today(effectiveTimeZone);
@@ -966,6 +968,7 @@ const DateRangePickerBase = (props) => {
 			setActivePreset(null);
 			handledRelativeValueRef.current = null;
 			onRelativeChange?.(null, null);
+			onValueCommit?.();
 			return;
 		}
 		fieldRangeRef.current = null;
@@ -979,6 +982,7 @@ const DateRangePickerBase = (props) => {
 			isSelecting: false
 		});
 		setHoverDate(null);
+		onValueCommit?.();
 	};
 	const syncSelectionFromControlledValue = () => {
 		if (mode === "relative") {
@@ -1193,7 +1197,8 @@ const DateRangePickerBase = (props) => {
 				className: inputClassName,
 				onOpenDropdown,
 				timeZone: effectiveTimeZone,
-				onClear: onInputClear
+				onClear: onInputClear,
+				onValueCommit
 			}), /* @__PURE__ */ jsx(DateTimeDialog, {
 				hideSidebar,
 				sidebar: /* @__PURE__ */ jsxs("div", {
@@ -1398,6 +1403,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
 			onClear: () => {
 				props.onChange?.(null);
 				props.onRelativeChange?.(null);
+				props.onValueCommit?.();
 			},
 			isDisabled,
 			className: clsx("group relative inline-flex w-full flex-col text-left", props.className),
@@ -1479,6 +1485,7 @@ const DateRangePickerComponent = ({ fullIso = true, minValue, maxValue, renderSt
 				value: field.value ?? null,
 				onChange: (value) => field.onChange(value ?? null),
 				onBlur: field.onBlur,
+				onValueCommit: field.onBlur,
 				isDirty,
 				isDisabled: field.disabled || props.isDisabled,
 				isFormControlDisabled: !!controlWithOptions._options?.disabled,

package/dist/{DateTimePicker-n76c12_d.js → DateTimePicker-C6RmNdPP.js}

@@ -1,10 +1,10 @@
 import { t as UIConfig } from "./uiConfig.context-BG4jfp9p.js";
-import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-Bo0qxUEY.js";
+import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-DcPW7kKS.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { f as $5dc95899b306f630$export$c9058316764c140e } from "./utils-D-KKbY-n.js";
 import { d as useCalendarState, i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog } from "./staticDateTimeSegments-Cefwvojy.js";
 import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
-import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-BaGjTLHS.js";
+import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-H9E8lACh.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { t as FormField } from "./FormField-Cl-t5Wi1.js";
@@ -18,7 +18,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.tsx
 const DateTimePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
-	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, isTimeOptional, placeholder, inputClassName, shouldShrinkInput, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, timeZone: timeZoneProp, autoFixYear: autoFixYearProp, format, setDateValueOnDateSelection: setDateValueOnDateSelectionProp, ...rest } = props;
+	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, onValueCommit, value, disableDropdown, isTimeOptional, placeholder, inputClassName, shouldShrinkInput, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, timeZone: timeZoneProp, autoFixYear: autoFixYearProp, format, setDateValueOnDateSelection: setDateValueOnDateSelectionProp, ...rest } = props;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const variant = variantProp ?? ui.input.variant;
 	const as = asProp ?? ui.input.as;
@@ -121,6 +121,7 @@ const DateTimePickerBase = (props) => {
 		const newValue = dialogState.value ?? null;
 		onChange?.(newValue);
 		dialogState.setValue(newValue);
+		onValueCommit?.();
 		state.close();
 	};
 	const onMonthYearChange = (selectedDate) => {
@@ -146,6 +147,7 @@ const DateTimePickerBase = (props) => {
 	const onInputClear = () => {
 		onChange?.(null);
 		dialogState.setValue(null);
+		onValueCommit?.();
 	};
 	const syncDialogFromControlledValue = () => {
 		dialogState.setValue(state.value);
@@ -216,7 +218,8 @@ const DateTimePickerBase = (props) => {
 				timeZone: effectiveTimeZone,
 				isTimeOptional,
 				format,
-				onClear: onInputClear
+				onClear: onInputClear,
+				onValueCommit
 			}), (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(DateTimeDialog, {
 				footer: /* @__PURE__ */ jsx(DateTimeDialogFooter, {
 					isDisabled,
@@ -305,7 +308,10 @@ const DateTimePickerInner = ({ fullIso: _fullIso = true, renderStaticInput, isFo
 		});
 		return /* @__PURE__ */ jsx(InputFrame, {
 			...props,
-			onClear: () => props.onChange?.(null),
+			onClear: () => {
+				props.onChange?.(null);
+				props.onValueCommit?.();
+			},
 			isDisabled,
 			className: clsx("group relative inline-flex w-full flex-col text-left", props.className),
 			inputClassName: clsx(props.shouldShrinkInput ? "min-w-0" : "min-w-input-width-min-width", props.inputClassName),
@@ -360,6 +366,7 @@ const DateTimePickerComponent = ({ fullIso = true, renderStaticInput, ...props }
 				value: field.value ?? null,
 				onChange: (value) => field.onChange(value ?? null),
 				onBlur: field.onBlur,
+				onValueCommit: field.onBlur,
 				isDirty,
 				isDisabled: field.disabled || props.isDisabled,
 				isFormControlDisabled: !!controlWithOptions._options?.disabled,

package/dist/{DateTimePicker-BoTa_gTC.d.ts → DateTimePicker-Dc6_5X1V.d.ts}

@@ -1,10 +1,10 @@
-import { f as DateValue } from "./types-BT18i837.js";
-import { y as DatePickerStateOptions } from "./types-ZbFfCz06.js";
+import { y as DateValue } from "./types-Dugk_Mie.js";
+import { y as DatePickerStateOptions } from "./types-CaqW-yY5.js";
 import { n as FieldValues } from "./form.binding-Cu03pQ8Y.js";
 import { t as ControlProps } from "./form.types-qEwMTXTZ.js";
-import { n as FormFieldProps } from "./FormField-Iy2O8A4g.js";
+import { n as FormFieldProps } from "./FormField-BuKYUy28.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-B7yVoI9Y.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CusTFCKQ.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"> {
@@ -28,8 +28,9 @@ interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omi
   timeZone?: string;
   format?: string;
   onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+  onValueCommit?: () => void;
 }
-interface DateTimePickerProps extends Omit<DateTimePickerBaseProps, "value" | "onChange"> {
+interface DateTimePickerProps extends Omit<DateTimePickerBaseProps, "value" | "onChange" | "onValueCommit"> {
   value?: string | null;
   onChange?: (value: string | null) => void;
   fullIso?: boolean;

package/dist/{FileUpload-Czof_aOb.d.ts → FileUpload-B7gn4UwN.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues } from "./form.binding-Cu03pQ8Y.js";
-import { o as FileUploadProps } from "./fileUpload.types-ZUblxJUi.js";
+import { o as FileUploadProps } from "./fileUpload.types-DFg9wCbc.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-Bcr-CMDM.js → FileUpload-D_kEAfO0.js}

@@ -569,7 +569,7 @@ const fileUploadDropZoneDefinition = UIOverrides.defineConfig({
 //#region src/components/inputs/File/FileUpload.tsx
 const FileUploadBase = (props) => {
 	const { t } = useTranslation("ui");
-	const { ref: _ref, label, tooltipText, variant = "vertical", as = "button", helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, allowsMultiple = false, hideLabel, acceptedFileTypes, clearOnSuccess, emptyText = t(($) => $.ui.fileUpload.emptyText), uploadText = t(($) => $.ui.fileUpload.uploadText), browseText = t(($) => $.ui.fileUpload.browse), fileUpload, fileRemove, children, listRenderer, browseButtonProps, cancelButtonProps, onInvalidFileType, defaultState, ...rest } = props;
+	const { ref: _ref, label, tooltipText, variant = "vertical", as = "button", helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, allowsMultiple = false, hideLabel, acceptedFileTypes, clearOnSuccess, emptyText = t(($) => $.ui.fileUpload.emptyText), uploadText = t(($) => $.ui.fileUpload.uploadText), browseText = t(($) => $.ui.fileUpload.browse), fileUpload, fileRemove, children, listRenderer, browseButtonProps, cancelButtonProps, onInvalidFileType, onChange, defaultState, ...rest } = props;
 	const ui = UIConfig.useConfig();
 	const fileUploadDropZoneCva = UIOverrides.useCva("fileUpload.dropZoneCva", fileUploadDropZoneDefinition);
 	const getInitialState = () => {
@@ -585,6 +585,10 @@ const FileUploadBase = (props) => {
 		return allowsMultiple ? items : items.slice(0, 1);
 	};
 	const [uploadState, setUploadState] = useState(getInitialState);
+	const emitFiles = useCallback((files) => {
+		if (allowsMultiple) onChange?.(files);
+		else onChange?.(files[0] ?? null);
+	}, [allowsMultiple, onChange]);
 	const formFieldProps = {
 		error,
 		label,
@@ -603,7 +607,10 @@ const FileUploadBase = (props) => {
 		const invalidFiles = inputFiles.filter((file) => !FileUtils.isFileTypeAccepted(file, acceptedFileTypes));
 		if (invalidFiles.length > 0) if (allowsMultiple) onInvalidFileType?.(invalidFiles.map((file) => file.name));
 		else onInvalidFileType?.(invalidFiles[0].name);
-		if (acceptedFiles.length === 0 || !fileUpload) return;
+		if (acceptedFiles.length === 0) return;
+		const existingFiles = allowsMultiple ? uploadState.flatMap((state) => state.file ? [state.file] : []) : [];
+		emitFiles([...existingFiles, ...acceptedFiles]);
+		if (!fileUpload) return;
 		if (!allowsMultiple) setUploadState([]);
 		const newUploadState = [];
 		acceptedFiles.forEach((file) => {
@@ -643,9 +650,14 @@ const FileUploadBase = (props) => {
 					id: res.id
 				} : state));
 			});
-			if (clearOnSuccess) setUploadState([]);
+			if (clearOnSuccess) {
+				setUploadState([]);
+				emitFiles([]);
+			}
 		} catch (error) {
-			setUploadState((prev) => prev.filter((_, i) => i < startIndex));
+			const remainingState = uploadState.slice(0, startIndex);
+			setUploadState(remainingState);
+			emitFiles(remainingState.flatMap((state) => state.file ? [state.file] : []));
 			throw error;
 		}
 	};
@@ -665,15 +677,23 @@ const FileUploadBase = (props) => {
 	};
 	const handleRemove = useCallback((id) => {
 		fileRemove?.({ id });
-		setUploadState((prev) => prev.filter((state) => state.id !== id));
-	}, [fileRemove]);
+		const remainingState = uploadState.filter((state) => state.id !== id);
+		setUploadState(remainingState);
+		emitFiles(remainingState.flatMap((state) => state.file ? [state.file] : []));
+	}, [
+		emitFiles,
+		fileRemove,
+		uploadState
+	]);
 	const handleCancelUpload = useCallback((index) => {
 		const findState = uploadState[index];
 		if (findState) {
 			findState.abortController?.abort("canceled by user");
-			setUploadState((prev) => prev.filter((_, i) => i !== index));
+			const remainingState = uploadState.filter((_, i) => i !== index);
+			setUploadState(remainingState);
+			emitFiles(remainingState.flatMap((state) => state.file ? [state.file] : []));
 		}
-	}, [uploadState]);
+	}, [emitFiles, uploadState]);
 	return /* @__PURE__ */ jsxs(FormField, {
 		...formFieldProps,
 		labelProps,
@@ -753,7 +773,10 @@ const FileUploadComponent = (props) => {
 				...innerProps,
 				ref: $5dc95899b306f630$export$c9058316764c140e(ref, field.ref),
 				value: field.value,
-				onChange: field.onChange,
+				onChange: ((value) => {
+					field.onChange(value);
+					field.onBlur();
+				}),
 				isDisabled: field.disabled || props.isDisabled,
 				error: props.error ?? error?.message
 			})

package/dist/{FileUploadContainer--YlhZO19.d.ts → FileUploadContainer-C4PRM8Io.d.ts}

@@ -1,4 +1,4 @@
-import { i as FileUploadContainerProps } from "./fileUpload.types-ZUblxJUi.js";
+import { i as FileUploadContainerProps } from "./fileUpload.types-DFg9wCbc.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-BjwyXqkN.d.ts → Form-CQRpe7ZJ.d.ts}

@@ -1,5 +1,5 @@
 import { c as UIForm, l as UseFormProps, o as FormSubmitErrorHandler, s as FormSubmitHandler } from "./form.binding-Cu03pQ8Y.js";
-import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-p4ATehFR.js";
+import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-2kB0x8BT.js";
 import { DependencyList, ReactNode } from "react";
 import { z } from "zod";
 //#region src/hooks/useAutosave.d.ts

package/dist/{FormField-Iy2O8A4g.d.ts → FormField-BuKYUy28.d.ts}

@@ -1,4 +1,4 @@
-import { c as DOMAttributes$1 } from "./index-DCUSluLL.js";
+import { v as DOMAttributes$1 } from "./index-CXUySbXH.js";
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
 import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
 import { FocusEventHandler, LabelHTMLAttributes, MouseEventHandler, PropsWithChildren, ReactNode, Ref } from "react";

package/dist/{IconButton-CUpL6CsP.d.ts → IconButton-Drlnq7ik.d.ts}

@@ -1,5 +1,5 @@
-import { t as ButtonProps } from "./types-ZbFfCz06.js";
-import { n as LinkNavigationProps } from "./Link-CKi4C00S.js";
+import { t as ButtonProps } from "./types-CaqW-yY5.js";
+import { n as LinkNavigationProps } from "./Link-D85-7S3h.js";
 import { n as ButtonVariantProps } from "./button.cva-zMNkoZH8.js";
 import { FC, ReactElement, SVGProps } from "react";
 //#region src/components/buttons/IconButton/IconButton.d.ts

package/dist/{InlineIconButton-AQ8SViM3.d.ts → InlineIconButton-C7_CmWFj.d.ts}

@@ -1,7 +1,7 @@
-import { t as ButtonProps } from "./types-ZbFfCz06.js";
-import { n as LinkNavigationProps } from "./Link-CKi4C00S.js";
+import { t as ButtonProps } from "./types-CaqW-yY5.js";
+import { n as LinkNavigationProps } from "./Link-D85-7S3h.js";
 import { n as ButtonVariantProps } from "./button.cva-zMNkoZH8.js";
-import "./button-BQmy1LZS.js";
+import "./button-COs7mrbm.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/{InputContent-jcMfOzpN.d.ts → InputContent-DguS6x2Q.d.ts}

@@ -1,5 +1,5 @@
-import { n as InlineIconButtonProps } from "./InlineIconButton-AQ8SViM3.js";
-import { r as FormFieldHeaderProps } from "./FormField-Iy2O8A4g.js";
+import { n as InlineIconButtonProps } from "./InlineIconButton-C7_CmWFj.js";
+import { r as FormFieldHeaderProps } from "./FormField-BuKYUy28.js";
 import "./input.cva-CfgCOIQW.js";
 import { FC, FocusEvent, ReactElement, ReactNode, SVGProps } from "react";
 //#region src/components/inputs/Input/shared/InputContent.d.ts