@povio/ui 3.4.0-rc.17 → 3.4.0-rc.18

package/dist/rhf/Inputs.d.ts

@@ -1,4 +1,22 @@
-import { Autocomplete, Checkbox, CheckboxGroup, DatePicker, DateRangePicker, DateTimePicker, NumberInput, NumberRangeInput, PasswordInput, QueryAutocomplete, QuerySelect, Segment, Select, Slider, TextArea, TextInput, TimePicker, Toggle } from "./components.js";
+import { Autocomplete } from "./autocomplete.js";
+import { Checkbox } from "./checkbox.js";
+import { CheckboxGroup } from "./checkbox-group.js";
+import { DatePicker } from "./date-picker.js";
+import { DateRangePicker } from "./date-range-picker.js";
+import { DateTimePicker } from "./date-time-picker.js";
+import { NumberInput } from "./number-input.js";
+import { NumberRangeInput } from "./number-range-input.js";
+import { PasswordInput } from "./password-input.js";
+import { QueryAutocomplete } from "./query-autocomplete.js";
+import { QuerySelect } from "./query-select.js";
+import { Segment } from "./segment.js";
+import { Select } from "./select.js";
+import { Slider } from "./slider.js";
+import { TextArea } from "./text-area.js";
+import { TextInput } from "./text-input.js";
+import { TimePicker } from "./time-picker.js";
+import { Toggle } from "./toggle.js";
+import "./components.js";
 import { ReactElement, ReactNode } from "react";
 import { SubmitErrorHandler, SubmitHandler, UseFormReturn } from "react-hook-form";
 import { z } from "zod";

package/dist/rhf/{Inputs.js → Inputs2.js}

@@ -1,4 +1,21 @@
-import { Autocomplete, Checkbox, CheckboxGroup, DatePicker, DateRangePicker, DateTimePicker, NumberInput, NumberRangeInput, PasswordInput, QueryAutocomplete, QuerySelect, Segment, Select, Slider, TextArea, TextInput, TimePicker, Toggle } from "./components.js";
+import { Autocomplete } from "./autocomplete.js";
+import { Checkbox } from "./checkbox.js";
+import { CheckboxGroup } from "./checkbox-group.js";
+import { DatePicker } from "./date-picker.js";
+import { DateRangePicker } from "./date-range-picker.js";
+import { DateTimePicker } from "./date-time-picker.js";
+import { NumberInput } from "./number-input.js";
+import { NumberRangeInput } from "./number-range-input.js";
+import { PasswordInput } from "./password-input.js";
+import { QueryAutocomplete } from "./query-autocomplete.js";
+import { QuerySelect } from "./query-select.js";
+import { Segment } from "./segment.js";
+import { Select } from "./select.js";
+import { Slider } from "./slider.js";
+import { TextArea } from "./text-area.js";
+import { TextInput } from "./text-input.js";
+import { TimePicker } from "./time-picker.js";
+import { Toggle } from "./toggle.js";
 import { StringUtils } from "../utils/string.utils.js";
 import { ZodUtils } from "../utils/zod.utils.js";
 import { c } from "react/compiler-runtime";

package/dist/rhf/autocomplete.d.ts

@@ -1,3 +1,16 @@
+import { DefaultInitialSelectItem, GroupedSelectProps, MultiSelectProps, SingleSelectProps } from "../components/inputs/Selection/shared/select.types.js";
 import { AutocompleteProps } from "../components/autocomplete.js";
-import { Autocomplete, ControlledAutocompleteProps } from "./components.js";
-export { Autocomplete, type AutocompleteProps, type ControlledAutocompleteProps };
+import { ControlProps } from "./form.types.js";
+import { FireBlurOnChangeProps } from "./fieldAdapter.js";
+import { Key } from "react-aria-components";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/autocomplete.d.ts
+type SelectionProps<T extends FieldValues, P, K extends Key, I> = ({
+  selectionMode: MultiSelectProps["selectionMode"];
+} & ControlProps<Omit<P, keyof GroupedSelectProps> & MultiSelectProps<K, I>, T>) | ({
+  selectionMode?: SingleSelectProps["selectionMode"];
+} & ControlProps<Omit<P, keyof GroupedSelectProps> & SingleSelectProps<K, I>, T>);
+type ControlledAutocompleteProps<T extends FieldValues, K extends Key = Key, I = DefaultInitialSelectItem<K>> = SelectionProps<T, AutocompleteProps<K, I> & FireBlurOnChangeProps, K, I>;
+declare const Autocomplete: <T extends FieldValues, K extends Key = Key, I = DefaultInitialSelectItem<K>>(props: ControlledAutocompleteProps<T, K, I>) => import("react").ReactNode;
+//#endregion
+export { Autocomplete, type AutocompleteProps, ControlledAutocompleteProps };

package/dist/rhf/autocomplete.js

@@ -1,2 +1,9 @@
-import { Autocomplete } from "./components.js";
+import { Autocomplete as Autocomplete$1 } from "../components/autocomplete.js";
+import { runtime, useFireBlurOnChange } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+//#region src/entries/rhf/autocomplete.ts
+const Autocomplete = (props) => {
+	return renderRHFField(runtime(Autocomplete$1), useFireBlurOnChange(props, "select"));
+};
+//#endregion
 export { Autocomplete };

package/dist/rhf/checkbox-group.d.ts

