tembro 3.0.0 → 3.1.5

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

@@ -0,0 +1,403 @@
+import { DateInput as e } from "../ui/input/date.js";
+import { DateRangeInput as t } from "../ui/input/date-range.js";
+import { MaskedInput as n } from "../ui/input/masked.js";
+import { MoneyInput as r } from "../ui/input/money.js";
+import { NumberInput as i } from "../ui/input/number.js";
+import { PhoneInput as a, formatPhoneDigits as o } from "../ui/input/phone.js";
+import { QuantityInput as s } from "../ui/input/quantity.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 d } from "react/jsx-runtime";
+import { Controller as f } from "react-hook-form";
+//#region src/components/form/form-input.tsx
+function p(e) {
+	return {
+		label: e.label,
+		description: e.description,
+		success: e.success,
+		loading: e.loading,
+		required: e.required,
+		className: e.className,
+		htmlFor: e.id ?? e.name,
+		layout: e.layout,
+		descriptionPosition: e.descriptionPosition,
+		labelAction: e.labelAction,
+		requiredIndicator: e.requiredIndicator,
+		errorIcon: e.errorIcon,
+		showErrorIcon: e.showErrorIcon,
+		disabled: e.disabled,
+		readOnly: e.readOnly,
+		labelClassName: e.labelClassName,
+		labelRowClassName: e.labelRowClassName,
+		descriptionClassName: e.descriptionClassName,
+		errorClassName: e.errorClassName,
+		contentClassName: e.contentClassName
+	};
+}
+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 (_ === "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,
+						type: "search",
+						id: j ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value ?? "",
+						disabled: C,
+						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) => {
+							f.onBlur(), P?.(e);
+						},
+						onValueChange: (e) => {
+							f.onChange(e), N?.(e);
+						}
+					})
+				});
+			}
+			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 ?? h,
+						ref: f.ref,
+						name: f.name,
+						value: f.value ?? "",
+						disabled: C,
+						readOnly: m.readOnly,
+						inputClassName: A ?? v,
+						"aria-describedby": b.describedBy,
+						"aria-errormessage": y ? b.errorId : void 0,
+						onBlur: (e) => {
+							f.onBlur(), P?.(e);
+						},
+						onChange: (e) => {
+							let t = e.currentTarget.value;
+							f.onChange(t), N?.(t);
+						},
+						"aria-invalid": p.invalid || void 0
+					})
+				});
+			}
+			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 ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value ?? "",
+						disabled: C,
+						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) => {
+							f.onBlur(), F?.(e);
+						},
+						onNumberChange: (e) => {
+							f.onChange(e ?? N), P?.(e);
+						}
+					})
+				});
+			}
+			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 ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: V,
+						disabled: w,
+						readOnly: m.readOnly,
+						countryCode: F,
+						maxDigits: I,
+						className: j ?? v,
+						"aria-invalid": p.invalid || void 0,
+						"aria-describedby": b.describedBy,
+						"aria-errormessage": y ? b.errorId : void 0,
+						onBlur: (e) => {
+							f.onBlur(), R?.(e);
+						},
+						onValueChange: (e, t) => {
+							let n = P === "raw" ? t : e;
+							f.onChange(n), L?.(n, t, e);
+						}
+					})
+				});
+			}
+			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 ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value ?? "",
+						disabled: C,
+						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) => {
+							f.onBlur(), F?.(e);
+						},
+						onValueChange: (e) => {
+							f.onChange(e || N), 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,
+						clearable: !0,
+						id: j ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value ?? "",
+						disabled: C,
+						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) => {
+							f.onBlur(), F?.(e);
+						},
+						onValueChange: (e) => {
+							f.onChange(e || N), P?.(e);
+						}
+					})
+				});
+			}
+			if (_ === "masked") {
+				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, 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(n, {
+						...I,
+						id: j ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: String(f.value ?? ""),
+						disabled: C,
+						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) => {
+							f.onBlur(), F?.(e);
+						},
+						onValueChange: (e, t) => {
+							let n = N === "raw" ? t : e;
+							f.onChange(n), P?.(e, t);
+						}
+					})
+				});
+			}
+			if (_ === "money") {
+				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, 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(r, {
+						...I,
+						id: j ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value ?? null,
+						disabled: C,
+						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) => {
+							f.onBlur(), F?.(e);
+						},
+						onValueChange: (e, t) => {
+							f.onChange(e ?? N), P?.(e, t);
+						}
+					})
+				});
+			}
+			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 ?? h,
+						name: f.name,
+						ref: f.ref,
+						value: f.value,
+						disabled: C,
+						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) => {
+							f.onBlur(), F?.(e);
+						},
+						onValueChange: (e) => {
+							f.onChange(e ?? N), P?.(e);
+						}
+					})
+				});
+			}
+			if (_ === "date-range") {
+				let { control: e, name: n, label: r, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, labelClassName: w, labelRowClassName: T, descriptionClassName: E, errorClassName: D, contentClassName: O, fieldClassName: k, id: A, kind: j, onValueChange: M, onBlur: N, ...P } = m, F = f.value;
+				return /* @__PURE__ */ d(l, {
+					...g,
+					labelId: b.labelId,
+					descriptionId: b.descriptionId,
+					errorId: b.errorId,
+					error: y,
+					htmlFor: A ?? h,
+					children: /* @__PURE__ */ d(t, {
+						...P,
+						id: A ?? h,
+						className: k ?? v,
+						value: F && typeof F == "object" ? {
+							from: F.from,
+							to: F.to
+						} : {
+							from: "",
+							to: ""
+						},
+						fromInputProps: {
+							...P.fromInputProps ?? {},
+							disabled: C,
+							readOnly: m.readOnly,
+							"aria-describedby": b.describedBy,
+							"aria-errormessage": y ? b.errorId : void 0
+						},
+						toInputProps: {
+							...P.toInputProps ?? {},
+							disabled: C,
+							readOnly: m.readOnly,
+							"aria-describedby": b.describedBy,
+							"aria-errormessage": y ? b.errorId : void 0
+						},
+						onValueChange: (e) => {
+							f.onChange(e), M?.(e);
+						},
+						"aria-invalid": p.invalid || void 0,
+						onBlur: (e) => {
+							f.onBlur(), N?.(e);
+						}
+					})
+				});
+			}
+			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) => {
+						f.onBlur(), K?.(e);
+					},
+					onChange: (e) => {
+						f.onChange(H ? H(e) : e.target.value), G?.(e);
+					},
+					"aria-invalid": p.invalid || void 0,
+					"aria-describedby": b.describedBy,
+					"aria-errormessage": y ? b.errorId : void 0,
+					className: B ?? v
+				})
+			});
+		}
+	});
+}
+//#endregion
+export { m as FormInput };

