tembro 2.0.5 → 2.0.6

package/dist/components/form/form-input.js

@@ -1,19 +1,17 @@
-import { ClearableInput as e } from "../inputs/clearable-input.js";
-import { DateInput as t } from "../inputs/date-input.js";
-import { DateRangeInput as n } from "../inputs/date-range-input.js";
-import { MoneyInput as r } from "../inputs/money-input.js";
-import { MaskedInput as i } from "../inputs/masked-input.js";
-import { NumberInput as a } from "../inputs/number-input.js";
-import { PhoneInput as o, formatPhoneDigits as s } from "../inputs/phone-input.js";
-import { QuantityInput as c } from "../inputs/quantity-input.js";
-import { SearchInput as l } from "../inputs/search-input.js";
-import { Input as u } from "../ui/input/index.js";
-import { FormFieldShell as d, resolveFormFieldIds as f } from "./form-field-shell.js";
+import { DateInput as e } from "../inputs/date-input.js";
+import { DateRangeInput as t } from "../inputs/date-range-input.js";
+import { MoneyInput as n } from "../inputs/money-input.js";
+import { MaskedInput as r } from "../inputs/masked-input.js";
+import { NumberInput as i } from "../inputs/number-input.js";
+import { PhoneInput as a, formatPhoneDigits as o } from "../inputs/phone-input.js";
+import { QuantityInput as s } from "../inputs/quantity-input.js";
+import { Input as c } from "../ui/input/index.js";
+import { FormFieldShell as l, resolveFormFieldIds as u } from "./form-field-shell.js";
 import "react";
-import { jsx as p } from "react/jsx-runtime";
-import { Controller as m } from "react-hook-form";
+import { jsx as d } from "react/jsx-runtime";
+import { Controller as f } from "react-hook-form";
 //#region src/components/form/form-input.tsx
