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

package/dist/{Calendar-KJOP6Bcq.js → Calendar-BaGjTLHS.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-CvrlkpEN.js";
+import { i as CalendarGrid } from "./DatePickerInput-Bo0qxUEY.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-B-0yFzun.js → Checkbox-B2wOgOCL.js}

@@ -15,7 +15,7 @@ import { t as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-BVczUvgv
 import { t as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-BTtw_Syz.js";
 import { n as $ee014567cb39d3f0$export$ff05c3ac10437e03, t as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-CKUcoaMX.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { t as FormFieldError } from "./FormFieldError-CFg0Wn3i.js";
 import { t as CheckContent } from "./CheckContent-DzWpxKGq.js";
 import $HgANd$react, { createContext, forwardRef, memo, useContext, useEffect, useMemo, useRef, useState } from "react";

package/dist/{DatePicker-DGwt7GCK.js → DatePicker-Dqr0s7MF.js}

@@ -1,15 +1,15 @@
 import { t as UIConfig } from "./uiConfig.context-BG4jfp9p.js";
-import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-CvrlkpEN.js";
+import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-Bo0qxUEY.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-KJOP6Bcq.js";
+import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-BaGjTLHS.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { t as FormField } from "./FormField-Cl-t5Wi1.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-CoRIizbz.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-9V4kd391.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 normalizeDatePickerValue } from "./datePickerValue.utils-DtR1CyuD.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";

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

@@ -11,8 +11,8 @@ import { t as Typography } from "./Typography-AcUd9df8.js";
 import { IconButton } from "./components/icon-button.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import { r as FormFieldLabel } from "./FormField-Cl-t5Wi1.js";
-import { n as InputClear } from "./TooltipWrapper-CoRIizbz.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
+import { n as InputClear } from "./TooltipWrapper-_N-GOMaV.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";

package/dist/{DateRangePicker-DtYmxrBu.js → DateRangePicker-D1PkqO8w.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-CvrlkpEN.js";
+import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-Bo0qxUEY.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,18 +15,18 @@ 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-Dr7TQZ93.js";
+import { t as Toggle } from "./Toggle-D6xtL9WV.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";
 import { PillButton } from "./components/pill-button.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { t as FormField } from "./FormField-Cl-t5Wi1.js";
 import "./i18n-BDjNuy4Z.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-CoRIizbz.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-9V4kd391.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-CEAQyS48.js";
+import { t as Select } from "./Select-BbSEcaKE.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";

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

@@ -1,15 +1,15 @@
 import { t as UIConfig } from "./uiConfig.context-BG4jfp9p.js";
-import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-CvrlkpEN.js";
+import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-Bo0qxUEY.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-KJOP6Bcq.js";
+import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-BaGjTLHS.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { t as FormField } from "./FormField-Cl-t5Wi1.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-CoRIizbz.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-9V4kd391.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 normalizeDatePickerValue } from "./datePickerValue.utils-DtR1CyuD.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";

package/dist/{FileUpload-DR9qkDTO.js → FileUpload-Bcr-CMDM.js}

@@ -10,7 +10,7 @@ import { t as Typography } from "./Typography-AcUd9df8.js";
 import { t as Button } from "./Button-7HZojyTP.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import { TextButton } from "./components/text-button.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { t as FormField } from "./FormField-Cl-t5Wi1.js";
 import "./i18n-BDjNuy4Z.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";

package/dist/{InputItem-DfNvJtim.js → InputItem-DL_Cid7l.js}

@@ -1,21 +1,21 @@
 import { t as PasswordInput } from "./PasswordInput-CMKZF3YS.js";
-import { t as Checkbox } from "./Checkbox-B-0yFzun.js";
-import { t as Slider } from "./Slider-DeLVCO-2.js";
-import { t as DateRangePicker } from "./DateRangePicker-DtYmxrBu.js";
-import { t as Toggle } from "./Toggle-Dr7TQZ93.js";
-import { t as TextArea } from "./TextArea-Dj2wKadV.js";
+import { t as Checkbox } from "./Checkbox-B2wOgOCL.js";
+import { t as Slider } from "./Slider-CTCbpRE-.js";
+import { t as DateRangePicker } from "./DateRangePicker-D1PkqO8w.js";
+import { t as Toggle } from "./Toggle-D6xtL9WV.js";
+import { t as TextArea } from "./TextArea-Bm3QhIRz.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-DGwt7GCK.js";
-import { t as Select } from "./Select-CEAQyS48.js";
-import { t as DateTimePicker } from "./DateTimePicker-B3j96T4e.js";
+import { t as DatePicker } from "./DatePicker-Dqr0s7MF.js";
+import { t as Select } from "./Select-BbSEcaKE.js";
+import { t as DateTimePicker } from "./DateTimePicker-n76c12_d.js";
 import { NumberInput } from "./components/number-input.js";
-import { t as NumberRangeInput } from "./NumberRangeInput-DVBv04ap.js";
+import { t as NumberRangeInput } from "./NumberRangeInput-CVHJUFI8.js";
 import { QueryAutocomplete } from "./components/query-autocomplete.js";
 import { QuerySelect } from "./components/query-select.js";
-import { t as Segment } from "./Segment-DBEeDt5Z.js";
-import { t as TimePicker } from "./TimePicker-BPLc1Uv5.js";
+import { t as Segment } from "./Segment-BnyGK1kI.js";
+import { t as TimePicker } from "./TimePicker-B3kbwCA-.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/InputItem.tsx

package/dist/{InputUpload-DiSrhJaH.js → InputUpload-bfrkozjp.js}

@@ -9,7 +9,7 @@ import { t as Typography } from "./Typography-AcUd9df8.js";
 import { t as Button } from "./Button-7HZojyTP.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import { TextButton } from "./components/text-button.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { t as FormField } from "./FormField-Cl-t5Wi1.js";
 import "./i18n-BDjNuy4Z.js";
 import { a as inputSizeDefinition } from "./input.cva-KYGD4Bdz.js";

package/dist/{Inputs-CO_mXGA2.js → Inputs-g1acoSBO.js}

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

package/dist/{NumberRangeInput-DVBv04ap.js → NumberRangeInput-CVHJUFI8.js}

@@ -5,11 +5,11 @@ import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZL
 import { n as $81397a9303501bda$export$23f548e970bdf099, r as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, t as getStaticNumberDisplayValue } from "./numberStatic.utils-DcnGigJ6.js";
 import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "./Input-BefLtZJe.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { r as FormFieldLabel, t as FormField } from "./FormField-Cl-t5Wi1.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CoRIizbz.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-9V4kd391.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-_N-GOMaV.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-F7xAex_x.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/{RadioGroup-D5BR8ToV.js → RadioGroup-Bk9DY-yK.js}

@@ -17,7 +17,7 @@ import { n as $ee014567cb39d3f0$export$ff05c3ac10437e03, t as $d3e0e05bdfcf66bd$
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { r as FormFieldLabel, t as FormField } from "./FormField-Cl-t5Wi1.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
 import { t as CheckContent } from "./CheckContent-DzWpxKGq.js";

package/dist/{Segment-DBEeDt5Z.js → Segment-BnyGK1kI.js}

@@ -3,7 +3,7 @@ import { f as $5dc95899b306f630$export$c9058316764c140e } from "./utils-D-KKbY-n
 import { i as $4547d1bf40011fdf$export$dd5580ae642f110f, n as $84b7d8702d4ff4a8$export$40258cc1d95ff477, r as $ad999b7f496648d1$export$8deac67f4addf270, t as $efde0372d7a700fe$export$d2b052e7b4be1756 } from "./ToggleButton-C01P8reg.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { t as FormField } from "./FormField-Cl-t5Wi1.js";
 import { Fragment, useRef } from "react";
 import { c } from "react/compiler-runtime";

package/dist/{Select-CEAQyS48.js → Select-BbSEcaKE.js}

@@ -1,11 +1,11 @@
 import { t as UIConfig } from "./uiConfig.context-BG4jfp9p.js";
-import { l as selectInputTagsContentWrapperDefinition, n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "./staticSelect.utils-C_e1tJ3T.js";
+import { l as selectInputTagsContentWrapperDefinition, n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "./staticSelect.utils-Cx4WnLIX.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { f as $5dc95899b306f630$export$c9058316764c140e } from "./utils-D-KKbY-n.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-9V4kd391.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-F7xAex_x.js";
 import { memo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/Select/Select.tsx
@@ -91,7 +91,8 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, ...props }) {
 				className: "ml-input-side-default flex shrink-0 items-center",
 				children: props.leadingContent
 			}),
-			showClear: false,
+			onClear: () => props.onChange?.(isMultiple ? [] : null),
+			showClear: !isEmpty,
 			trailingContent,
 			children: (dataAttributeProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [isMultiple && !isEmpty && displayValue, isSearchable ? /* @__PURE__ */ jsx("input", {
 				disabled: isDisabled,

package/dist/{Slider-DeLVCO-2.js → Slider-CTCbpRE-.js}

@@ -14,7 +14,7 @@ import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden
 import { t as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-BVczUvgv.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
 import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { t as FormField } from "./FormField-Cl-t5Wi1.js";
 import $HgANd$react, { createContext, forwardRef, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { setInteractionModality, useFocusable, useKeyboard, useMove } from "@react-aria/interactions";

package/dist/{TextArea-Dj2wKadV.js → TextArea-Bm3QhIRz.js}

@@ -4,10 +4,10 @@ import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $5dc95899b306f630$
 import { i as useHover } from "./import-BXAtbYEe.js";
 import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cd0lBvKO.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { r as FormFieldLabel, t as FormField } from "./FormField-Cl-t5Wi1.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CoRIizbz.js";
 import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-KYGD4Bdz.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-_N-GOMaV.js";
 import $HgANd$react, { createContext, forwardRef, memo, useRef } from "react";
 import { useTextField } from "@react-aria/textfield";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{TextEditor-CKUiV4cU.js → TextEditor-Bqd8hqkR.js}

@@ -18,13 +18,13 @@ import { t as Typography } from "./Typography-AcUd9df8.js";
 import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
 import { t as Button } from "./Button-7HZojyTP.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { r as FormFieldLabel, t as FormField } from "./FormField-Cl-t5Wi1.js";
 import "./i18n-BDjNuy4Z.js";
 import { i as inputSideDefinition, o as useInputCva } from "./input.cva-KYGD4Bdz.js";
 import { t as popoverDefinition } from "./popover.cva-CXha_UMQ.js";
 import { TextInput } from "./components/text-input.js";
-import { t as Select } from "./Select-CEAQyS48.js";
+import { t as Select } from "./Select-BbSEcaKE.js";
 import { ResponsivePopover } from "./components/responsive-popover.js";
 import $HgANd$react, { createContext, forwardRef, memo, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";

package/dist/{TimePicker-BPLc1Uv5.js → TimePicker-B3kbwCA-.js}

@@ -7,11 +7,11 @@ import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZL
 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";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { r as FormFieldLabel, t as FormField } from "./FormField-Cl-t5Wi1.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CoRIizbz.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-9V4kd391.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-_N-GOMaV.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-F7xAex_x.js";
 import { n as TimePickerForm, t as normalizeDatePickerValue } from "./datePickerValue.utils-DtR1CyuD.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { memo, useEffect, useRef, useState } from "react";

package/dist/{Toggle-Dr7TQZ93.js → Toggle-D6xtL9WV.js}

@@ -9,7 +9,7 @@ import { t as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
-import { t as FieldController } from "./form.binding-DLKteDiq.js";
+import { t as FieldController } from "./form.binding-DAAmi5nC.js";
 import { t as FormFieldError } from "./FormFieldError-CFg0Wn3i.js";
 import { t as CheckContent } from "./CheckContent-DzWpxKGq.js";
 import $HgANd$react, { createContext, forwardRef, memo } from "react";

package/dist/{TooltipWrapper-CoRIizbz.js → TooltipWrapper-_N-GOMaV.js}

@@ -1,17 +1,20 @@
 import { t as UIConfig } from "./uiConfig.context-BG4jfp9p.js";
 import { t as X } from "./x-BYOEO0gW.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import "./i18n-BDjNuy4Z.js";
+import { n as inputClearClassDefinition } from "./input.cva-KYGD4Bdz.js";
 import { Suspense, lazy } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/shared/InputClear.tsx
-const InputClear = ({ onClear, className, style, show, renderStatic }) => {
+const InputClear = ({ onClear, as, className, style, show, renderStatic }) => {
 	const ui = UIConfig.useConfig();
+	const inputClearClassCva = UIOverrides.useCva("input.clearClassCva", inputClearClassDefinition);
 	const { t } = useTranslation("ui");
 	const alwaysShowClear = ui.input.alwaysShowClear;
-	const clearClassName = clsx("relative z-raised flex items-center", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className);
+	const clearClassName = clsx("relative z-raised flex items-center", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", inputClearClassCva({ as }), className);
 	if (renderStatic) return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		"aria-hidden": !show,

package/dist/components/autocomplete.js

@@ -1,10 +1,10 @@
 import { t as UIConfig } from "../uiConfig.context-BG4jfp9p.js";
-import { l as selectInputTagsContentWrapperDefinition, n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "../staticSelect.utils-C_e1tJ3T.js";
+import { l as selectInputTagsContentWrapperDefinition, n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "../staticSelect.utils-Cx4WnLIX.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
 import { f as $5dc95899b306f630$export$c9058316764c140e } from "../utils-D-KKbY-n.js";
 import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
-import { t as FieldController } from "../form.binding-DLKteDiq.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "../useStaticInputHandoff-9V4kd391.js";
+import { t as FieldController } from "../form.binding-DAAmi5nC.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "../useStaticInputHandoff-F7xAex_x.js";
 import { memo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/Autocomplete/Autocomplete.tsx

package/dist/components/checkbox-group.js

@@ -2,9 +2,9 @@ import { t as UIConfig } from "../uiConfig.context-BG4jfp9p.js";
 import { i as checkboxContentWrapperDefinition, o as checkboxGroupLabelDefinition, r as checkboxContentRowDefinition } from "../CheckboxCheckmark-C7Oq15ms.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
 import { f as $5dc95899b306f630$export$c9058316764c140e } from "../utils-D-KKbY-n.js";
-import { n as CheckboxBase, r as $bc237834342dbd75$export$4aa08d5625cb8ead } from "../Checkbox-B-0yFzun.js";
+import { n as CheckboxBase, r as $bc237834342dbd75$export$4aa08d5625cb8ead } from "../Checkbox-B2wOgOCL.js";
 import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
-import { t as FieldController } from "../form.binding-DLKteDiq.js";
+import { t as FieldController } from "../form.binding-DAAmi5nC.js";
 import { r as FormFieldLabel, t as FormField } from "../FormField-Cl-t5Wi1.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "../input.cva-KYGD4Bdz.js";
 import { memo } from "react";

package/dist/components/checkbox.js

@@ -1,2 +1,2 @@
-import { n as CheckboxBase, t as Checkbox } from "../Checkbox-B-0yFzun.js";
+import { n as CheckboxBase, t as Checkbox } from "../Checkbox-B2wOgOCL.js";
 export { Checkbox, CheckboxBase };

package/dist/components/date-picker.js

@@ -1,2 +1,2 @@
-import { t as DatePicker } from "../DatePicker-DGwt7GCK.js";
+import { t as DatePicker } from "../DatePicker-Dqr0s7MF.js";
 export { DatePicker };

package/dist/components/date-range-picker.js

@@ -1,2 +1,2 @@
-import { a as isDateRangePresetValue, c as resolveDateRangePreset, i as hydrateRelativeDateRangeValue, n as dateRangePresetValues, o as isRelativeDateRangeValue, r as getDateRangePreset, s as isStoredRelativeDateRangeValue, t as DateRangePicker } from "../DateRangePicker-DtYmxrBu.js";
+import { a as isDateRangePresetValue, c as resolveDateRangePreset, i as hydrateRelativeDateRangeValue, n as dateRangePresetValues, o as isRelativeDateRangeValue, r as getDateRangePreset, s as isStoredRelativeDateRangeValue, t as DateRangePicker } from "../DateRangePicker-D1PkqO8w.js";
 export { DateRangePicker, dateRangePresetValues, getDateRangePreset, hydrateRelativeDateRangeValue, isDateRangePresetValue, isRelativeDateRangeValue, isStoredRelativeDateRangeValue, resolveDateRangePreset };

package/dist/components/date-time-picker.js

@@ -1,2 +1,2 @@
-import { t as DateTimePicker } from "../DateTimePicker-B3j96T4e.js";
+import { t as DateTimePicker } from "../DateTimePicker-n76c12_d.js";
 export { DateTimePicker };

package/dist/components/file-upload-container.js

@@ -1,4 +1,4 @@
-import { t as FileUpload } from "../FileUpload-DR9qkDTO.js";
+import { t as FileUpload } from "../FileUpload-Bcr-CMDM.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/File/FileUploadContainer.tsx

package/dist/components/file-upload.js

@@ -1,2 +1,2 @@
-import { t as FileUpload } from "../FileUpload-DR9qkDTO.js";
+import { t as FileUpload } from "../FileUpload-Bcr-CMDM.js";
 export { FileUpload };

package/dist/components/input-upload.js

@@ -1,2 +1,2 @@
-import { t as InputUpload } from "../InputUpload-DiSrhJaH.js";
+import { t as InputUpload } from "../InputUpload-bfrkozjp.js";
 export { InputUpload };

package/dist/components/number-input.js

@@ -5,12 +5,12 @@ import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../context-74MZZ
 import { n as $81397a9303501bda$export$23f548e970bdf099, r as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, t as getStaticNumberDisplayValue } from "../numberStatic.utils-DcnGigJ6.js";
 import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../Input-BefLtZJe.js";
 import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
-import { t as FieldController } from "../form.binding-DLKteDiq.js";
+import { t as FieldController } from "../form.binding-DAAmi5nC.js";
 import { t as FormField } from "../FormField-Cl-t5Wi1.js";
-import { t as TooltipWrapper } from "../TooltipWrapper-CoRIizbz.js";
 import { t as inputBaseDefinition } from "../input.cva-KYGD4Bdz.js";
-import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-dF3tgN_A.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "../useStaticInputHandoff-9V4kd391.js";
+import { t as TooltipWrapper } from "../TooltipWrapper-_N-GOMaV.js";
+import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-BB34Ur0E.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "../useStaticInputHandoff-F7xAex_x.js";
 import { t as IntlUtils } from "../intl.utils-zwAFoZ0U.js";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { useFocusVisible } from "@react-aria/interactions";

package/dist/components/number-range-input.js

@@ -1,2 +1,2 @@
-import { t as NumberRangeInput } from "../NumberRangeInput-DVBv04ap.js";
+import { t as NumberRangeInput } from "../NumberRangeInput-CVHJUFI8.js";
 export { NumberRangeInput };

package/dist/components/query-autocomplete.js

@@ -1,6 +1,6 @@
 import { t as UIConfig } from "../uiConfig.context-BG4jfp9p.js";
 import { f as $5dc95899b306f630$export$c9058316764c140e } from "../utils-D-KKbY-n.js";
-import { t as FieldController } from "../form.binding-DLKteDiq.js";
+import { t as FieldController } from "../form.binding-DAAmi5nC.js";
 import { Autocomplete } from "./autocomplete.js";
 import { n as getQueryItems, r as getSelectionIdsToResolve, t as useQueryAutocomplete } from "../useQueryAutocomplete-CraXvRm_.js";
 import { memo, useCallback, useMemo, useState } from "react";

package/dist/components/query-select.js

@@ -1,7 +1,7 @@
 import { t as UIConfig } from "../uiConfig.context-BG4jfp9p.js";
 import { f as $5dc95899b306f630$export$c9058316764c140e } from "../utils-D-KKbY-n.js";
-import { t as FieldController } from "../form.binding-DLKteDiq.js";
-import { t as Select } from "../Select-CEAQyS48.js";
+import { t as FieldController } from "../form.binding-DAAmi5nC.js";
+import { t as Select } from "../Select-BbSEcaKE.js";
 import { n as getQueryItems, r as getSelectionIdsToResolve, t as useQueryAutocomplete } from "../useQueryAutocomplete-CraXvRm_.js";
 import { memo, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/radio-group.js

@@ -1,2 +1,2 @@
-import { t as RadioGroup } from "../RadioGroup-D5BR8ToV.js";
+import { t as RadioGroup } from "../RadioGroup-Bk9DY-yK.js";
 export { RadioGroup };

package/dist/components/segment.js

@@ -1,2 +1,2 @@
-import { t as Segment } from "../Segment-DBEeDt5Z.js";
+import { t as Segment } from "../Segment-BnyGK1kI.js";
 export { Segment };

package/dist/components/select.js

@@ -1,2 +1,2 @@
-import { t as Select } from "../Select-CEAQyS48.js";
+import { t as Select } from "../Select-BbSEcaKE.js";
 export { Select };

package/dist/components/slider.js

@@ -1,2 +1,2 @@
-import { t as Slider } from "../Slider-DeLVCO-2.js";
+import { t as Slider } from "../Slider-CTCbpRE-.js";
 export { Slider };

package/dist/components/text-area.js

@@ -1,2 +1,2 @@
-import { t as TextArea } from "../TextArea-Dj2wKadV.js";
+import { t as TextArea } from "../TextArea-Bm3QhIRz.js";
 export { TextArea };

package/dist/components/text-input.js

@@ -3,12 +3,12 @@ import { t as clsx } from "../clsx-CnD0nOiA.js";
 import { f as $5dc95899b306f630$export$c9058316764c140e } from "../utils-D-KKbY-n.js";
 import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../Input-BefLtZJe.js";
 import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
-import { t as FieldController } from "../form.binding-DLKteDiq.js";
+import { t as FieldController } from "../form.binding-DAAmi5nC.js";
 import { t as FormField } from "../FormField-Cl-t5Wi1.js";
-import { t as TooltipWrapper } from "../TooltipWrapper-CoRIizbz.js";
 import { t as inputBaseDefinition } from "../input.cva-KYGD4Bdz.js";
-import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-dF3tgN_A.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "../useStaticInputHandoff-9V4kd391.js";
+import { t as TooltipWrapper } from "../TooltipWrapper-_N-GOMaV.js";
+import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-BB34Ur0E.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "../useStaticInputHandoff-F7xAex_x.js";
 import { memo, useEffect, useRef, useState } from "react";
 import { useFocusVisible } from "@react-aria/interactions";
 import { useTextField } from "@react-aria/textfield";

package/dist/components/time-picker.js

@@ -1,2 +1,2 @@
-import { t as TimePicker } from "../TimePicker-BPLc1Uv5.js";
+import { t as TimePicker } from "../TimePicker-B3kbwCA-.js";
 export { TimePicker };

package/dist/components/toggle.js

@@ -1,2 +1,2 @@
-import { t as Toggle } from "../Toggle-Dr7TQZ93.js";
+import { t as Toggle } from "../Toggle-D6xtL9WV.js";
 export { Toggle };

package/dist/{form.binding-DLKteDiq.js → form.binding-DAAmi5nC.js}

@@ -23,6 +23,9 @@ function useForm$1({ defaultValues, disabled = false, mode = "onSubmit", onSubmi
 	const form = useForm({
 		defaultValues: (typeof defaultValues === "function" ? {} : defaultValues) ?? {},
 		validators: formValidator || onSubmitAsync ? {
+			onBlur: mode === "all" || mode !== "onChange" ? formValidator : void 0,
+			onChange: mode === "all" || mode === "onChange" ? formValidator : void 0,
+			onMount: formValidator,
 			onSubmit: formValidator,
 			onSubmitAsync
 		} : void 0,
@@ -57,7 +60,10 @@ function useForm$1({ defaultValues, disabled = false, mode = "onSubmit", onSubmi
 			const result_0 = schema.safeParse(value_2);
 			return result_0.success ? void 0 : result_0.error.issues[0]?.message;
 		};
-		const validators = mode === "onChange" || mode === "all" ? { onChange: validate } : { onBlur: validate };
+		const validators = mode === "all" ? {
+			onBlur: validate,
+			onChange: validate
+		} : mode === "onChange" ? { onChange: validate } : { onBlur: validate };
 		fieldValidators.set(name, validators);
 		return validators;
 	};
@@ -131,26 +137,31 @@ const getFieldError = (errors) => errors.flatMap((error) => {
 //#region src/components/inputs/shared/form.binding.tsx
 function FieldController({ control: form, name, render }) {
 	const isFormDisabled = useFormDisabled(form);
+	const submissionAttempts = useFormState(form, (state) => state.submissionAttempts);
 	return /* @__PURE__ */ jsx(form.Field, {
 		name,
 		validators: form.getFieldValidators(name),
-		children: (field) => render({
-			field: {
-				disabled: isFormDisabled,
-				name: field.name,
-				onBlur: () => {
-					field.handleBlur();
-					form.notifyBlur(name);
+		children: (field) => {
+			const validators = form.getFieldValidators(name);
+			const validationError = submissionAttempts > 0 ? getFieldError(field.state.meta.errors) : validators?.onChange && field.state.meta.isDirty ? validators.onChange({ value: field.state.value }) : validators?.onBlur && field.state.meta.isTouched ? validators.onBlur({ value: field.state.value }) : void 0;
+			return render({
+				field: {
+					disabled: isFormDisabled,
+					name: field.name,
+					onBlur: () => {
+						field.handleBlur();
+						form.notifyBlur(name);
+					},
+					onChange: field.handleChange,
+					ref: () => void 0,
+					value: field.state.value
 				},
-				onChange: field.handleChange,
-				ref: () => void 0,
-				value: field.state.value
-			},
-			fieldState: {
-				error: getFieldError(field.state.meta.errors) ? { message: getFieldError(field.state.meta.errors) } : void 0,
-				isDirty: field.state.meta.isDirty
-			}
-		})
+				fieldState: {
+					error: validationError ? { message: validationError } : void 0,
+					isDirty: field.state.meta.isDirty
+				}
+			});
+		}
 	});
 }
 //#endregion