package/dist/src/components/form/form-select.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ui/select/index.cjs"),t=require("../inputs/async-select.cjs"),n=require("./form-field-shell.cjs");let r=require("react/jsx-runtime"),i=require("react-hook-form");function a(e){return{label:e.label,description:e.description,success:e.success,loading:e.loading,required:e.required,className:e.className,htmlFor:e.name,layout:e.layout,descriptionPosition:e.descriptionPosition,labelAction:e.labelAction,requiredIndicator:e.requiredIndicator,errorIcon:e.errorIcon,showErrorIcon:e.showErrorIcon,disabled:e.disabled,readOnly:e.readOnly,labelClassName:e.labelClassName,labelRowClassName:e.labelRowClassName,descriptionClassName:e.descriptionClassName,errorClassName:e.errorClassName,contentClassName:e.contentClassName}}function o(o){let s=a(o),c=o.kind??`simple`,l=o.fieldClassName??`w-full`;return(0,r.jsx)(i.Controller,{control:o.control,name:o.name,render:({field:i,fieldState:a})=>{let u=a.error?.message,d=n.resolveFormFieldIds(`${o.name}`,{description:o.description,error:u});if(c===`async`){let{control:e,name:a,label:c,description:f,required:p,className:m,layout:h,descriptionPosition:g,labelAction:_,requiredIndicator:v,errorIcon:y,showErrorIcon:b,disabled:x,readOnly:S,labelClassName:C,labelRowClassName:w,descriptionClassName:T,errorClassName:E,contentClassName:D,fieldClassName:O,emptyValue:k,kind:A,onValueChange:j,...M}=o;return(0,r.jsx)(n.FormFieldShell,{...s,labelId:d.labelId,descriptionId:d.descriptionId,errorId:d.errorId,error:u,children:(0,r.jsx)(t.AsyncSelect,{...M,value:i.value==null||i.value===``?void 0:String(i.value),disabled:x||S,"aria-describedby":d.describedBy,"aria-errormessage":u?d.errorId:void 0,onValueChange:(e,t)=>{i.onChange(e??k),j?.(e,t)},triggerClassName:O??l})})}let{control:f,name:p,label:m,description:h,required:g,className:_,layout:v,descriptionPosition:y,labelAction:b,requiredIndicator:x,errorIcon:S,showErrorIcon:C,disabled:w,readOnly:T,labelClassName:E,labelRowClassName:D,descriptionClassName:O,errorClassName:k,contentClassName:A,fieldClassName:j,emptyValue:M,kind:N,onValueChange:P,...F}=o;return(0,r.jsx)(n.FormFieldShell,{...s,labelId:d.labelId,descriptionId:d.descriptionId,errorId:d.errorId,error:u,children:(0,r.jsx)(e.Select,{...F,value:i.value==null?void 0:String(i.value),disabled:w||T,"aria-describedby":d.describedBy,"aria-errormessage":u?d.errorId:void 0,onValueChange:e=>{i.onChange(e||M),P?.(e)},triggerClassName:j??l})})}})}exports.FormSelect=o;