@@ -1,3 +1,9 @@
 import { CheckboxGroupProps } from "../components/checkbox-group.js";
-import { CheckboxGroup, ControlledCheckboxGroupProps } from "./components.js";
-export { CheckboxGroup, type CheckboxGroupProps, type ControlledCheckboxGroupProps };
+import { ControlProps } from "./form.types.js";
+import { FireBlurOnChangeProps } from "./fieldAdapter.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/checkbox-group.d.ts
+type ControlledCheckboxGroupProps<T extends FieldValues> = ControlProps<CheckboxGroupProps & FireBlurOnChangeProps, T>;
+declare const CheckboxGroup: <T extends FieldValues>(props: ControlledCheckboxGroupProps<T>) => import("react").ReactNode;
+//#endregion
+export { CheckboxGroup, type CheckboxGroupProps, ControlledCheckboxGroupProps };

package/dist/rhf/checkbox-group.js

@@ -1,2 +1,9 @@
-import { CheckboxGroup } from "./components.js";
+import { runtime, useFireBlurOnChange } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { CheckboxGroup as CheckboxGroup$1 } from "../components/checkbox-group.js";
+//#region src/entries/rhf/checkbox-group.ts
+const CheckboxGroup = (props) => {
+	return renderRHFField(runtime(CheckboxGroup$1), useFireBlurOnChange(props, "checkbox"));
+};
+//#endregion
 export { CheckboxGroup };

package/dist/rhf/checkbox.d.ts

@@ -1,3 +1,9 @@
 import { CheckboxProps } from "../components/checkbox.js";
-import { Checkbox, ControlledCheckboxProps } from "./components.js";
-export { Checkbox, type CheckboxProps, type ControlledCheckboxProps };
+import { ControlProps } from "./form.types.js";
+import { FireBlurOnChangeProps } from "./fieldAdapter.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/checkbox.d.ts
+type ControlledCheckboxProps<T extends FieldValues> = ControlProps<CheckboxProps & FireBlurOnChangeProps, T, "isSelected">;
+declare const Checkbox: <T extends FieldValues>(props: ControlledCheckboxProps<T>) => import("react").ReactNode;
+//#endregion
+export { Checkbox, type CheckboxProps, ControlledCheckboxProps };

package/dist/rhf/checkbox.js

@@ -1,2 +1,9 @@
-import { Checkbox } from "./components.js";
+import { runtime, useFireBlurOnChange } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { Checkbox as Checkbox$1 } from "../components/checkbox.js";
+//#region src/entries/rhf/checkbox.ts
+const Checkbox = (props) => {
+	return renderRHFField(runtime(Checkbox$1), useFireBlurOnChange(props, "checkbox"), "isSelected");
+};
+//#endregion
 export { Checkbox };

package/dist/rhf/components.d.ts

@@ -1,82 +1,43 @@
-import { CheckboxProps as CheckboxProps$1 } from "../components/checkbox.js";
+import { CheckboxProps } from "../components/checkbox.js";
 import { TextInputProps } from "../components/text-input.js";
-import { CheckboxGroupProps as CheckboxGroupProps$1 } from "../components/checkbox-group.js";
+import { CheckboxGroupProps } from "../components/checkbox-group.js";
 import { FileUploadBaseProps } from "../components/inputs/File/fileUpload.types.js";
-import "../components/file-upload.js";
 import { InputUploadBaseProps } from "../components/inputs/File/inputUpload.types.js";
-import "../components/input-upload.js";
 import { NumberInputProps } from "../components/number-input.js";
 import { NumberRangeInputProps } from "../components/number-range-input.js";
 import { PasswordInputProps } from "../components/password-input.js";
-import { TextAreaProps as TextAreaProps$1 } from "../components/text-area.js";
-import { RadioGroupProps as RadioGroupProps$1 } from "../components/radio-group.js";
-import { DefaultInitialSelectItem, GroupedSelectProps, MultiSelectProps, SelectItem, SingleSelectProps } from "../components/inputs/Selection/shared/select.types.js";
+import { TextAreaProps } from "../components/text-area.js";
+import { RadioGroupProps } from "../components/radio-group.js";
 import { AutocompleteProps } from "../components/autocomplete.js";
-import { QueryAutocompleteProps, QueryFn } from "../components/inputs/Selection/Autocomplete/queryAutocomplete.types.js";
 import { SelectProps } from "../components/inputs/Selection/Select/Select.js";
-import { QuerySelect as QuerySelect$1, QuerySelectProps } from "../components/query-select.js";
-import { SliderProps as SliderProps$1 } from "../components/slider.js";
+import { SliderProps } from "../components/slider.js";
 import { ToggleProps } from "../components/toggle.js";
-import { SegmentProps } from "../components/segment/segment.types.js";
 import { DatePickerProps } from "../components/inputs/DateTime/DatePicker/DatePicker.js";
 import { DateRangePickerProps } from "../components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
 import { DateTimePickerProps } from "../components/inputs/DateTime/DateTimePicker/DateTimePicker.js";
