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

package/dist/components/inputs/Inputs/InputItem.d.ts

@@ -1,67 +1,86 @@
-import { ComponentProps, JSXElementConstructor, ReactElement, ReactNode } from 'react';
-import { z } from 'zod';
-import { Autocomplete } from '../Selection/Autocomplete/Autocomplete';
-import { Select } from '../Selection/Select/Select';
-import { HasRequiredProperty } from '../../../types/common';
-import { UIForm } from '../../../hooks/useForm';
+import { UIForm } from "../../../hooks/useForm.js";
+import { FieldValues } from "../shared/form.binding.js";
+import { ControlledCheckboxProps } from "../../checkbox.js";
+import { TextInputComponent } from "../../text-input.js";
+import { ControlledCheckboxGroupProps } from "../../checkbox-group.js";
+import { NumberInputComponent } from "../../number-input.js";
+import { ControlledNumberRangeInputProps } from "../../number-range-input.js";
+import { ControlledPasswordInputProps } from "../../password-input.js";
+import { ControlledTextAreaProps } from "../../text-area.js";
+import { DefaultInitialSelectItem, SelectItem } from "../Selection/shared/select.types.js";
+import { HasRequiredProperty } from "../../../types/common.js";
+import { AutocompleteProps, ControlledAutocompleteProps } from "../../autocomplete.js";
+import { QueryAutocompleteProps, QueryFn } from "../Selection/Autocomplete/queryAutocomplete.types.js";
+import { ControlledSelectProps, SelectProps } from "../Selection/Select/Select.js";
+import { QueryFn as QueryFn$1 } from "../Selection/shared/querySelect.utils.js";
+import { QuerySelectProps } from "../../query-select.js";
+import { ControlledSliderProps } from "../../slider.js";
+import { ControlledToggleProps } from "../../toggle.js";
+import { Segment } from "../../segment.js";
+import { ControlledDatePickerProps } from "../DateTime/DatePicker/DatePicker.js";
+import { ControlledDateRangePickerProps } from "../DateTime/DateRangePicker/DateRangePicker.js";
+import { ControlledDateTimePickerProps } from "../DateTime/DateTimePicker/DateTimePicker.js";
+import { ControlledTimePickerProps } from "../DateTime/TimePicker/TimePicker.js";
+import "../../../index.js";
+import { ComponentProps, JSXElementConstructor, ReactElement, ReactNode } from "react";
+import { z } from "zod";
+//#region src/components/inputs/Inputs/InputItem.d.ts
 declare const componentRegistry: {
-    readonly toggle: <TFieldValues extends import('../shared/form.binding').FieldValues>(props: import('../Toggle/Toggle').ControlledToggleProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly checkbox: <TFieldValues extends import('../shared/form.binding').FieldValues>(props: import('../Checkbox/Checkbox').ControlledCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly checkboxGroup: <TFieldValues extends import('../shared/form.binding').FieldValues>(props: import('../Checkbox/CheckboxGroup').ControlledCheckboxGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly numberInput: <TFieldValues extends import('../shared/form.binding').FieldValues>({ renderStaticInput, ...props }: import('../Input/NumberInput/NumberInput').ControlledNumberInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly numberRangeInput: <TFieldValues extends import('../shared/form.binding').FieldValues>({ renderStaticInput, ...props }: import('../Input/NumberRangeInput/NumberRangeInput').ControlledNumberRangeInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly slider: <TFieldValues extends import('../shared/form.binding').FieldValues, IsRange extends boolean = false>(props: import('../Slider/Slider').ControlledSliderProps<TFieldValues, IsRange>) => import("react/jsx-runtime").JSX.Element;
-    readonly textInput: <TFieldValues extends import('../shared/form.binding').FieldValues>({ renderStaticInput, ...props }: import('../Input/TextInput/TextInput').ControlledTextInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly passwordInput: <TFieldValues extends import('../shared/form.binding').FieldValues>(props: import('../Input/PasswordInput/PasswordInput').ControlledPasswordInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly textArea: <TFieldValues extends import('../shared/form.binding').FieldValues>(props: import('../Input/TextArea/TextArea').ControlledTextAreaProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly select: typeof Select;
-    readonly querySelect: <TFieldValues extends import('../shared/form.binding').FieldValues, TQueryFn extends import('../Selection/shared/querySelect.utils').QueryFn, TKey extends import('react-aria').Key = import('react-aria').Key, TInitialSelectItem = import('../../..').DefaultInitialSelectItem<TKey>>(props: import('../Selection/Select/QuerySelect').QuerySelectProps<TFieldValues, TQueryFn, TKey, TInitialSelectItem>) => import("react/jsx-runtime").JSX.Element;
-    readonly autocomplete: typeof Autocomplete;
-    readonly queryAutocomplete: <TFieldValues extends import('../shared/form.binding').FieldValues, TSelectItem extends import('../../..').SelectItem<any>, TQueryFn extends import('../Selection/Autocomplete/queryAutocomplete.types').QueryFn>(props: import('../Selection/Autocomplete/queryAutocomplete.types').QueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>) => import("react/jsx-runtime").JSX.Element;
-    readonly segment: <TFieldValues extends import('../shared/form.binding').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key>(props: import('../../segment/segment.types').ControlledSegmentProps<TFieldValues, TKey>) => import("react/jsx-runtime").JSX.Element;
-    readonly datePicker: <TFieldValues extends import('../shared/form.binding').FieldValues>({ fullIso, granularity, minValue, maxValue, renderStaticInput, ...props }: import('../DateTime/DatePicker/DatePicker').ControlledDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly dateTimePicker: <TFieldValues extends import('../shared/form.binding').FieldValues>({ fullIso, renderStaticInput, ...props }: import('../DateTime/DateTimePicker/DateTimePicker').ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly timePicker: <TFieldValues extends import('../shared/form.binding').FieldValues>({ renderStaticInput, ...props }: import('../DateTime/TimePicker/TimePicker').ControlledTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly dateRangePicker: <TFieldValues extends import('../shared/form.binding').FieldValues>({ fullIso, minValue, maxValue, renderStaticInput, ...props }: import('../DateTime/DateRangePicker/DateRangePicker').ControlledDateRangePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly unknown: null;
+  readonly toggle: <TFieldValues extends FieldValues>(props: ControlledToggleProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+  readonly checkbox: <TFieldValues extends FieldValues>(props: ControlledCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+  readonly checkboxGroup: <TFieldValues extends FieldValues>(props: ControlledCheckboxGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+  readonly numberInput: typeof NumberInputComponent;
+  readonly numberRangeInput: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledNumberRangeInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+  readonly slider: <TFieldValues extends FieldValues, IsRange extends boolean = false>(props: ControlledSliderProps<TFieldValues, IsRange>) => import("react/jsx-runtime").JSX.Element;
+  readonly textInput: typeof TextInputComponent;
+  readonly passwordInput: <TFieldValues extends FieldValues>(props: ControlledPasswordInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+  readonly textArea: <TFieldValues extends FieldValues>(props: ControlledTextAreaProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+  readonly select: {
+    <TKey extends import("react-aria").Key = import("react-aria").Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: SelectProps<TKey, TInitialSelectItem>): ReactElement;
+    <TFieldValues extends FieldValues, TKey extends import("react-aria").Key = import("react-aria").Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledSelectProps<TFieldValues, TKey, TInitialSelectItem>): ReactElement;
+  };
+  readonly querySelect: <TFieldValues extends FieldValues, TQueryFn extends QueryFn$1, TKey extends import("react-aria").Key = import("react-aria").Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: QuerySelectProps<TFieldValues, TQueryFn, TKey, TInitialSelectItem>) => import("react/jsx-runtime").JSX.Element;
+  readonly autocomplete: {
+    <TKey extends import("react-aria").Key = import("react-aria").Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: AutocompleteProps<TKey, TInitialSelectItem>): ReactElement;
+    <TFieldValues extends FieldValues, TKey extends import("react-aria").Key = import("react-aria").Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledAutocompleteProps<TFieldValues, TKey, TInitialSelectItem>): ReactElement;
+  };
+  readonly queryAutocomplete: <TFieldValues extends FieldValues, TSelectItem extends SelectItem<any>, TQueryFn extends QueryFn>(props: QueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>) => import("react/jsx-runtime").JSX.Element;
+  readonly segment: typeof Segment;
+  readonly datePicker: <TFieldValues extends FieldValues>({ fullIso, granularity, minValue, maxValue, renderStaticInput, ...props }: ControlledDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+  readonly dateTimePicker: <TFieldValues extends FieldValues>({ fullIso, renderStaticInput, ...props }: ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+  readonly timePicker: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+  readonly dateRangePicker: <TFieldValues extends FieldValues>({ fullIso, minValue, maxValue, renderStaticInput, ...props }: ControlledDateRangePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+  readonly unknown: null;
 };
-export type InputComponentRegistry = typeof componentRegistry;
-export type InputComponentType = keyof InputComponentRegistry;
-interface InputItemProps<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>> {
-    form: UIForm<TSchemaType>;
-    inputDef: InputDef<TSchemaType>;
-}
-export type InputDef<TSchemaType extends Record<string, any>> = {
-    [T in InputComponentType]: T extends "unknown" ? never : {
-        [K in keyof TSchemaType]: TypeBasedInputDef<TSchemaType, T, K> | RenderBasedInputDef<TSchemaType, K>;
-    }[keyof TSchemaType];
-}[InputComponentType];
+type InputComponentRegistry = typeof componentRegistry;
+type InputComponentType = keyof InputComponentRegistry;
+type InputDef<TSchemaType extends Record<string, any>> = { [T in InputComponentType]: T extends "unknown" ? never : { [K in keyof TSchemaType]: TypeBasedInputDef<TSchemaType, T, K> | RenderBasedInputDef<TSchemaType, K>; }[keyof TSchemaType]; }[InputComponentType];
 type TypeBasedInputDef<TSchemaType extends Record<string, any>, T extends InputComponentType, K extends keyof TSchemaType> = {
-    type: T;
-    name: K;
-    label: string;
-    placeholder?: string;
-    inputWrapper?: InputWrapperType;
-    render?: never;
+  type: T;
+  name: K;
+  label: string;
+  placeholder?: string;
+  inputWrapper?: InputWrapperType;
+  render?: never;
 } & (HasRequiredProperty<InputDefBaseProps<InputComponentProps<T>>> extends true ? {
-    props?: InputDefBaseProps<InputComponentProps<T>>;
+  props?: InputDefBaseProps<InputComponentProps<T>>;
 } : {
-    props: InputDefBaseProps<InputComponentProps<T>>;
+  props: InputDefBaseProps<InputComponentProps<T>>;
 });
 interface RenderBasedInputDef<TSchemaType extends Record<string, any>, K extends keyof TSchemaType> {
-    type?: never;
+  type?: never;
+  name: K;
+  label?: string;
+  placeholder?: string;
+  props?: never;
+  inputWrapper?: never;
+  render: (field: {
+    form: UIForm<TSchemaType>;
     name: K;
-    label?: string;
-    placeholder?: string;
-    props?: never;
-    inputWrapper?: never;
-    render: (field: {
-        form: UIForm<TSchemaType>;
-        name: K;
-    }, form: UIForm<TSchemaType>) => ReactElement;
+  }, form: UIForm<TSchemaType>) => ReactElement;
 }
-export type InputWrapperType = (children: ReactNode, label: string) => ReactElement;
-export type InputComponentProps<T extends InputComponentType> = InputComponentRegistry[T] extends keyof React.JSX.IntrinsicElements | JSXElementConstructor<any> ? ComponentProps<InputComponentRegistry[T]> : null;
-export type InputDefBaseProps<TProps> = Omit<TProps, "field" | "label" | "placeholder" | "children">;
-export declare function InputItem<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>>({ form, inputDef }: InputItemProps<TSchema, TSchemaType>): import("react/jsx-runtime").JSX.Element | null;
-export {};
+type InputWrapperType = (children: ReactNode, label: string) => ReactElement;
+type InputComponentProps<T extends InputComponentType> = InputComponentRegistry[T] extends keyof React.JSX.IntrinsicElements | JSXElementConstructor<any> ? ComponentProps<InputComponentRegistry[T]> : null;
+type InputDefBaseProps<TProps> = Omit<TProps, "field" | "label" | "placeholder" | "children">;
+//#endregion
+export { InputComponentProps, InputComponentRegistry, InputComponentType, InputDef, InputDefBaseProps, InputWrapperType };

package/dist/components/inputs/Inputs/InputItem.js

@@ -1,25 +1,25 @@
-import { Checkbox } from "../Checkbox/Checkbox.js";
-import { CheckboxGroup } from "../Checkbox/CheckboxGroup.js";
+import { Checkbox } from "../../checkbox.js";
+import { CheckboxGroup } from "../../checkbox-group.js";
 import { DatePicker } from "../DateTime/DatePicker/DatePicker.js";
-import { TextInput } from "../Input/TextInput/TextInput.js";
+import { TextInput } from "../../text-input.js";
 import { Select } from "../Selection/Select/Select.js";
 import { DateRangePicker } from "../DateTime/DateRangePicker/DateRangePicker.js";
 import { DateTimePicker } from "../DateTime/DateTimePicker/DateTimePicker.js";
 import { TimePicker } from "../DateTime/TimePicker/TimePicker.js";
-import { NumberInput } from "../Input/NumberInput/NumberInput.js";
-import { NumberRangeInput } from "../Input/NumberRangeInput/NumberRangeInput.js";
-import { PasswordInput } from "../Input/PasswordInput/PasswordInput.js";
-import { TextArea } from "../Input/TextArea/TextArea.js";
-import { Autocomplete } from "../Selection/Autocomplete/Autocomplete.js";
-import { QueryAutocomplete } from "../Selection/Autocomplete/QueryAutocomplete.js";
-import { QuerySelect } from "../Selection/Select/QuerySelect.js";
-import { Slider } from "../Slider/Slider.js";
-import { Toggle } from "../Toggle/Toggle.js";
-import { Segment } from "../../segment/Segment.js";
-import { c } from "react/compiler-runtime";
+import { NumberInput } from "../../number-input.js";
+import { NumberRangeInput } from "../../number-range-input.js";
+import { PasswordInput } from "../../password-input.js";
+import { TextArea } from "../../text-area.js";
+import { Autocomplete } from "../../autocomplete.js";
+import { QueryAutocomplete } from "../../query-autocomplete.js";
+import { QuerySelect } from "../../query-select.js";
+import { Slider } from "../../slider.js";
+import { Toggle } from "../../toggle.js";
+import { Segment } from "../../segment.js";
+import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/InputItem.tsx
-var componentRegistry = {
+const componentRegistry = {
 	toggle: Toggle,
 	checkbox: Checkbox,
 	checkboxGroup: CheckboxGroup,
@@ -40,73 +40,24 @@ var componentRegistry = {
 	dateRangePicker: DateRangePicker,
 	unknown: null
 };
-function InputItem(t0) {
-	const $ = c(18);
-	const { form, inputDef } = t0;
+function InputItem({ form, inputDef }) {
 	const { name, label, placeholder, props, inputWrapper, render, type } = inputDef;
-	let field;
-	let t1;
-	if ($[0] !== form || $[1] !== name || $[2] !== render) {
-		t1 = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			field = {
-				form,
-				name
-			};
-			if (render) {
-				t1 = render(field, form);
-				break bb0;
-			}
-		}
-		$[0] = form;
-		$[1] = name;
-		$[2] = render;
-		$[3] = field;
-		$[4] = t1;
-	} else {
-		field = $[3];
-		t1 = $[4];
-	}
-	if (t1 !== Symbol.for("react.early_return_sentinel")) return t1;
+	const field = useMemo(() => ({
+		form,
+		name
+	}), [form, name]);
+	if (render) return render(field, form);
 	if (!type) return null;
 	const Component = componentRegistry[type];
 	const usesChildrenAsLabel = ["toggle", "checkbox"].includes(type);
-	let t2;
-	if ($[5] !== props) {
-		t2 = props ?? {};
-		$[5] = props;
-		$[6] = t2;
-	} else t2 = $[6];
-	const inputProps = t2;
-	const t3 = usesChildrenAsLabel ? void 0 : label;
-	const t4 = usesChildrenAsLabel ? label : void 0;
-	let t5;
-	if ($[7] !== Component || $[8] !== field || $[9] !== inputProps || $[10] !== placeholder || $[11] !== t3 || $[12] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Component, {
-			...inputProps,
-			label: t3,
-			placeholder,
-			field,
-			children: t4
-		});
-		$[7] = Component;
-		$[8] = field;
-		$[9] = inputProps;
-		$[10] = placeholder;
-		$[11] = t3;
-		$[12] = t4;
-		$[13] = t5;
-	} else t5 = $[13];
-	const inputComponent = t5;
-	let t6;
-	if ($[14] !== inputComponent || $[15] !== inputWrapper || $[16] !== label) {
-		t6 = inputWrapper ? inputWrapper(inputComponent, label) : inputComponent;
-		$[14] = inputComponent;
-		$[15] = inputWrapper;
-		$[16] = label;
-		$[17] = t6;
-	} else t6 = $[17];
-	return t6;
+	const inputComponent = /* @__PURE__ */ jsx(Component, {
+		...props ?? {},
+		label: usesChildrenAsLabel ? void 0 : label,
+		placeholder,
+		field,
+		children: usesChildrenAsLabel ? label : void 0
+	});
+	return inputWrapper ? inputWrapper(inputComponent, label) : inputComponent;
 }
 //#endregion
 export { InputItem };

package/dist/components/inputs/Inputs/Inputs.d.ts

@@ -1,10 +1,13 @@
-import { ReactNode } from 'react';
-import { z } from 'zod';
-import { UIForm } from '../../../hooks/useForm';
-import { InputDef } from './InputItem';
-export interface InputsProps<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>> {
-    form: UIForm<TSchemaType>;
-    inputDefs: Array<InputDef<TSchemaType>>;
-    children?: (inputs: Record<keyof TSchemaType, ReactNode>) => ReactNode;
+import { UIForm } from "../../../hooks/useForm.js";
+import { InputDef } from "./InputItem.js";
+import { ReactNode } from "react";
+import { z } from "zod";
+//#region src/components/inputs/Inputs/Inputs.d.ts
+interface InputsProps<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>> {
+  form: UIForm<TSchemaType>;
+  inputDefs: Array<InputDef<TSchemaType>>;
+  children?: (inputs: Record<keyof TSchemaType, ReactNode>) => ReactNode;
 }
-export declare function Inputs<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>>({ form, inputDefs, children, }: InputsProps<TSchema, TSchemaType>): string | number | bigint | boolean | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element[] | null | undefined;
+declare function Inputs<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>>({ form, inputDefs, children }: InputsProps<TSchema, TSchemaType>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element[] | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null | undefined;
+//#endregion
+export { Inputs, InputsProps };

package/dist/components/inputs/Inputs/Inputs.js

@@ -1,43 +1,17 @@
 import { InputItem } from "./InputItem.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/Inputs.tsx
-function Inputs(t0) {
-	const $ = c(9);
-	const { form, inputDefs, children } = t0;
-	if (!children) {
-		let t1;
-		if ($[0] !== form || $[1] !== inputDefs) {
-			let t2;
-			if ($[3] !== form) {
-				t2 = (inputDef) => /* @__PURE__ */ jsx(InputItem, {
-					form,
-					inputDef
-				}, String(inputDef.name));
-				$[3] = form;
-				$[4] = t2;
-			} else t2 = $[4];
-			t1 = inputDefs.map(t2);
-			$[0] = form;
-			$[1] = inputDefs;
-			$[2] = t1;
-		} else t1 = $[2];
-		return t1;
-	}
-	let t1;
-	if ($[5] !== children || $[6] !== form || $[7] !== inputDefs) {
-		const childrenParams = {};
-		for (const inputDef_0 of inputDefs) childrenParams[inputDef_0.name] = /* @__PURE__ */ jsx(InputItem, {
-			form,
-			inputDef: inputDef_0
-		});
-		t1 = children(childrenParams);
-		$[5] = children;
-		$[6] = form;
-		$[7] = inputDefs;
-		$[8] = t1;
-	} else t1 = $[8];
-	return t1;
+function Inputs({ form, inputDefs, children }) {
+	if (!children) return inputDefs.map((inputDef) => /* @__PURE__ */ jsx(InputItem, {
+		form,
+		inputDef
+	}, String(inputDef.name)));
+	const childrenParams = {};
+	for (const inputDef of inputDefs) childrenParams[inputDef.name] = /* @__PURE__ */ jsx(InputItem, {
+		form,
+		inputDef
+	});
+	return children(childrenParams);
 }
 //#endregion
 export { Inputs };

package/dist/components/inputs/RadioGroup/radio.cva.d.ts

@@ -1,62 +1,52 @@
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const radioDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly default: ["border-interactive-outlined-secondary-on-idle", "group-disabled:border-interactive-outlined-secondary-on-disabled", "group-hover:border-interactive-outlined-secondary-on-hover", "group-pressed:border-interactive-outlined-secondary-on-pressed", "group-selected:border-interactive-contained-primary-idle", "group-selected:bg-interactive-contained-primary-idle", "group-selected:group-disabled:bg-interactive-contained-primary-disabled", "group-selected:group-disabled:border-interactive-contained-primary-disabled", "group-invalid:border-interactive-outlined-error-on-idle", "group-focus-visible:outline-interactive-contained-primary-focus", "before:bg-interactive-contained-primary-on-idle", "group-hover:before:bg-interactive-contained-primary-on-hover", "group-selected:before:block"];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import "../../text/Typography/typography.cva.js";
+//#region src/components/inputs/RadioGroup/radio.cva.d.ts
+declare const radioDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      default: ["border-interactive-outlined-secondary-on-idle", "group-disabled:border-interactive-outlined-secondary-on-disabled", "group-hover:border-interactive-outlined-secondary-on-hover", "group-pressed:border-interactive-outlined-secondary-on-pressed", "group-selected:border-interactive-contained-primary-idle", "group-selected:bg-interactive-contained-primary-idle", "group-selected:group-disabled:bg-interactive-contained-primary-disabled", "group-selected:group-disabled:border-interactive-contained-primary-disabled", "group-invalid:border-interactive-outlined-error-on-idle", "group-focus-visible:outline-interactive-contained-primary-focus", "before:bg-interactive-contained-primary-on-idle", "group-hover:before:bg-interactive-contained-primary-on-hover", "group-selected:before:block"];
+    };
+  }>;
 };
-export type RadioConfig = NonNullable<typeof radioDefinition.config>;
-export interface RadioVariantProps extends UIOverrides.VariantProps<RadioConfig> {
-}
-export declare const radioContentWrapperDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly default: "";
-        };
-        readonly as: {
-            readonly default: "flex-col";
-            readonly floating: "flex-col";
-            readonly filter: "flex-row flex-wrap items-center gap-2";
-            readonly inline: "flex-row flex-wrap items-center gap-2";
-        };
-        readonly hasInputFrame: {
-            readonly true: "gap-2";
-            readonly false: "";
-        };
-    }>;
+type RadioConfig = NonNullable<typeof radioDefinition.config>;
+interface RadioVariantProps extends UIOverrides.VariantProps<RadioConfig> {}
+declare const radioContentWrapperDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly default: "";
+    };
+    readonly as: {
+      readonly default: "flex-col";
+      readonly floating: "flex-col";
+      readonly filter: "flex-row flex-wrap items-center gap-2";
+      readonly inline: "flex-row flex-wrap items-center gap-2";
+    };
+    readonly hasInputFrame: {
+      readonly true: "gap-2";
+      readonly false: "";
+    };
+  }>;
 };
-export type RadioContentWrapperConfig = NonNullable<typeof radioContentWrapperDefinition.config>;
-export interface RadioContentWrapperVariantProps extends UIOverrides.VariantProps<RadioContentWrapperConfig> {
-}
-export declare const radioContentRowDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly default: "";
-        };
-        readonly as: {
-            readonly default: "flex-col";
-            readonly floating: "flex-col";
-            readonly filter: "flex-row flex-wrap items-center gap-2";
-            readonly inline: "flex-row flex-wrap items-center gap-2";
-        };
-        readonly hasInputFrame: {
-            readonly true: "gap-2";
-            readonly false: "";
-        };
-    }>;
+declare const radioContentRowDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly default: "";
+    };
+    readonly as: {
+      readonly default: "flex-col";
+      readonly floating: "flex-col";
+      readonly filter: "flex-row flex-wrap items-center gap-2";
+      readonly inline: "flex-row flex-wrap items-center gap-2";
+    };
+    readonly hasInputFrame: {
+      readonly true: "gap-2";
+      readonly false: "";
+    };
+  }>;
 };
-export type RadioContentRowConfig = NonNullable<typeof radioContentRowDefinition.config>;
-export interface RadioContentRowVariantProps extends UIOverrides.VariantProps<RadioContentRowConfig> {
-}
-export declare const radioIndicatorClass = "group flex items-center gap-2";
-export declare const radioTypography: (props: {
-    readonly variant?: "default" | null | undefined;
-}) => TypographyVariantProps | undefined;
-export declare const radioContentClassName: (props: {
-    readonly variant?: "default" | null | undefined;
-}) => string | undefined;
+//#endregion
+export { RadioConfig, RadioVariantProps, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition };

package/dist/components/inputs/RadioGroup/radio.cva.js

@@ -2,7 +2,7 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiGroupOutlineClass } from "../../outline.clsx.js";
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 //#region src/components/inputs/RadioGroup/radio.cva.ts
-var radioDefinition = UIOverrides.defineConfig({
+const radioDefinition = UIOverrides.defineConfig({
 	base: [
 		"flex items-center justify-center border-2",
 		"relative size-3-5 rounded-full p-1-5",
@@ -28,7 +28,7 @@ var radioDefinition = UIOverrides.defineConfig({
 		defaultVariants: { variant: "default" }
 	}
 });
-var radioContentWrapperDefinition = UIOverrides.defineConfig({
+const radioContentWrapperDefinition = UIOverrides.defineConfig({
 	base: ["relative flex"],
 	config: {
 		variants: {
@@ -51,7 +51,7 @@ var radioContentWrapperDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var radioContentRowDefinition = UIOverrides.defineConfig({
+const radioContentRowDefinition = UIOverrides.defineConfig({
 	base: ["flex"],
 	config: {
 		variants: {
@@ -74,12 +74,12 @@ var radioContentRowDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var radioIndicatorClass = "group flex items-center gap-2";
-var radioTypography = compoundMapper({ default: {
+const radioIndicatorClass = "group flex items-center gap-2";
+const radioTypography = compoundMapper({ default: {
 	size: "label-1",
 	sizeMobile: "label-1",
 	variant: "default"
 } });
-var radioContentClassName = compoundMapper({ default: "text-text-default-2" });
+const radioContentClassName = compoundMapper({ default: "text-text-default-2" });
 //#endregion
 export { radioContentClassName, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, radioIndicatorClass, radioTypography };

package/dist/components/inputs/Selection/Autocomplete/queryAutocomplete.types.d.ts

@@ -1,39 +1,26 @@
-import { InfiniteData, UseInfiniteQueryResult, UseQueryResult } from '@tanstack/react-query';
-import { Key } from 'react-aria-components';
-import { FieldValues } from '../../shared/form.binding';
-import { AutocompleteProps } from './Autocomplete';
-import { GroupedSelectControlProps, GroupedSelectProps, SelectItem } from '../shared/select.types';
-import { OmitDiscriminatedUnion } from '../../../../types/common';
-export type InfiniteQueryPage<TKey extends Key> = {
-    items?: SelectItem<TKey>[];
-    totalItems?: number;
+import { FieldValues } from "../../shared/form.binding.js";
+import { GroupedSelectControlProps, GroupedSelectProps, SelectItem } from "../shared/select.types.js";
+import { OmitDiscriminatedUnion } from "../../../../types/common.js";
+import { AutocompleteProps } from "../../../autocomplete.js";
+import { Key } from "react-aria-components";
+import { InfiniteData, UseInfiniteQueryResult, UseQueryResult } from "@tanstack/react-query";
+//#region src/components/inputs/Selection/Autocomplete/queryAutocomplete.types.d.ts
+type QueryResult<TData> = UseQueryResult<TData> | UseInfiniteQueryResult<TData>;
+type QueryFn = (params: any, options?: any) => QueryResult<any>;
+type ExtractQueryParams<TQueryFn> = TQueryFn extends ((params: infer TParams, ...args: any[]) => any) ? TParams : never;
+type ExtractQueryOptions<TQueryFn> = TQueryFn extends ((params: any, options?: infer TOptions) => any) ? TOptions : never;
+type QueryDataType<TQueryFn extends QueryFn> = Exclude<ReturnType<TQueryFn>["data"], undefined>;
+type ExtractPageType<T> = T extends InfiniteData<infer TPage> ? TPage : T;
+type ExtractedDataType<TQueryFn extends QueryFn> = ExtractPageType<QueryDataType<TQueryFn>> | ExtractPageType<QueryDataType<TQueryFn>>[];
+type QueryAutocompleteProps<TFieldValues extends FieldValues, TSelectItem extends SelectItem<any>, TQueryFn extends QueryFn> = OmitDiscriminatedUnion<AutocompleteProps<TSelectItem["id"]>, "items" | "onSearchChange" | "isLoading" | keyof GroupedSelectProps> & GroupedSelectControlProps<TFieldValues, TSelectItem["id"]> & {
+  query: TQueryFn;
+  queryParams?: Omit<ExtractQueryParams<TQueryFn>, "search" | "limit"> & {
+    limit?: number;
+  };
+  queryOptions?: ExtractQueryOptions<TQueryFn>;
+  queryMap?: (data: ExtractedDataType<TQueryFn>) => SelectItem<TSelectItem["id"]>[];
+  resolveSelectedItemsWithIds?: boolean;
+  isInitialQueryDisabled?: boolean;
 };
-export type QueryResult<TData> = UseQueryResult<TData> | UseInfiniteQueryResult<TData>;
-export type QueryFn = (params: any, options?: any) => QueryResult<any>;
-export type ExtractQueryParams<TQueryFn> = TQueryFn extends (params: infer TParams, ...args: any[]) => any ? TParams : never;
-export type ExtractQueryOptions<TQueryFn> = TQueryFn extends (params: any, options?: infer TOptions) => any ? TOptions : never;
-export type QueryDataType<TQueryFn extends QueryFn> = Exclude<ReturnType<TQueryFn>["data"], undefined>;
-export type ExtractPageType<T> = T extends InfiniteData<infer TPage> ? TPage : T;
-export type ExtractedDataType<TQueryFn extends QueryFn> = ExtractPageType<QueryDataType<TQueryFn>> | ExtractPageType<QueryDataType<TQueryFn>>[];
-export type QueryAutocompleteProps<TFieldValues extends FieldValues, TSelectItem extends SelectItem<any>, TQueryFn extends QueryFn> = OmitDiscriminatedUnion<AutocompleteProps<TSelectItem["id"]>, "items" | "onSearchChange" | "isLoading" | keyof GroupedSelectProps> & GroupedSelectControlProps<TFieldValues, TSelectItem["id"]> & {
-    query: TQueryFn;
-    queryParams?: Omit<ExtractQueryParams<TQueryFn>, "search" | "limit"> & {
-        limit?: number;
-    };
-    queryOptions?: ExtractQueryOptions<TQueryFn>;
-    queryMap?: (data: ExtractedDataType<TQueryFn>) => SelectItem<TSelectItem["id"]>[];
-    resolveSelectedItemsWithIds?: boolean;
-    isInitialQueryDisabled?: boolean;
-};
-export interface UseQueryAutocompleteOptions<TQueryFn extends QueryFn, TKey extends Key = Key> {
-    query: TQueryFn;
-    queryParams?: Omit<ExtractQueryParams<TQueryFn>, "search" | "limit"> & {
-        limit?: number;
-    };
-    queryOptions?: ExtractQueryOptions<TQueryFn>;
-    mapItems: (data: QueryDataType<TQueryFn>) => SelectItem<TKey>[];
-    resolveSelectedItemsWithIds?: boolean;
-    initialQueryState?: boolean;
-    search?: string;
-    selectedIdsToResolve?: TKey[];
-}
+//#endregion
+export { ExtractPageType, ExtractQueryOptions, ExtractQueryParams, ExtractedDataType, QueryAutocompleteProps, QueryDataType, QueryFn, QueryResult };

package/dist/components/inputs/Selection/Select/Select.d.ts

@@ -1,12 +1,16 @@
-import { ReactElement } from 'react';
-import { Key } from 'react-aria-components';
-import { FieldValues } from '../../shared/form.binding';
-import { SelectBaseProps } from '../shared/SelectBase';
-import { DefaultInitialSelectItem, GroupedSelectControlProps, GroupedSelectProps, SelectAsyncProps } from '../shared/select.types';
-import { OmitDiscriminatedUnion } from '../../../../types/common';
-export type SelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = OmitDiscriminatedUnion<SelectBaseProps<TKey, TInitialSelectItem>, keyof SelectAsyncProps> & {
-    renderStaticInput?: boolean;
+import { FieldValues } from "../../shared/form.binding.js";
+import { DefaultInitialSelectItem, GroupedSelectControlProps, GroupedSelectProps, SelectAsyncProps } from "../shared/select.types.js";
+import { SelectBaseProps } from "../shared/SelectBase.js";
+import { OmitDiscriminatedUnion } from "../../../../types/common.js";
+import { ReactElement } from "react";
+import { Key } from "react-aria-components";
+//#region src/components/inputs/Selection/Select/Select.d.ts
+type SelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = OmitDiscriminatedUnion<SelectBaseProps<TKey, TInitialSelectItem>, keyof SelectAsyncProps> & {
+  renderStaticInput?: boolean;
 };
-export type ControlledSelectProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = Omit<SelectProps<TKey, TInitialSelectItem>, keyof GroupedSelectProps> & GroupedSelectControlProps<TFieldValues, TKey, TInitialSelectItem>;
-export declare function Select<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: SelectProps<TKey, TInitialSelectItem>): ReactElement;
-export declare function Select<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledSelectProps<TFieldValues, TKey, TInitialSelectItem>): ReactElement;
+type ControlledSelectProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = Omit<SelectProps<TKey, TInitialSelectItem>, keyof GroupedSelectProps> & GroupedSelectControlProps<TFieldValues, TKey, TInitialSelectItem>;
+declare function SelectComponent<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: SelectProps<TKey, TInitialSelectItem>): ReactElement;
+declare function SelectComponent<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledSelectProps<TFieldValues, TKey, TInitialSelectItem>): ReactElement;
+declare const Select: typeof SelectComponent;
+//#endregion
+export { ControlledSelectProps, Select, SelectProps };