package/dist/src/components/form/form-select.js

@@ -0,0 +1,85 @@
+import { Select as e } from "../ui/select/index.js";
+import { AsyncSelect as t } from "../inputs/async-select.js";
+import { FormFieldShell as n, resolveFormFieldIds as r } from "./form-field-shell.js";
+import { jsx as i } from "react/jsx-runtime";
+import { Controller as a } from "react-hook-form";
+//#region src/components/form/form-select.tsx
+function o(e) {
+	return {
+		label: e.label,
+		description: e.description,
+		success: e.success,
+		loading: e.loading,
+		required: e.required,
+		className: e.className,
+		htmlFor: e.name,
+		layout: e.layout,
+		descriptionPosition: e.descriptionPosition,
+		labelAction: e.labelAction,
+		requiredIndicator: e.requiredIndicator,
+		errorIcon: e.errorIcon,
+		showErrorIcon: e.showErrorIcon,
+		disabled: e.disabled,
+		readOnly: e.readOnly,
+		labelClassName: e.labelClassName,
+		labelRowClassName: e.labelRowClassName,
+		descriptionClassName: e.descriptionClassName,
+		errorClassName: e.errorClassName,
+		contentClassName: e.contentClassName
+	};
+}
+function s(s) {
+	let c = o(s), l = s.kind ?? "simple", u = s.fieldClassName ?? "w-full";
+	return /* @__PURE__ */ i(a, {
+		control: s.control,
+		name: s.name,
+		render: ({ field: a, fieldState: o }) => {
+			let d = o.error?.message, f = r(`${s.name}`, {
+				description: s.description,
+				error: d
+			});
+			if (l === "async") {
+				let { control: e, name: r, label: o, description: l, required: p, className: m, layout: h, descriptionPosition: g, labelAction: _, requiredIndicator: v, errorIcon: y, showErrorIcon: b, disabled: x, readOnly: S, labelClassName: C, labelRowClassName: w, descriptionClassName: T, errorClassName: E, contentClassName: D, fieldClassName: O, emptyValue: k, kind: A, onValueChange: j, ...M } = s;
+				return /* @__PURE__ */ i(n, {
+					...c,
+					labelId: f.labelId,
+					descriptionId: f.descriptionId,
+					errorId: f.errorId,
+					error: d,
+					children: /* @__PURE__ */ i(t, {
+						...M,
+						value: a.value == null || a.value === "" ? void 0 : String(a.value),
+						disabled: x || S,
+						"aria-describedby": f.describedBy,
+						"aria-errormessage": d ? f.errorId : void 0,
+						onValueChange: (e, t) => {
+							a.onChange(e ?? k), j?.(e, t);
+						},
+						triggerClassName: O ?? u
+					})
+				});
+			}
+			let { control: p, name: m, label: h, description: g, required: _, className: v, layout: y, descriptionPosition: b, labelAction: x, requiredIndicator: S, errorIcon: C, showErrorIcon: w, disabled: T, readOnly: E, labelClassName: D, labelRowClassName: O, descriptionClassName: k, errorClassName: A, contentClassName: j, fieldClassName: M, emptyValue: N, kind: P, onValueChange: F, ...I } = s;
+			return /* @__PURE__ */ i(n, {
+				...c,
+				labelId: f.labelId,
+				descriptionId: f.descriptionId,
+				errorId: f.errorId,
+				error: d,
+				children: /* @__PURE__ */ i(e, {
+					...I,
+					value: a.value == null ? void 0 : String(a.value),
+					disabled: T || E,
+					"aria-describedby": f.describedBy,
+					"aria-errormessage": d ? f.errorId : void 0,
+					onValueChange: (e) => {
+						a.onChange(e || N), F?.(e);
+					},
+					triggerClassName: M ?? u
+				})
+			});
+		}
+	});
+}
+//#endregion
+export { s as FormSelect };