-import { TimePickerProps } from "../components/inputs/DateTime/TimePicker/TimePicker.js";
+import { Autocomplete, ControlledAutocompleteProps } from "./autocomplete.js";
+import { Checkbox, ControlledCheckboxProps } from "./checkbox.js";
+import { CheckboxGroup, ControlledCheckboxGroupProps } from "./checkbox-group.js";
+import { ControlledDatePickerProps, DatePicker } from "./date-picker.js";
+import { ControlledDateRangePickerProps, DateRangePicker } from "./date-range-picker.js";
+import { ControlledDateTimePickerProps, DateTimePicker } from "./date-time-picker.js";
+import { FileUpload, FileUploadProps, RHFFileUploadProps } from "./file-upload.js";
+import { InputUpload, InputUploadProps, RHFInputUploadProps } from "./input-upload.js";
+import { ControlledNumberInputProps, NumberInput } from "./number-input.js";
+import { ControlledNumberRangeInputProps, NumberRangeInput } from "./number-range-input.js";
+import { ControlledPasswordInputProps, PasswordInput } from "./password-input.js";
+import { QueryAutocomplete, QueryAutocompleteProps, RHFQueryAutocompleteProps } from "./query-autocomplete.js";
+import { QuerySelect, QuerySelectProps, RHFQuerySelectProps } from "./query-select.js";
+import { ControlledRadioGroupProps, RadioGroup } from "./radio-group.js";
+import { SegmentProps } from "../components/segment/segment.types.js";
+import { ControlledSegmentProps, Segment } from "./segment.js";
+import { ControlledSelectProps, Select } from "./select.js";
+import { ControlledSliderProps, Slider } from "./slider.js";
+import { ControlledTextAreaProps, TextArea } from "./text-area.js";
 import { TextEditorProps } from "../components/inputs/TextEditor/TextEditor.js";