-function h(e) {
+function p(e) {
 	return {
 		label: e.label,
 		description: e.description,
@@ -35,305 +33,307 @@ function h(e) {
 		contentClassName: e.contentClassName
 	};
 }
-function g(g) {
-	let _ = g.id ?? g.name, v = h(g), y = g.kind ?? "text", b = g.fieldClassName ?? "w-full";
-	return /* @__PURE__ */ p(m, {
-		control: g.control,
-		name: g.name,
-		rules: g.rules,
-		render: ({ field: m, fieldState: h }) => {
-			let x = h.error?.message, S = f(_, {
-				description: g.description,
-				error: x
+function m(m) {
+	let h = m.id ?? m.name, g = p(m), _ = m.kind ?? "text", v = m.fieldClassName ?? "w-full";
+	return /* @__PURE__ */ d(f, {
+		control: m.control,
+		name: m.name,
+		rules: m.rules,
+		render: ({ field: f, fieldState: p }) => {
+			let y = p.error?.message, b = u(h, {
+				description: m.description,
+				error: y
 			});
-			if (y === "search") {
-				let { control: e, name: t, label: n, description: r, required: i, className: a, layout: o, descriptionPosition: s, labelAction: c, requiredIndicator: u, errorIcon: f, showErrorIcon: y, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, onValueChange: N, onBlur: P, ...F } = g;
-				return /* @__PURE__ */ p(d, {
-					...v,
-					labelId: S.labelId,
-					descriptionId: S.descriptionId,
-					errorId: S.errorId,
-					error: x,
-					htmlFor: j ?? _,
-					children: /* @__PURE__ */ p(l, {
+			if (_ === "search") {
+				let { control: e, name: t, label: n, description: r, required: i, className: a, layout: o, descriptionPosition: s, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, onValueChange: N, onBlur: P, ...F } = m;
+				return /* @__PURE__ */ d(l, {
+					...g,
+					labelId: b.labelId,
+					descriptionId: b.descriptionId,
+					errorId: b.errorId,
+					error: y,
+					htmlFor: j ?? h,
+					children: /* @__PURE__ */ d(c, {
 						...F,
-						id: j ?? _,
-						name: m.name,
-						ref: m.ref,
-						value: m.value ?? "",
+						type: "search",
+						id: j ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value ?? "",
 						disabled: C,
-						readOnly: g.readOnly,
-						inputClassName: A ?? b,
-						"aria-invalid": h.invalid || void 0,
-						"aria-describedby": S.describedBy,
-						"aria-errormessage": x ? S.errorId : void 0,
+						readOnly: m.readOnly,
+						inputClassName: A ?? v,
+						"aria-invalid": p.invalid || void 0,
+						"aria-describedby": b.describedBy,
+						"aria-errormessage": y ? b.errorId : void 0,
 						onBlur: (e) => {
-							m.onBlur(), P?.(e);
+							f.onBlur(), P?.(e);
 						},
 						onValueChange: (e) => {
-							m.onChange(e), N?.(e);
+							f.onChange(e), N?.(e);
 						}
 					})
 				});
 			}
-			if (y === "password") {
-				let { control: e, name: t, label: n, description: r, required: i, className: a, layout: o, descriptionPosition: s, labelAction: c, requiredIndicator: l, errorIcon: f, showErrorIcon: y, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, onValueChange: N, onBlur: P, ...F } = g;
-				return /* @__PURE__ */ p(d, {
-					...v,
-					labelId: S.labelId,
-					descriptionId: S.descriptionId,
-					errorId: S.errorId,
-					error: x,
-					htmlFor: j ?? _,
-					children: /* @__PURE__ */ p(u, {
+			if (_ === "password") {
+				let { control: e, name: t, label: n, description: r, required: i, className: a, layout: o, descriptionPosition: s, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, onValueChange: N, onBlur: P, ...F } = m;
+				return /* @__PURE__ */ d(l, {
+					...g,
+					labelId: b.labelId,
+					descriptionId: b.descriptionId,
+					errorId: b.errorId,
+					error: y,
+					htmlFor: j ?? h,
+					children: /* @__PURE__ */ d(c, {
 						...F,
 						type: "password",
-						id: j ?? _,
-						ref: m.ref,
-						name: m.name,
-						value: m.value ?? "",
+						id: j ?? h,
+						ref: f.ref,
+						name: f.name,
+						value: f.value ?? "",
 						disabled: C,
-						readOnly: g.readOnly,
-						inputClassName: A ?? b,
-						"aria-describedby": S.describedBy,
-						"aria-errormessage": x ? S.errorId : void 0,
+						readOnly: m.readOnly,
+						inputClassName: A ?? v,
+						"aria-describedby": b.describedBy,
+						"aria-errormessage": y ? b.errorId : void 0,
 						onBlur: (e) => {
-							m.onBlur(), P?.(e);
+							f.onBlur(), P?.(e);
 						},
 						onChange: (e) => {
 							let t = e.currentTarget.value;
-							m.onChange(t), N?.(t);
+							f.onChange(t), N?.(t);
 						},
-						"aria-invalid": h.invalid || void 0
+						"aria-invalid": p.invalid || void 0
 					})
 				});
 			}
-			if (y === "number") {
-				let { control: e, name: t, label: n, description: r, required: i, className: o, layout: s, descriptionPosition: c, labelAction: l, requiredIndicator: u, errorIcon: f, showErrorIcon: y, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = null, onNumberChange: P, onBlur: F, ...I } = g;
-				return /* @__PURE__ */ p(d, {
-					...v,
-					labelId: S.labelId,
-					descriptionId: S.descriptionId,
-					errorId: S.errorId,
-					error: x,
-					htmlFor: j ?? _,
-					children: /* @__PURE__ */ p(a, {
+			if (_ === "number") {
+				let { control: e, name: t, label: n, description: r, required: a, className: o, layout: s, descriptionPosition: c, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = null, onNumberChange: P, onBlur: F, ...I } = m;
+				return /* @__PURE__ */ d(l, {
+					...g,
+					labelId: b.labelId,
+					descriptionId: b.descriptionId,
+					errorId: b.errorId,
+					error: y,
+					htmlFor: j ?? h,
+					children: /* @__PURE__ */ d(i, {
 						...I,
-						id: j ?? _,
-						name: m.name,
-						ref: m.ref,
-						value: m.value ?? "",
+						id: j ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value ?? "",
 						disabled: C,
-						readOnly: g.readOnly,
-						className: A ?? b,
-						"aria-invalid": h.invalid || void 0,
-						"aria-describedby": S.describedBy,
-						"aria-errormessage": x ? S.errorId : void 0,
+						readOnly: m.readOnly,
+						className: A ?? v,
+						"aria-invalid": p.invalid || void 0,
+						"aria-describedby": b.describedBy,
+						"aria-errormessage": y ? b.errorId : void 0,
 						onBlur: (e) => {
-							m.onBlur(), F?.(e);
+							f.onBlur(), F?.(e);
 						},
 						onNumberChange: (e) => {
-							m.onChange(e ?? N), P?.(e);
+							f.onChange(e ?? N), P?.(e);
 						}
 					})
 				});
 			}
-			if (y === "phone") {
-				let { control: e, name: t, label: n, description: r, required: i, className: a, layout: c, descriptionPosition: l, labelAction: u, requiredIndicator: f, errorIcon: y, showErrorIcon: C, disabled: w, readOnly: T, labelClassName: E, labelRowClassName: D, descriptionClassName: O, errorClassName: k, contentClassName: A, fieldClassName: j, id: M, kind: N, valueMode: P = "raw", countryCode: F = "+998", maxDigits: I = 12, onValueChange: L, onBlur: R, ...z } = g, B = m.value == null ? "" : String(m.value), V = P === "raw" ? s(B, F, I) : B;
-				return /* @__PURE__ */ p(d, {
-					...v,
-					labelId: S.labelId,
-					descriptionId: S.descriptionId,
-					errorId: S.errorId,
-					error: x,
-					htmlFor: M ?? _,
-					children: /* @__PURE__ */ p(o, {
+			if (_ === "phone") {
+				let { control: e, name: t, label: n, description: r, required: i, className: s, layout: c, descriptionPosition: u, labelAction: _, requiredIndicator: x, errorIcon: S, showErrorIcon: C, disabled: w, readOnly: T, labelClassName: E, labelRowClassName: D, descriptionClassName: O, errorClassName: k, contentClassName: A, fieldClassName: j, id: M, kind: N, valueMode: P = "raw", countryCode: F = "+998", maxDigits: I = 12, onValueChange: L, onBlur: R, ...z } = m, B = f.value == null ? "" : String(f.value), V = P === "raw" ? o(B, F, I) : B;
+				return /* @__PURE__ */ d(l, {
+					...g,
+					labelId: b.labelId,
+					descriptionId: b.descriptionId,
+					errorId: b.errorId,
+					error: y,
+					htmlFor: M ?? h,
+					children: /* @__PURE__ */ d(a, {
 						...z,
-						id: M ?? _,
-						name: m.name,
-						ref: m.ref,
+						id: M ?? h,
+						name: f.name,
+						ref: f.ref,
 						value: V,
 						disabled: w,
-						readOnly: g.readOnly,
+						readOnly: m.readOnly,
 						countryCode: F,
 						maxDigits: I,
-						className: j ?? b,
-						"aria-invalid": h.invalid || void 0,
-						"aria-describedby": S.describedBy,
-						"aria-errormessage": x ? S.errorId : void 0,
+						className: j ?? v,
+						"aria-invalid": p.invalid || void 0,
+						"aria-describedby": b.describedBy,
+						"aria-errormessage": y ? b.errorId : void 0,
 						onBlur: (e) => {
-							m.onBlur(), R?.(e);
+							f.onBlur(), R?.(e);
 						},
 						onValueChange: (e, t) => {
 							let n = P === "raw" ? t : e;
-							m.onChange(n), L?.(n, t, e);
+							f.onChange(n), L?.(n, t, e);
 						}
 					})
 				});
 			}
-			if (y === "date") {
-				let { control: e, name: n, label: r, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: l, requiredIndicator: u, errorIcon: f, showErrorIcon: y, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = "", onValueChange: P, onBlur: F, ...I } = g;
-				return /* @__PURE__ */ p(d, {
-					...v,
-					labelId: S.labelId,
-					descriptionId: S.descriptionId,
-					errorId: S.errorId,
-					error: x,
-					htmlFor: j ?? _,
-					children: /* @__PURE__ */ p(t, {
+			if (_ === "date") {
+				let { control: t, name: n, label: r, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = "", onValueChange: P, onBlur: F, ...I } = m;
+				return /* @__PURE__ */ d(l, {
+					...g,
+					labelId: b.labelId,
+					descriptionId: b.descriptionId,
+					errorId: b.errorId,
+					error: y,
+					htmlFor: j ?? h,
+					children: /* @__PURE__ */ d(e, {
 						...I,
-						id: j ?? _,
-						name: m.name,
-						ref: m.ref,
-						value: m.value ?? "",
+						id: j ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value ?? "",
 						disabled: C,
-						readOnly: g.readOnly,
-						className: A ?? b,
-						"aria-invalid": h.invalid || void 0,
-						"aria-describedby": S.describedBy,
-						"aria-errormessage": x ? S.errorId : void 0,
+						readOnly: m.readOnly,
+						className: A ?? v,
+						"aria-invalid": p.invalid || void 0,
+						"aria-describedby": b.describedBy,
+						"aria-errormessage": y ? b.errorId : void 0,
 						onBlur: (e) => {
-							m.onBlur(), F?.(e);
+							f.onBlur(), F?.(e);
 						},
 						onValueChange: (e) => {
-							m.onChange(e || N), P?.(e);
+							f.onChange(e || N), P?.(e);
 						}
 					})
 				});
 			}
-			if (y === "clearable") {
-				let { control: t, name: n, label: r, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: l, requiredIndicator: u, errorIcon: f, showErrorIcon: y, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = "", onValueChange: P, onBlur: F, ...I } = g;
-				return /* @__PURE__ */ p(d, {
-					...v,
-					labelId: S.labelId,
-					descriptionId: S.descriptionId,
-					errorId: S.errorId,
-					error: x,
-					htmlFor: j ?? _,
-					children: /* @__PURE__ */ p(e, {
+			if (_ === "clearable") {
+				let { control: e, name: t, label: n, description: r, required: i, className: a, layout: o, descriptionPosition: s, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = "", onValueChange: P, onBlur: F, ...I } = m;
+				return /* @__PURE__ */ d(l, {
+					...g,
+					labelId: b.labelId,
+					descriptionId: b.descriptionId,
+					errorId: b.errorId,
+					error: y,
+					htmlFor: j ?? h,
+					children: /* @__PURE__ */ d(c, {
 						...I,
-						id: j ?? _,
-						name: m.name,
-						ref: m.ref,
-						value: m.value ?? "",
+						clearable: !0,
+						id: j ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value ?? "",
 						disabled: C,
-						readOnly: g.readOnly,
-						className: A ?? b,
-						"aria-invalid": h.invalid || void 0,
-						"aria-describedby": S.describedBy,
-						"aria-errormessage": x ? S.errorId : void 0,
+						readOnly: m.readOnly,
+						className: A ?? v,
+						"aria-invalid": p.invalid || void 0,
+						"aria-describedby": b.describedBy,
+						"aria-errormessage": y ? b.errorId : void 0,
 						onBlur: (e) => {
-							m.onBlur(), F?.(e);
+							f.onBlur(), F?.(e);
 						},
 						onValueChange: (e) => {
-							m.onChange(e || N), P?.(e);
+							f.onChange(e || N), P?.(e);
 						}
 					})
 				});
 			}
-			if (y === "masked") {
-				let { control: e, name: t, label: n, description: r, required: a, className: o, layout: s, descriptionPosition: c, labelAction: l, requiredIndicator: u, errorIcon: f, showErrorIcon: y, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, valueMode: N = "raw", onValueChange: P, onBlur: F, ...I } = g;
-				return /* @__PURE__ */ p(d, {
-					...v,
-					labelId: S.labelId,
-					descriptionId: S.descriptionId,
-					errorId: S.errorId,
-					error: x,
-					htmlFor: j ?? _,
-					children: /* @__PURE__ */ p(i, {
+			if (_ === "masked") {
+				let { control: e, name: t, label: n, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, valueMode: N = "raw", onValueChange: P, onBlur: F, ...I } = m;
+				return /* @__PURE__ */ d(l, {
+					...g,
+					labelId: b.labelId,
+					descriptionId: b.descriptionId,
+					errorId: b.errorId,
+					error: y,
+					htmlFor: j ?? h,
+					children: /* @__PURE__ */ d(r, {
 						...I,
-						id: j ?? _,
-						name: m.name,
-						ref: m.ref,
-						value: String(m.value ?? ""),
+						id: j ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: String(f.value ?? ""),
 						disabled: C,
-						readOnly: g.readOnly,
-						className: A ?? b,
-						"aria-invalid": h.invalid || void 0,
-						"aria-describedby": S.describedBy,
-						"aria-errormessage": x ? S.errorId : void 0,
+						readOnly: m.readOnly,
+						className: A ?? v,
+						"aria-invalid": p.invalid || void 0,
+						"aria-describedby": b.describedBy,
+						"aria-errormessage": y ? b.errorId : void 0,
 						onBlur: (e) => {
-							m.onBlur(), F?.(e);
+							f.onBlur(), F?.(e);
 						},
 						onValueChange: (e, t) => {
 							let n = N === "raw" ? t : e;
-							m.onChange(n), P?.(e, t);
+							f.onChange(n), P?.(e, t);
 						}
 					})
 				});
 			}
-			if (y === "money") {
-				let { control: e, name: t, label: n, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: l, requiredIndicator: u, errorIcon: f, showErrorIcon: y, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = null, onValueChange: P, onBlur: F, ...I } = g;
-				return /* @__PURE__ */ p(d, {
-					...v,
-					labelId: S.labelId,
-					descriptionId: S.descriptionId,
-					errorId: S.errorId,
-					error: x,
-					htmlFor: j ?? _,
-					children: /* @__PURE__ */ p(r, {
+			if (_ === "money") {
+				let { control: e, name: t, label: r, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = null, onValueChange: P, onBlur: F, ...I } = m;
+				return /* @__PURE__ */ d(l, {
+					...g,
+					labelId: b.labelId,
+					descriptionId: b.descriptionId,
+					errorId: b.errorId,
+					error: y,
+					htmlFor: j ?? h,
+					children: /* @__PURE__ */ d(n, {
 						...I,
-						id: j ?? _,
-						name: m.name,
-						ref: m.ref,
-						value: m.value ?? null,
+						id: j ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value ?? null,
 						disabled: C,
-						readOnly: g.readOnly,
-						className: A ?? b,
-						"aria-invalid": h.invalid || void 0,
-						"aria-describedby": S.describedBy,
-						"aria-errormessage": x ? S.errorId : void 0,
+						readOnly: m.readOnly,
+						className: A ?? v,
+						"aria-invalid": p.invalid || void 0,
+						"aria-describedby": b.describedBy,
+						"aria-errormessage": y ? b.errorId : void 0,
 						onBlur: (e) => {
-							m.onBlur(), F?.(e);
+							f.onBlur(), F?.(e);
 						},
 						onValueChange: (e, t) => {
-							m.onChange(e ?? N), P?.(e, t);
+							f.onChange(e ?? N), P?.(e, t);
 						}
 					})
 				});
 			}
-			if (y === "quantity") {
-				let { control: e, name: t, label: n, description: r, required: i, className: a, layout: o, descriptionPosition: s, labelAction: l, requiredIndicator: u, errorIcon: f, showErrorIcon: y, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = null, onValueChange: P, onBlur: F, ...I } = g;
-				return /* @__PURE__ */ p(d, {
-					...v,
-					labelId: S.labelId,
-					descriptionId: S.descriptionId,
-					errorId: S.errorId,
-					error: x,
-					htmlFor: j ?? _,
-					children: /* @__PURE__ */ p(c, {
+			if (_ === "quantity") {
+				let { control: e, name: t, label: n, description: r, required: i, className: a, layout: o, descriptionPosition: c, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = null, onValueChange: P, onBlur: F, ...I } = m;
+				return /* @__PURE__ */ d(l, {
+					...g,
+					labelId: b.labelId,
+					descriptionId: b.descriptionId,
+					errorId: b.errorId,
+					error: y,
+					htmlFor: j ?? h,
+					children: /* @__PURE__ */ d(s, {
 						...I,
-						id: j ?? _,
-						name: m.name,
-						ref: m.ref,
-						value: m.value,
+						id: j ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value,
 						disabled: C,
-						readOnly: g.readOnly,
-						className: A ?? b,
-						"aria-invalid": h.invalid || void 0,
-						"aria-describedby": S.describedBy,
-						"aria-errormessage": x ? S.errorId : void 0,
+						readOnly: m.readOnly,
+						className: A ?? v,
+						"aria-invalid": p.invalid || void 0,
+						"aria-describedby": b.describedBy,
+						"aria-errormessage": y ? b.errorId : void 0,
 						onBlur: (e) => {
-							m.onBlur(), F?.(e);
+							f.onBlur(), F?.(e);
 						},
 						onValueChange: (e) => {
-							m.onChange(e ?? N), P?.(e);
+							f.onChange(e ?? N), P?.(e);
 						}
 					})
 				});
 			}
-			if (y === "date-range") {
-				let { control: e, name: t, label: r, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: l, requiredIndicator: u, errorIcon: f, showErrorIcon: y, disabled: b, labelClassName: C, labelRowClassName: w, descriptionClassName: T, errorClassName: E, contentClassName: D, fieldClassName: O, id: k, kind: A, onValueChange: j, onBlur: M, ...N } = g, P = m.value;
-				return /* @__PURE__ */ p(d, {
-					...v,
-					labelId: S.labelId,
-					descriptionId: S.descriptionId,
-					errorId: S.errorId,
-					error: x,
-					htmlFor: k ?? _,
-					children: /* @__PURE__ */ p(n, {
+			if (_ === "date-range") {
+				let { control: e, name: n, label: r, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: u, requiredIndicator: _, errorIcon: v, showErrorIcon: x, disabled: S, labelClassName: C, labelRowClassName: w, descriptionClassName: T, errorClassName: E, contentClassName: D, fieldClassName: O, id: k, kind: A, onValueChange: j, onBlur: M, ...N } = m, P = f.value;
+				return /* @__PURE__ */ d(l, {
+					...g,
+					labelId: b.labelId,
+					descriptionId: b.descriptionId,
+					errorId: b.errorId,
+					error: y,
+					htmlFor: k ?? h,
+					children: /* @__PURE__ */ d(t, {
 						...N,
-						id: k ?? _,
+						id: k ?? h,
 						value: P && typeof P == "object" ? {
 							from: P.from,
 							to: P.to
@@ -343,58 +343,58 @@ function g(g) {
 						},
 						fromInputProps: {
 							...N.fromInputProps ?? {},
-							disabled: b,
-							readOnly: g.readOnly,
-							"aria-describedby": S.describedBy,
-							"aria-errormessage": x ? S.errorId : void 0
+							disabled: S,
+							readOnly: m.readOnly,
+							"aria-describedby": b.describedBy,
+							"aria-errormessage": y ? b.errorId : void 0
 						},
 						toInputProps: {
 							...N.toInputProps ?? {},
-							disabled: b,
-							readOnly: g.readOnly,
-							"aria-describedby": S.describedBy,
-							"aria-errormessage": x ? S.errorId : void 0
+							disabled: S,
+							readOnly: m.readOnly,
+							"aria-describedby": b.describedBy,
+							"aria-errormessage": y ? b.errorId : void 0
 						},
 						onValueChange: (e) => {
-							m.onChange(e), j?.(e);
+							f.onChange(e), j?.(e);
 						},
-						"aria-invalid": h.invalid || void 0,
+						"aria-invalid": p.invalid || void 0,
 						onBlur: (e) => {
-							m.onBlur(), M?.(e);
+							f.onBlur(), M?.(e);
 						}
 					})
 				});
 			}
-			let { control: C, name: w, label: T, description: E, required: D, className: O, layout: k, descriptionPosition: A, labelAction: j, requiredIndicator: M, errorIcon: N, showErrorIcon: P, disabled: F, readOnly: I, labelClassName: L, labelRowClassName: R, descriptionClassName: z, errorClassName: B, contentClassName: V, fieldClassName: H, transformIn: U, transformOut: W, id: G, kind: K, onChange: q, onBlur: J, ...Y } = g;
-			return /* @__PURE__ */ p(d, {
-				...v,
-				labelId: S.labelId,
-				descriptionId: S.descriptionId,
-				errorId: S.errorId,
-				error: x,
-				htmlFor: G ?? _,
-				children: /* @__PURE__ */ p(u, {
-					...Y,
-					id: G ?? _,
-					ref: m.ref,
-					name: m.name,
-					value: U ? U(m.value) : m.value ?? "",
-					disabled: F,
-					readOnly: I,
+			let { control: x, name: S, label: C, description: w, required: T, className: E, layout: D, descriptionPosition: O, labelAction: k, requiredIndicator: A, errorIcon: j, showErrorIcon: M, disabled: N, readOnly: P, labelClassName: F, labelRowClassName: I, descriptionClassName: L, errorClassName: R, contentClassName: z, fieldClassName: B, transformIn: V, transformOut: H, id: U, kind: W, onChange: G, onBlur: K, ...q } = m;
+			return /* @__PURE__ */ d(l, {
+				...g,
+				labelId: b.labelId,
+				descriptionId: b.descriptionId,
+				errorId: b.errorId,
+				error: y,
+				htmlFor: U ?? h,
+				children: /* @__PURE__ */ d(c, {
+					...q,
+					id: U ?? h,
+					ref: f.ref,
+					name: f.name,
+					value: V ? V(f.value) : f.value ?? "",
+					disabled: N,
+					readOnly: P,
 					onBlur: (e) => {
-						m.onBlur(), J?.(e);
+						f.onBlur(), K?.(e);
 					},
 					onChange: (e) => {
-						m.onChange(W ? W(e) : e.target.value), q?.(e);
+						f.onChange(H ? H(e) : e.target.value), G?.(e);
 					},
-					"aria-invalid": h.invalid || void 0,
-					"aria-describedby": S.describedBy,
-					"aria-errormessage": x ? S.errorId : void 0,
-					className: H ?? b
+					"aria-invalid": p.invalid || void 0,
+					"aria-describedby": b.describedBy,
+					"aria-errormessage": y ? b.errorId : void 0,
+					className: B ?? v
 				})
 			});
 		}
 	});
 }
 //#endregion
-export { g as FormInput };
+export { m as FormInput };