package/dist/src/components/form/form-switch.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/switch/index.cjs"),r=require("./form-field-shell.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("react-hook-form");function s({control:e,name:i,label:s,description:c,success:l,loading:u,required:d,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,fieldClassName:E,labelPlacement:D=`end`,id:O,onCheckedChange:k,...A}){let j=O??i;return(0,a.jsx)(o.Controller,{control:e,name:i,render:({field:e,fieldState:i})=>{let o=i.error?.message,O=r.resolveFormFieldIds(j,{description:c,error:o}),M=s?(0,a.jsxs)(`label`,{id:O.labelId,htmlFor:j,className:t.cn(`text-sm font-medium leading-none`,y&&`opacity-60`,x),children:[s,d&&(g??(0,a.jsx)(`span`,{className:`ml-1 text-destructive`,children:`*`}))]}):null,N=(0,a.jsx)(n.Switch,{id:j,ref:e.ref,checked:!!e.value,disabled:y||b,"aria-invalid":i.invalid||void 0,"aria-labelledby":s?O.labelId:void 0,"aria-describedby":O.describedBy,"aria-errormessage":o?O.errorId:void 0,className:E,onBlur:e.onBlur,onCheckedChange:t=>{e.onChange(t),k?.(t)},...A});return D===`start`?(0,a.jsx)(r.FormFieldShell,{label:s,description:c,success:l,loading:u,required:d,error:o,htmlFor:j,labelId:O.labelId,descriptionId:O.descriptionId,errorId:O.errorId,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,children:N}):(0,a.jsx)(r.FormFieldShell,{error:o,success:l,loading:u,className:f,descriptionId:O.descriptionId,errorId:O.errorId,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,errorClassName:w,contentClassName:T,children:(0,a.jsxs)(`div`,{className:`flex items-start gap-3`,children:[N,(s||c||h)&&(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(s||h)&&(0,a.jsxs)(`div`,{className:t.cn(`flex items-center justify-between gap-2`,S),children:[M,h&&(0,a.jsx)(`div`,{className:`shrink-0 text-sm`,children:h})]}),c&&(0,a.jsx)(`p`,{id:O.descriptionId,className:t.cn(`text-xs text-muted-foreground`,C),children:c})]})]})})}})}exports.FormSwitch=s;

package/dist/src/components/form/form-switch.js