-import { ControlProps, FormControl } from "./form.types.js";
-import { FireBlurOnChangeProps } from "./fieldAdapter.js";
-import { Key } from "react-aria-components";
-import { FieldValues } from "react-hook-form";
-//#region src/rhf/components.d.ts
-type ControlledCheckboxProps<TFieldValues extends FieldValues> = ControlProps<CheckboxProps$1 & FireBlurOnChangeProps, TFieldValues, "isSelected">;
-declare const Checkbox$1: <TFieldValues extends FieldValues>(props: ControlledCheckboxProps<TFieldValues>) => import("react").ReactNode;
-type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = ControlProps<CheckboxGroupProps$1 & FireBlurOnChangeProps, TFieldValues>;
-declare const CheckboxGroup$1: <TFieldValues extends FieldValues>(props: ControlledCheckboxGroupProps<TFieldValues>) => import("react").ReactNode;
-type ControlledDatePickerProps<TFieldValues extends FieldValues> = ControlProps<DatePickerProps & FireBlurOnChangeProps, TFieldValues>;
-declare const DatePicker: <TFieldValues extends FieldValues>(props: ControlledDatePickerProps<TFieldValues>) => import("react").ReactNode;
-type ControlledDateRangePickerProps<TFieldValues extends FieldValues> = ControlProps<DateRangePickerProps & FireBlurOnChangeProps, TFieldValues>;
-declare const DateRangePicker: <TFieldValues extends FieldValues>(props: ControlledDateRangePickerProps<TFieldValues>) => import("react").ReactNode;
-type ControlledDateTimePickerProps<TFieldValues extends FieldValues> = ControlProps<DateTimePickerProps & FireBlurOnChangeProps, TFieldValues>;
-declare const DateTimePicker: <TFieldValues extends FieldValues>(props: ControlledDateTimePickerProps<TFieldValues>) => import("react").ReactNode;
-type ControlledTimePickerProps<TFieldValues extends FieldValues> = ControlProps<TimePickerProps & FireBlurOnChangeProps, TFieldValues>;
-declare const TimePicker: <TFieldValues extends FieldValues>(props: ControlledTimePickerProps<TFieldValues>) => import("react").ReactNode;
-type ControlledNumberInputProps<TFieldValues extends FieldValues> = ControlProps<NumberInputProps, TFieldValues>;
-declare const NumberInput: <TFieldValues extends FieldValues>(props: ControlledNumberInputProps<TFieldValues>) => import("react").ReactNode;
-type ControlledNumberRangeInputProps<TFieldValues extends FieldValues> = ControlProps<NumberRangeInputProps, TFieldValues>;
-declare const NumberRangeInput: <TFieldValues extends FieldValues>(props: ControlledNumberRangeInputProps<TFieldValues>) => import("react").ReactNode;
-type ControlledPasswordInputProps<TFieldValues extends FieldValues> = ControlProps<PasswordInputProps, TFieldValues>;
-declare const PasswordInput: <TFieldValues extends FieldValues>(props: ControlledPasswordInputProps<TFieldValues>) => import("react").ReactNode;
-type ControlledTextAreaProps<TFieldValues extends FieldValues> = ControlProps<TextAreaProps$1, TFieldValues>;
-declare const TextArea$1: <TFieldValues extends FieldValues>(props: ControlledTextAreaProps<TFieldValues>) => import("react").ReactNode;
-type ControlledTextInputProps<TFieldValues extends FieldValues> = ControlProps<TextInputProps, TFieldValues>;
-declare const TextInput: <TFieldValues extends FieldValues>(props: ControlledTextInputProps<TFieldValues>) => import("react").ReactNode;
-type ControlledRadioGroupProps<TFieldValues extends FieldValues> = ControlProps<RadioGroupProps$1 & FireBlurOnChangeProps, TFieldValues>;
-declare const RadioGroup$1: <TFieldValues extends FieldValues>(props: ControlledRadioGroupProps<TFieldValues>) => import("react").ReactNode;
-type ControlledSliderProps<TFieldValues extends FieldValues, IsRange extends boolean = false> = ControlProps<SliderProps$1<IsRange>, TFieldValues>;
-declare const Slider$1: <TFieldValues extends FieldValues, IsRange extends boolean = false>(props: ControlledSliderProps<TFieldValues, IsRange>) => import("react").ReactNode;
-type ControlledToggleProps<TFieldValues extends FieldValues> = ControlProps<ToggleProps & FireBlurOnChangeProps, TFieldValues, "isSelected">;
-declare const Toggle: <TFieldValues extends FieldValues>(props: ControlledToggleProps<TFieldValues>) => import("react").ReactNode;
-type ControlledSegmentProps<TFieldValues extends FieldValues, TKey extends Key = Key> = ControlProps<SegmentProps<TKey>, TFieldValues>;
-declare const Segment: <TFieldValues extends FieldValues, TKey extends Key = Key>(props: ControlledSegmentProps<TFieldValues, TKey>) => import("react").ReactNode;
-type RHFSelectionProps<TFieldValues extends FieldValues, TProps, TKey extends Key, TInitialSelectItem> = ({
-  selectionMode: MultiSelectProps["selectionMode"];
-} & ControlProps<Omit<TProps, keyof GroupedSelectProps> & MultiSelectProps<TKey, TInitialSelectItem>, TFieldValues>) | ({
-  selectionMode?: SingleSelectProps["selectionMode"];
-} & ControlProps<Omit<TProps, keyof GroupedSelectProps> & SingleSelectProps<TKey, TInitialSelectItem>, TFieldValues>);
-type ControlledSelectProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = RHFSelectionProps<TFieldValues, SelectProps<TKey, TInitialSelectItem> & FireBlurOnChangeProps, TKey, TInitialSelectItem>;
-declare const Select: <TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledSelectProps<TFieldValues, TKey, TInitialSelectItem>) => import("react").ReactNode;
-type ControlledAutocompleteProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = RHFSelectionProps<TFieldValues, AutocompleteProps<TKey, TInitialSelectItem> & FireBlurOnChangeProps, TKey, TInitialSelectItem>;
-declare const Autocomplete: <TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledAutocompleteProps<TFieldValues, TKey, TInitialSelectItem>) => import("react").ReactNode;
-type ReplaceFieldWithFormControl<TProps, TFieldValues extends FieldValues> = Omit<TProps, "field"> & {
-  formControl: FormControl<TFieldValues, unknown>;
-} & FireBlurOnChangeProps;
-type RHFQuerySelectProps<TFieldValues extends FieldValues, TQueryFn extends Parameters<typeof QuerySelect$1>[0]["query"], TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = ReplaceFieldWithFormControl<QuerySelectProps<TFieldValues, TQueryFn, TKey, TInitialSelectItem>, TFieldValues>;
-declare const QuerySelect: <TFieldValues extends FieldValues, TQueryFn extends Parameters<typeof QuerySelect$1>[0]["query"], TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: RHFQuerySelectProps<TFieldValues, TQueryFn, TKey, TInitialSelectItem>) => import("react").ReactNode;
-type RHFQueryAutocompleteProps<TFieldValues extends FieldValues, TSelectItem extends SelectItem<any>, TQueryFn extends QueryFn> = ReplaceFieldWithFormControl<QueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>, TFieldValues>;
-declare const QueryAutocomplete: <TFieldValues extends FieldValues, TSelectItem extends SelectItem<any>, TQueryFn extends QueryFn>(props: RHFQueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>) => import("react").ReactNode;
-type RHFFileUploadProps<TFieldValues extends FieldValues> = ControlProps<FileUploadBaseProps, TFieldValues>;
-declare const FileUpload: <TFieldValues extends FieldValues>(props: RHFFileUploadProps<TFieldValues>) => import("react").ReactNode;
-type RHFInputUploadProps<TFieldValues extends FieldValues> = ControlProps<InputUploadBaseProps, TFieldValues>;
-declare const InputUpload: <TFieldValues extends FieldValues>(props: RHFInputUploadProps<TFieldValues>) => import("react").ReactNode;
-//#endregion
-export { Autocomplete, type AutocompleteProps, Checkbox$1 as Checkbox, CheckboxGroup$1 as CheckboxGroup, type CheckboxGroupProps$1 as CheckboxGroupProps, type CheckboxProps$1 as CheckboxProps, ControlledAutocompleteProps, ControlledCheckboxGroupProps, ControlledCheckboxProps, ControlledDatePickerProps, ControlledDateRangePickerProps, ControlledDateTimePickerProps, ControlledNumberInputProps, ControlledNumberRangeInputProps, ControlledPasswordInputProps, ControlledRadioGroupProps, ControlledSegmentProps, ControlledSelectProps, ControlledSliderProps, ControlledTextAreaProps, ControlledTextInputProps, ControlledTimePickerProps, ControlledToggleProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, FileUpload, InputUpload, NumberInput, type NumberInputProps, NumberRangeInput, type NumberRangeInputProps, PasswordInput, type PasswordInputProps, QueryAutocomplete, QuerySelect, RHFFileUploadProps, RHFInputUploadProps, RHFQueryAutocompleteProps, RHFQuerySelectProps, RadioGroup$1 as RadioGroup, type RadioGroupProps$1 as RadioGroupProps, Segment, type SegmentProps, Select, type SelectProps, Slider$1 as Slider, type SliderProps$1 as SliderProps, TextArea$1 as TextArea, type TextAreaProps$1 as TextAreaProps, TextInput, type TextInputProps, TimePicker, type TimePickerProps, Toggle, type ToggleProps };
+import { ControlledTextEditorProps, TextEditor } from "./text-editor.js";
+import { ControlledTextInputProps, TextInput } from "./text-input.js";
+import { TimePickerProps } from "../components/inputs/DateTime/TimePicker/TimePicker.js";
+import { ControlledTimePickerProps, TimePicker } from "./time-picker.js";
+import { ControlledToggleProps, Toggle } from "./toggle.js";
+export { Autocomplete, type AutocompleteProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ControlledAutocompleteProps, ControlledCheckboxGroupProps, ControlledCheckboxProps, ControlledDatePickerProps, ControlledDateRangePickerProps, ControlledDateTimePickerProps, ControlledNumberInputProps, ControlledNumberRangeInputProps, ControlledPasswordInputProps, ControlledRadioGroupProps, ControlledSegmentProps, ControlledSelectProps, ControlledSliderProps, ControlledTextAreaProps, ControlledTextEditorProps, ControlledTextInputProps, ControlledTimePickerProps, ControlledToggleProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, FileUpload, type FileUploadBaseProps, FileUploadProps, InputUpload, type InputUploadBaseProps, InputUploadProps, NumberInput, type NumberInputProps, NumberRangeInput, type NumberRangeInputProps, PasswordInput, type PasswordInputProps, QueryAutocomplete, QueryAutocompleteProps, QuerySelect, QuerySelectProps, RHFFileUploadProps, RHFInputUploadProps, RHFQueryAutocompleteProps, RHFQuerySelectProps, RadioGroup, type RadioGroupProps, Segment, type SegmentProps, Select, type SelectProps, Slider, type SliderProps, TextArea, type TextAreaProps, TextEditor, type TextEditorProps, TextInput, type TextInputProps, TimePicker, type TimePickerProps, Toggle, type ToggleProps };

package/dist/rhf/date-picker.d.ts

@@ -1,3 +1,9 @@
 import { DatePickerProps } from "../components/inputs/DateTime/DatePicker/DatePicker.js";
-import { ControlledDatePickerProps, DatePicker } from "./components.js";
-export { type ControlledDatePickerProps, DatePicker, type DatePickerProps };
+import { ControlProps } from "./form.types.js";
+import { FireBlurOnChangeProps } from "./fieldAdapter.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/date-picker.d.ts
+type ControlledDatePickerProps<T extends FieldValues> = ControlProps<DatePickerProps & FireBlurOnChangeProps, T>;
+declare const DatePicker: <T extends FieldValues>(props: ControlledDatePickerProps<T>) => import("react").ReactNode;
+//#endregion
+export { ControlledDatePickerProps, DatePicker, type DatePickerProps };

package/dist/rhf/date-picker.js

@@ -1,2 +1,10 @@
-import { DatePicker } from "./components.js";
+import { runtime, useFireBlurOnChange } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { DatePicker as DatePicker$1 } from "../components/inputs/DateTime/DatePicker/DatePicker.js";
+import { toCalendarDate } from "./date.transforms.js";
+//#region src/entries/rhf/date-picker.ts
+const DatePicker = (props) => {
+	return renderRHFField(runtime(DatePicker$1), useFireBlurOnChange(props, "dateInput"), "value", toCalendarDate);
+};
+//#endregion
 export { DatePicker };

package/dist/rhf/date-range-picker.d.ts

@@ -1,3 +1,9 @@
 import { DateRangePickerProps } from "../components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
-import { ControlledDateRangePickerProps, DateRangePicker } from "./components.js";
-export { type ControlledDateRangePickerProps, DateRangePicker, type DateRangePickerProps };
+import { ControlProps } from "./form.types.js";
+import { FireBlurOnChangeProps } from "./fieldAdapter.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/date-range-picker.d.ts
+type ControlledDateRangePickerProps<T extends FieldValues> = ControlProps<DateRangePickerProps & FireBlurOnChangeProps, T>;
+declare const DateRangePicker: <T extends FieldValues>(props: ControlledDateRangePickerProps<T>) => import("react").ReactNode;
+//#endregion
+export { ControlledDateRangePickerProps, DateRangePicker, type DateRangePickerProps };

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

@@ -1,2 +1,10 @@
-import { DateRangePicker } from "./components.js";
+import { runtime, useFireBlurOnChange } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { toCalendarDateRange } from "./date.transforms.js";
+import { DateRangePicker as DateRangePicker$1 } from "../components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
+//#region src/entries/rhf/date-range-picker.ts
+const DateRangePicker = (props) => {
+	return renderRHFField(runtime(DateRangePicker$1), useFireBlurOnChange(props, "dateInput"), "value", toCalendarDateRange);
+};
+//#endregion
 export { DateRangePicker };

package/dist/rhf/date-time-picker.d.ts

@@ -1,3 +1,9 @@
 import { DateTimePickerProps } from "../components/inputs/DateTime/DateTimePicker/DateTimePicker.js";