@@ -0,0 +1,102 @@
+import { cn as e } from "../../lib/utils.js";
+import { Switch as t } from "../ui/switch/index.js";
+import { FormFieldShell as n, resolveFormFieldIds as r } from "./form-field-shell.js";
+import "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Controller as o } from "react-hook-form";
+//#region src/components/form/form-switch.tsx
+function s({ control: s, name: c, label: l, description: u, success: d, loading: f, required: p, className: m, layout: h, descriptionPosition: g, labelAction: _, requiredIndicator: v, errorIcon: y, showErrorIcon: b, disabled: x, readOnly: S, labelClassName: C, labelRowClassName: w, descriptionClassName: T, errorClassName: E, contentClassName: D, fieldClassName: O, labelPlacement: k = "end", id: A, onCheckedChange: j, ...M }) {
+	let N = A ?? c;
+	return /* @__PURE__ */ i(o, {
+		control: s,
+		name: c,
+		render: ({ field: o, fieldState: s }) => {
+			let c = s.error?.message, A = r(N, {
+				description: u,
+				error: c
+			}), P = l ? /* @__PURE__ */ a("label", {
+				id: A.labelId,
+				htmlFor: N,
+				className: e("text-sm font-medium leading-none", x && "opacity-60", C),
+				children: [l, p && (v ?? /* @__PURE__ */ i("span", {
+					className: "ml-1 text-destructive",
+					children: "*"
+				}))]
+			}) : null, F = /* @__PURE__ */ i(t, {
+				id: N,
+				ref: o.ref,
+				checked: !!o.value,
+				disabled: x || S,
+				"aria-invalid": s.invalid || void 0,
+				"aria-labelledby": l ? A.labelId : void 0,
+				"aria-describedby": A.describedBy,
+				"aria-errormessage": c ? A.errorId : void 0,
+				className: O,
+				onBlur: o.onBlur,
+				onCheckedChange: (e) => {
+					o.onChange(e), j?.(e);
+				},
+				...M
+			});
+			return k === "start" ? /* @__PURE__ */ i(n, {
+				label: l,
+				description: u,
+				success: d,
+				loading: f,
+				required: p,
+				error: c,
+				htmlFor: N,
+				labelId: A.labelId,
+				descriptionId: A.descriptionId,
+				errorId: A.errorId,
+				className: m,
+				layout: h,
+				descriptionPosition: g,
+				labelAction: _,
+				requiredIndicator: v,
+				errorIcon: y,
+				showErrorIcon: b,
+				disabled: x,
+				readOnly: S,
+				labelClassName: C,
+				labelRowClassName: w,
+				descriptionClassName: T,
+				errorClassName: E,
+				contentClassName: D,
+				children: F
+			}) : /* @__PURE__ */ i(n, {
+				error: c,
+				success: d,
+				loading: f,
+				className: m,
+				descriptionId: A.descriptionId,
+				errorId: A.errorId,
+				errorIcon: y,
+				showErrorIcon: b,
+				disabled: x,
+				readOnly: S,
+				errorClassName: E,
+				contentClassName: D,
+				children: /* @__PURE__ */ a("div", {
+					className: "flex items-start gap-3",
+					children: [F, (l || u || _) && /* @__PURE__ */ a("div", {
+						className: "grid min-w-0 gap-1",
+						children: [(l || _) && /* @__PURE__ */ a("div", {
+							className: e("flex items-center justify-between gap-2", w),
+							children: [P, _ && /* @__PURE__ */ i("div", {
+								className: "shrink-0 text-sm",
+								children: _
+							})]
+						}), u && /* @__PURE__ */ i("p", {
+							id: A.descriptionId,
+							className: e("text-xs text-muted-foreground", T),
+							children: u
+						})]
+					})]
+				})
+			});
+		}
+	});
+}
+//#endregion
+export { s as FormSwitch };

package/dist/src/components/form/form-textarea.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/textarea/index.cjs"),n=require("./form-field-shell.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("react-hook-form");function o({control:e,name:r,rules:o,label:s,description:c,success:l,loading:u,required:d,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,fieldClassName:E,transformIn:D,transformOut:O,id:k,onChange:A,onBlur:j,...M}){let N=k??r;return(0,i.jsx)(a.Controller,{control:e,name:r,rules:o,render:({field:e,fieldState:r})=>{let a=r.error?.message,o=n.resolveFormFieldIds(N,{description:c,error:a});return(0,i.jsx)(n.FormFieldShell,{label:s,description:c,success:l,loading:u,required:d,error:a,htmlFor:N,labelId:o.labelId,descriptionId:o.descriptionId,errorId:o.errorId,className:f,layout:p,descriptionPosition:m,labelAction:h,requiredIndicator:g,errorIcon:_,showErrorIcon:v,disabled:y,readOnly:b,labelClassName:x,labelRowClassName:S,descriptionClassName:C,errorClassName:w,contentClassName:T,children:(0,i.jsx)(t.Textarea,{id:N,ref:e.ref,name:e.name,value:D?D(e.value):e.value??``,disabled:y,readOnly:b,onBlur:t=>{e.onBlur(),j?.(t)},onChange:t=>{e.onChange(O?O(t):t),A?.(t)},"aria-invalid":r.invalid||void 0,"aria-describedby":o.describedBy,"aria-errormessage":a?o.errorId:void 0,className:E,...M})})}})}exports.FormTextarea=o;

package/dist/src/components/form/form-textarea.js

@@ -0,0 +1,67 @@
+import { Textarea as e } from "../ui/textarea/index.js";
+import { FormFieldShell as t, resolveFormFieldIds as n } from "./form-field-shell.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Controller as i } from "react-hook-form";
+//#region src/components/form/form-textarea.tsx
+function a({ control: a, name: o, rules: s, label: c, description: l, success: u, loading: d, required: f, className: p, layout: m, descriptionPosition: h, labelAction: g, requiredIndicator: _, errorIcon: v, showErrorIcon: y, disabled: b, readOnly: x, labelClassName: S, labelRowClassName: C, descriptionClassName: w, errorClassName: T, contentClassName: E, fieldClassName: D, transformIn: O, transformOut: k, id: A, onChange: j, onBlur: M, ...N }) {
+	let P = A ?? o;
+	return /* @__PURE__ */ r(i, {
+		control: a,
+		name: o,
+		rules: s,
+		render: ({ field: i, fieldState: a }) => {
+			let o = a.error?.message, s = n(P, {
+				description: l,
+				error: o
+			});
+			return /* @__PURE__ */ r(t, {
+				label: c,
+				description: l,
+				success: u,
+				loading: d,
+				required: f,
+				error: o,
+				htmlFor: P,
+				labelId: s.labelId,
+				descriptionId: s.descriptionId,
+				errorId: s.errorId,
+				className: p,
+				layout: m,
+				descriptionPosition: h,
+				labelAction: g,
+				requiredIndicator: _,
+				errorIcon: v,
+				showErrorIcon: y,
+				disabled: b,
+				readOnly: x,
+				labelClassName: S,
+				labelRowClassName: C,
+				descriptionClassName: w,
+				errorClassName: T,
+				contentClassName: E,
+				children: /* @__PURE__ */ r(e, {
+					id: P,
+					ref: i.ref,
+					name: i.name,
+					value: O ? O(i.value) : i.value ?? "",
+					disabled: b,
+					readOnly: x,
+					onBlur: (e) => {
+						i.onBlur(), M?.(e);
+					},
+					onChange: (e) => {
+						i.onChange(k ? k(e) : e), j?.(e);
+					},
+					"aria-invalid": a.invalid || void 0,
+					"aria-describedby": s.describedBy,
+					"aria-errormessage": o ? s.errorId : void 0,
+					className: D,
+					...N
+				})
+			});
+		}
+	});
+}
+//#endregion
+export { a as FormTextarea };

package/dist/src/components/form/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-field-shell.cjs"),t=require("./form-input.cjs"),n=require("./form-select.cjs"),r=require("./form-switch.cjs"),i=require("./form-textarea.cjs"),a=require("./form-date-picker.cjs"),o=require("./form-date-range-picker.cjs"),s=require("./form-date-range-input.cjs");exports.FormDatePicker=a.FormDatePicker,exports.FormDateRangeInput=s.FormDateRangeInput,exports.FormDateRangePicker=o.FormDateRangePicker,exports.FormFieldShell=e.FormFieldShell,exports.FormInput=t.FormInput,exports.FormSelect=n.FormSelect,exports.FormSwitch=r.FormSwitch,exports.FormTextarea=i.FormTextarea,exports.resolveFormFieldIds=e.resolveFormFieldIds;