-import { ControlledDateTimePickerProps, DateTimePicker } from "./components.js";
-export { type ControlledDateTimePickerProps, DateTimePicker, type DateTimePickerProps };
+import { ControlProps } from "./form.types.js";
+import { FireBlurOnChangeProps } from "./fieldAdapter.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/date-time-picker.d.ts
+type ControlledDateTimePickerProps<T extends FieldValues> = ControlProps<DateTimePickerProps & FireBlurOnChangeProps, T>;
+declare const DateTimePicker: <T extends FieldValues>(props: ControlledDateTimePickerProps<T>) => import("react").ReactNode;
+//#endregion
+export { ControlledDateTimePickerProps, DateTimePicker, type DateTimePickerProps };

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

@@ -1,2 +1,10 @@
-import { DateTimePicker } from "./components.js";
+import { runtime, useFireBlurOnChange } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { toCalendarDateTime } from "./date.transforms.js";
+import { DateTimePicker as DateTimePicker$1 } from "../components/inputs/DateTime/DateTimePicker/DateTimePicker.js";
+//#region src/entries/rhf/date-time-picker.ts
+const DateTimePicker = (props) => {
+	return renderRHFField(runtime(DateTimePicker$1), useFireBlurOnChange(props, "dateInput"), "value", toCalendarDateTime);
+};
+//#endregion
 export { DateTimePicker };

package/dist/rhf/date.transforms.js

@@ -0,0 +1,15 @@
+import { parseDate, parseDateTime, parseTime } from "@internationalized/date";
+//#region src/rhf/date.transforms.ts
+const toCalendarDate$1 = (value) => typeof value === "string" ? parseDate(value.slice(0, 10)) : value;
+const toCalendarDateTime$1 = (value) => typeof value === "string" ? parseDateTime(value.replace(/(?:Z|[+-]\d{2}:?\d{2})$/, "")) : value;
+const toTime$1 = (value) => typeof value === "string" ? parseTime(value.slice(11, 23)) : value;
+const toCalendarDateRange = (value) => {
+	if (!value || typeof value !== "object" || !("start" in value) || !("end" in value)) return value;
+	const range = value;
+	return {
+		start: toCalendarDate$1(range.start),
+		end: toCalendarDate$1(range.end)
+	};
+};
+//#endregion
+export { toCalendarDate$1 as toCalendarDate, toCalendarDateRange, toCalendarDateTime$1 as toCalendarDateTime, toTime$1 as toTime };

package/dist/rhf/entry.utils.js

@@ -1,5 +1,22 @@
-import "react/compiler-runtime";
+import { UIConfig } from "../config/uiConfig.context.js";
+import { c } from "react/compiler-runtime";
 //#region src/rhf/entry.utils.tsx
 const runtime = (component) => component;
+const useFireBlurOnChange = (props, key) => {
+	const $ = c(3);
+	const config = UIConfig.useConfig();
+	const t0 = props.fireBlurOnChange ?? config[key].fireBlurOnChange;
+	let t1;
+	if ($[0] !== props || $[1] !== t0) {
+		t1 = {
+			...props,
+			fireBlurOnChange: t0
+		};
+		$[0] = props;
+		$[1] = t0;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
 //#endregion
-export { runtime };
+export { runtime, useFireBlurOnChange };

package/dist/rhf/file-upload.d.ts

@@ -0,0 +1,10 @@
+import { FileUploadBaseProps } from "../components/inputs/File/fileUpload.types.js";
+import "../components/file-upload.js";
+import { ControlProps } from "./form.types.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/file-upload.d.ts
+type FileUploadProps<T extends FieldValues> = ControlProps<FileUploadBaseProps, T>;
+type RHFFileUploadProps<T extends FieldValues> = FileUploadProps<T>;
+declare const FileUpload: <T extends FieldValues>(props: FileUploadProps<T>) => import("react").ReactNode;
+//#endregion
+export { FileUpload, type FileUploadBaseProps, FileUploadProps, RHFFileUploadProps };

package/dist/rhf/file-upload.js

@@ -0,0 +1,7 @@
+import { runtime } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { FileUpload as FileUpload$1 } from "../components/file-upload.js";
+//#region src/entries/rhf/file-upload.ts
+const FileUpload = (props) => renderRHFField(runtime(FileUpload$1), props);
+//#endregion
+export { FileUpload };

package/dist/rhf/input-upload.d.ts

@@ -0,0 +1,10 @@
+import { InputUploadBaseProps } from "../components/inputs/File/inputUpload.types.js";
+import "../components/input-upload.js";
+import { ControlProps } from "./form.types.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/input-upload.d.ts
+type InputUploadProps<T extends FieldValues> = ControlProps<InputUploadBaseProps, T>;
+type RHFInputUploadProps<T extends FieldValues> = InputUploadProps<T>;
+declare const InputUpload: <T extends FieldValues>(props: InputUploadProps<T>) => import("react").ReactNode;
+//#endregion
+export { InputUpload, type InputUploadBaseProps, InputUploadProps, RHFInputUploadProps };

package/dist/rhf/input-upload.js

@@ -0,0 +1,7 @@
+import { runtime } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { InputUpload as InputUpload$1 } from "../components/input-upload.js";
+//#region src/entries/rhf/input-upload.ts
+const InputUpload = (props) => renderRHFField(runtime(InputUpload$1), props);
+//#endregion
+export { InputUpload };

package/dist/rhf/inputs.js

@@ -0,0 +1,3 @@
+import { Inputs } from "./Inputs2.js";
+import { dynamicInputs } from "./dynamicInputs.js";
+export { Inputs, dynamicInputs };

package/dist/rhf/inputs2.d.ts

@@ -0,0 +1,6 @@
+import { InputVariantProps } from "../components/inputs/shared/input.cva.js";
+import { OmitDiscriminatedUnion } from "../types/common.js";
+import { InputDef, Inputs, InputsProps } from "./Inputs.js";
+import { DynamicInputsObjectSchema } from "../helpers/dynamicInputs.js";
+import { DynamicInputsOptions, dynamicInputs } from "./dynamicInputs.js";
+export { type DynamicInputsObjectSchema, type DynamicInputsOptions, type InputDef, type InputVariantProps, Inputs, type InputsProps, type OmitDiscriminatedUnion, dynamicInputs };

package/dist/rhf/number-input.js

@@ -1,6 +1,6 @@
-import { NumberInput as NumberInput$1 } from "../components/number-input.js";
-import { renderRHFField } from "./fieldAdapter.js";
 import { runtime } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { NumberInput as NumberInput$1 } from "../components/number-input.js";
 //#region src/entries/rhf/number-input.ts
 const NumberInput = (props) => renderRHFField(runtime(NumberInput$1), props);
 //#endregion

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

@@ -1,6 +1,6 @@
-import { NumberRangeInput as NumberRangeInput$1 } from "../components/number-range-input.js";
-import { renderRHFField } from "./fieldAdapter.js";
 import { runtime } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { NumberRangeInput as NumberRangeInput$1 } from "../components/number-range-input.js";
 //#region src/entries/rhf/number-range-input.ts
 const NumberRangeInput = (props) => renderRHFField(runtime(NumberRangeInput$1), props);
 //#endregion

package/dist/rhf/password-input.js

@@ -1,6 +1,6 @@
-import { PasswordInput as PasswordInput$1 } from "../components/password-input.js";
-import { renderRHFField } from "./fieldAdapter.js";
 import { runtime } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { PasswordInput as PasswordInput$1 } from "../components/password-input.js";
 //#region src/entries/rhf/password-input.ts
 const PasswordInput = (props) => renderRHFField(runtime(PasswordInput$1), props);
 //#endregion

package/dist/rhf/query-autocomplete.d.ts

@@ -1,2 +1,14 @@
-import { QueryAutocomplete, RHFQueryAutocompleteProps } from "./components.js";
-export { QueryAutocomplete, type RHFQueryAutocompleteProps as QueryAutocompleteProps };
+import { SelectItem } from "../components/inputs/Selection/shared/select.types.js";
+import { QueryAutocompleteProps as QueryAutocompleteProps$1, QueryFn } from "../components/inputs/Selection/Autocomplete/queryAutocomplete.types.js";
+import { FormControl } from "./form.types.js";
+import { FireBlurOnChangeProps } from "./fieldAdapter.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/query-autocomplete.d.ts
+type ReplaceField<P, T extends FieldValues> = Omit<P, "field"> & {
+  formControl: FormControl<T, unknown>;
+} & FireBlurOnChangeProps;
+type QueryAutocompleteProps<T extends FieldValues, I extends SelectItem<any>, Q extends QueryFn> = ReplaceField<QueryAutocompleteProps$1<T, I, Q>, T>;
+type RHFQueryAutocompleteProps<T extends FieldValues, I extends SelectItem<any>, Q extends QueryFn> = QueryAutocompleteProps<T, I, Q>;
+declare const QueryAutocomplete: <T extends FieldValues, I extends SelectItem<any>, Q extends QueryFn>(props: QueryAutocompleteProps<T, I, Q>) => import("react").ReactNode;
+//#endregion
+export { QueryAutocomplete, QueryAutocompleteProps, RHFQueryAutocompleteProps };

package/dist/rhf/query-autocomplete.js

@@ -1,2 +1,9 @@
-import { QueryAutocomplete } from "./components.js";
+import { runtime, useFireBlurOnChange } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { QueryAutocomplete as QueryAutocomplete$1 } from "../components/query-autocomplete.js";
+//#region src/entries/rhf/query-autocomplete.ts
+const QueryAutocomplete = (props) => {
+	return renderRHFField(runtime(QueryAutocomplete$1), useFireBlurOnChange(props, "select"));
+};
+//#endregion
 export { QueryAutocomplete };

package/dist/rhf/query-select.d.ts

@@ -1,2 +1,15 @@
-import { QuerySelect, RHFQuerySelectProps } from "./components.js";
-export { QuerySelect, type RHFQuerySelectProps as QuerySelectProps };
+import { DefaultInitialSelectItem } from "../components/inputs/Selection/shared/select.types.js";
+import { QuerySelect as QuerySelect$1, QuerySelectProps as QuerySelectProps$1 } from "../components/query-select.js";
+import { FormControl } from "./form.types.js";
+import { FireBlurOnChangeProps } from "./fieldAdapter.js";
+import { Key } from "react-aria-components";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/query-select.d.ts
+type ReplaceField<P, T extends FieldValues> = Omit<P, "field"> & {
+  formControl: FormControl<T, unknown>;
+} & FireBlurOnChangeProps;
+type QuerySelectProps<T extends FieldValues, Q extends Parameters<typeof QuerySelect$1>[0]["query"], K extends Key = Key, I = DefaultInitialSelectItem<K>> = ReplaceField<QuerySelectProps$1<T, Q, K, I>, T>;
+type RHFQuerySelectProps<T extends FieldValues, Q extends Parameters<typeof QuerySelect$1>[0]["query"], K extends Key = Key, I = DefaultInitialSelectItem<K>> = QuerySelectProps<T, Q, K, I>;
+declare const QuerySelect: <T extends FieldValues, Q extends Parameters<typeof QuerySelect$1>[0]["query"], K extends Key = Key, I = DefaultInitialSelectItem<K>>(props: QuerySelectProps<T, Q, K, I>) => import("react").ReactNode;
+//#endregion
+export { QuerySelect, QuerySelectProps, RHFQuerySelectProps };

package/dist/rhf/query-select.js

@@ -1,2 +1,9 @@
-import { QuerySelect } from "./components.js";
+import { runtime, useFireBlurOnChange } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { QuerySelect as QuerySelect$1 } from "../components/query-select.js";
+//#region src/entries/rhf/query-select.ts
+const QuerySelect = (props) => {
+	return renderRHFField(runtime(QuerySelect$1), useFireBlurOnChange(props, "select"));
+};
+//#endregion
 export { QuerySelect };

package/dist/rhf/radio-group.d.ts

@@ -1,3 +1,9 @@
 import { RadioGroupProps } from "../components/radio-group.js";
-import { ControlledRadioGroupProps, RadioGroup } from "./components.js";
-export { type ControlledRadioGroupProps, RadioGroup, type RadioGroupProps };
+import { ControlProps } from "./form.types.js";
+import { FireBlurOnChangeProps } from "./fieldAdapter.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/radio-group.d.ts
+type ControlledRadioGroupProps<T extends FieldValues> = ControlProps<RadioGroupProps & FireBlurOnChangeProps, T>;
+declare const RadioGroup: <T extends FieldValues>(props: ControlledRadioGroupProps<T>) => import("react").ReactNode;
+//#endregion
+export { ControlledRadioGroupProps, RadioGroup, type RadioGroupProps };

package/dist/rhf/radio-group.js

@@ -1,2 +1,9 @@
-import { RadioGroup } from "./components.js";
+import { runtime, useFireBlurOnChange } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { RadioGroup as RadioGroup$1 } from "../components/radio-group.js";
+//#region src/entries/rhf/radio-group.ts
+const RadioGroup = (props) => {
+	return renderRHFField(runtime(RadioGroup$1), useFireBlurOnChange(props, "radioGroup"));
+};
+//#endregion
 export { RadioGroup };

package/dist/rhf/segment.d.ts

@@ -1,3 +1,9 @@
+import { ControlProps } from "./form.types.js";
 import { SegmentProps } from "../components/segment/segment.types.js";
-import { ControlledSegmentProps, Segment } from "./components.js";
-export { type ControlledSegmentProps, Segment, type SegmentProps };
+import { Key } from "react-aria-components";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/segment.d.ts
+type ControlledSegmentProps<T extends FieldValues, TKey extends Key = Key> = ControlProps<SegmentProps<TKey>, T>;
+declare const Segment: <T extends FieldValues, TKey extends Key = Key>(props: ControlledSegmentProps<T, TKey>) => import("react").ReactNode;
+//#endregion
+export { ControlledSegmentProps, Segment, type SegmentProps };

package/dist/rhf/segment.js

@@ -1,2 +1,7 @@
-import { Segment } from "./components.js";
+import { runtime } from "./entry.utils.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { Segment as Segment$1 } from "../components/segment/Segment.js";
+//#region src/entries/rhf/segment.ts
+const Segment = (props) => renderRHFField(runtime(Segment$1), props);
+//#endregion
 export { Segment };

package/dist/rhf/select.d.ts

@@ -1,3 +1,16 @@
+import { DefaultInitialSelectItem, GroupedSelectProps, MultiSelectProps, SingleSelectProps } from "../components/inputs/Selection/shared/select.types.js";
 import { SelectProps } from "../components/inputs/Selection/Select/Select.js";
-import { ControlledSelectProps, Select } from "./components.js";
-export { type ControlledSelectProps, Select, type SelectProps };
+import { ControlProps } from "./form.types.js";
+import { FireBlurOnChangeProps } from "./fieldAdapter.js";
+import { Key } from "react-aria-components";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/select.d.ts
+type SelectionProps<T extends FieldValues, P, K extends Key, I> = ({
+  selectionMode: MultiSelectProps["selectionMode"];
+} & ControlProps<Omit<P, keyof GroupedSelectProps> & MultiSelectProps<K, I>, T>) | ({
+  selectionMode?: SingleSelectProps["selectionMode"];
+} & ControlProps<Omit<P, keyof GroupedSelectProps> & SingleSelectProps<K, I>, T>);
+type ControlledSelectProps<T extends FieldValues, K extends Key = Key, I = DefaultInitialSelectItem<K>> = SelectionProps<T, SelectProps<K, I> & FireBlurOnChangeProps, K, I>;
+declare const Select: <T extends FieldValues, K extends Key = Key, I = DefaultInitialSelectItem<K>>(props: ControlledSelectProps<T, K, I>) => import("react").ReactNode;
+//#endregion
+export { ControlledSelectProps, Select, type SelectProps };