tembro 1.0.0

package/dist/components/form/form-input.d.ts

@@ -0,0 +1,82 @@
+import * as React from "react";
+import { type Control, type FieldPath, type FieldValues, type RegisterOptions } from "react-hook-form";
+import { type DateRangeInputProps, type DateRangeValue } from "@/components/inputs/date-range-input";
+import { type DateInputProps } from "@/components/inputs/date-input";
+import { type MaskedInputProps } from "@/components/inputs/masked-input";
+import { type MoneyInputProps } from "@/components/inputs/money-input";
+import { type NumberInputProps } from "@/components/inputs/number-input";
+import { type PhoneInputProps } from "@/components/inputs/phone-input";
+import { type QuantityInputProps } from "@/components/inputs/quantity-input";
+import { type SearchInputProps } from "@/components/inputs/search-input";
+import { type ClearableInputProps } from "@/components/inputs/clearable-input";
+import { type FormFieldShellControlProps } from "@/components/form/form-field-shell";
+export type FormInputKind = "text" | "search" | "password" | "number" | "phone" | "date" | "date-range" | "clearable" | "masked" | "money" | "quantity";
+export type FormInputPhoneInputValueMode = "raw" | "masked";
+type TextInputElementChangeEvent = React.ChangeEvent<HTMLInputElement>;
+type FormTextInputControlProps = Omit<React.ComponentProps<"input">, "name" | "value" | "defaultValue"> & {
+    onChange?: (event: TextInputElementChangeEvent) => void;
+};
+type FormControlledFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = FormFieldShellControlProps & {
+    control: Control<TFieldValues>;
+    name: TName;
+    rules?: RegisterOptions<TFieldValues, TName>;
+    fieldClassName?: string;
+    id?: string;
+};
+export type FormTextInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<FormTextInputControlProps, "inputMode" | "autoComplete" | "autoCorrect" | "autoCapitalize" | "className" | "size"> & FormControlledFieldProps<TFieldValues, TName> & {
+    kind?: "text";
+    transformIn?: (value: unknown) => string | number | readonly string[] | undefined;
+    transformOut?: (event: TextInputElementChangeEvent) => unknown;
+};
+export type FormInputSearchVariantProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<SearchInputProps, "name" | "value" | "defaultValue" | "onValueChange"> & FormControlledFieldProps<TFieldValues, TName> & {
+    kind: "search";
+    onValueChange?: (value: string) => void;
+};
+export type FormInputPasswordVariantProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<React.ComponentProps<"input">, "name" | "value" | "defaultValue"> & {
+    kind: "password";
+    onValueChange?: (value: string) => void;
+    min?: never;
+    max?: never;
+} & FormControlledFieldProps<TFieldValues, TName>;
+export type FormInputNumberVariantProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<NumberInputProps, "name" | "value" | "defaultValue" | "onNumberChange"> & FormControlledFieldProps<TFieldValues, TName> & {
+    kind: "number";
+    emptyValue?: unknown;
+    onNumberChange?: (value: number | null) => void;
+};
+export type FormInputPhoneVariantProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<PhoneInputProps, "name" | "value" | "defaultValue" | "onValueChange"> & FormControlledFieldProps<TFieldValues, TName> & {
+    kind: "phone";
+    valueMode?: FormInputPhoneInputValueMode;
+    onValueChange?: (value: string, rawValue: string, maskedValue: string) => void;
+};
+export type FormInputDateVariantProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<DateInputProps, "name" | "value" | "defaultValue" | "onValueChange"> & FormControlledFieldProps<TFieldValues, TName> & {
+    kind: "date";
+    emptyValue?: unknown;
+    onValueChange?: (value: string) => void;
+};
+export type FormInputDateRangeVariantProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<DateRangeInputProps, "name" | "value" | "onValueChange"> & FormControlledFieldProps<TFieldValues, TName> & {
+    kind: "date-range";
+    onValueChange?: (value: DateRangeValue) => void;
+};
+export type FormInputClearableVariantProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<ClearableInputProps, "name" | "value" | "defaultValue" | "onValueChange"> & FormControlledFieldProps<TFieldValues, TName> & {
+    kind: "clearable";
+    emptyValue?: unknown;
+    onValueChange?: (value: string) => void;
+};
+export type FormInputMaskedVariantProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<MaskedInputProps, "name" | "value" | "defaultValue" | "onValueChange"> & FormControlledFieldProps<TFieldValues, TName> & {
+    kind: "masked";
+    valueMode?: "masked" | "raw";
+    onValueChange?: (maskedValue: string, rawValue: string) => void;
+};
+export type FormInputMoneyVariantProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<MoneyInputProps, "name" | "value" | "defaultValue" | "onValueChange"> & FormControlledFieldProps<TFieldValues, TName> & {
+    kind: "money";
+    emptyValue?: unknown;
+    onValueChange?: (value: number | null, rawValue: string) => void;
+};
+export type FormInputQuantityVariantProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<QuantityInputProps, "name" | "value" | "defaultValue" | "onValueChange"> & FormControlledFieldProps<TFieldValues, TName> & {
+    kind: "quantity";
+    emptyValue?: unknown;
+    onValueChange?: (value: number | null) => void;
+};
+export type FormInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormTextInputProps<TFieldValues, TName> | FormInputSearchVariantProps<TFieldValues, TName> | FormInputPasswordVariantProps<TFieldValues, TName> | FormInputNumberVariantProps<TFieldValues, TName> | FormInputPhoneVariantProps<TFieldValues, TName> | FormInputDateVariantProps<TFieldValues, TName> | FormInputDateRangeVariantProps<TFieldValues, TName> | FormInputClearableVariantProps<TFieldValues, TName> | FormInputMaskedVariantProps<TFieldValues, TName> | FormInputMoneyVariantProps<TFieldValues, TName> | FormInputQuantityVariantProps<TFieldValues, TName>;
+declare function FormInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormInputProps<TFieldValues, TName>): React.JSX.Element;
+export { FormInput };

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

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

package/dist/components/form/form-number-input.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./deprecated-compat.cjs");function t(t){return e.renderDeprecatedFormInputAlias({componentName:`FormNumberInput`,replacement:`FormInput with kind="number"`,kind:`number`,props:t})}exports.FormNumberInput=t;

package/dist/components/form/form-number-input.d.ts

@@ -0,0 +1,12 @@
+import { type FormInputNumberVariantProps } from "@/components/form/form-input";
+import type { FieldPath, FieldValues } from "react-hook-form";
+export type FormNumberInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<FormInputNumberVariantProps<TFieldValues, TName>, "kind" | "step" | "max" | "min"> & {
+    step?: number;
+    min?: number;
+    max?: number;
+};
+/**
+ * @deprecated Use {@link FormInput} with `kind="number"` instead.
+ */
+declare function FormNumberInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormNumberInputProps<TFieldValues, TName>): import("react").JSX.Element;
+export { FormNumberInput };

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

@@ -0,0 +1,12 @@
+import { renderDeprecatedFormInputAlias as e } from "./deprecated-compat.js";
+//#region src/components/form/form-number-input.tsx
+function t(t) {
+	return e({
+		componentName: "FormNumberInput",
+		replacement: "FormInput with kind=\"number\"",
+		kind: "number",
+		props: t
+	});
+}
+//#endregion
+export { t as FormNumberInput };

package/dist/components/form/form-password-input.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./deprecated-compat.cjs");function t(t){return e.renderDeprecatedFormInputAlias({componentName:`FormPasswordInput`,replacement:`FormInput with kind="password"`,kind:`password`,props:t})}exports.FormPasswordInput=t;

package/dist/components/form/form-password-input.d.ts

@@ -0,0 +1,8 @@
+import { type FormInputPasswordVariantProps as BaseFormPasswordInputProps } from "@/components/form/form-input";
+import type { FieldPath, FieldValues } from "react-hook-form";
+export type FormPasswordInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<BaseFormPasswordInputProps<TFieldValues, TName>, "kind">;
+/**
+ * @deprecated Use {@link FormInput} with `kind="password"` instead.
+ */
+declare function FormPasswordInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormPasswordInputProps<TFieldValues, TName>): import("react").JSX.Element;
+export { FormPasswordInput };

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

@@ -0,0 +1,12 @@
+import { renderDeprecatedFormInputAlias as e } from "./deprecated-compat.js";
+//#region src/components/form/form-password-input.tsx
+function t(t) {
+	return e({
+		componentName: "FormPasswordInput",
+		replacement: "FormInput with kind=\"password\"",
+		kind: "password",
+		props: t
+	});
+}
+//#endregion
+export { t as FormPasswordInput };

package/dist/components/form/form-phone-input.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./deprecated-compat.cjs");function t(t){let{valueMode:n,...r}=t;return e.renderDeprecatedFormInputAlias({componentName:`FormPhoneInput`,replacement:`FormInput with kind="phone"`,kind:`phone`,props:r,extraProps:{valueMode:n}})}exports.FormPhoneInput=t;

package/dist/components/form/form-phone-input.d.ts

@@ -0,0 +1,12 @@
+import { type FormInputPhoneInputValueMode, type FormInputPhoneVariantProps } from "@/components/form/form-input";
+import type { FieldPath, FieldValues } from "react-hook-form";
+export type FormPhoneInputValueMode = FormInputPhoneInputValueMode;
+export type { FormInputPhoneInputValueMode };
+export type FormPhoneInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<FormInputPhoneVariantProps<TFieldValues, TName>, "kind" | "valueMode"> & {
+    valueMode?: FormInputPhoneInputValueMode;
+};
+/**
+ * @deprecated Use {@link FormInput} with `kind="phone"` instead.
+ */
+declare function FormPhoneInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormPhoneInputProps<TFieldValues, TName>): import("react").JSX.Element;
+export { FormPhoneInput };

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

@@ -0,0 +1,14 @@
+import { renderDeprecatedFormInputAlias as e } from "./deprecated-compat.js";
+//#region src/components/form/form-phone-input.tsx
+function t(t) {
+	let { valueMode: n, ...r } = t;
+	return e({
+		componentName: "FormPhoneInput",
+		replacement: "FormInput with kind=\"phone\"",
+		kind: "phone",
+		props: r,
+		extraProps: { valueMode: n }
+	});
+}
+//#endregion
+export { t as FormPhoneInput };

package/dist/components/form/form-search-input.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./deprecated-compat.cjs");function t(t){return e.renderDeprecatedFormInputAlias({componentName:`FormSearchInput`,replacement:`FormInput with kind="search"`,kind:`search`,props:t})}exports.FormSearchInput=t;

package/dist/components/form/form-search-input.d.ts

@@ -0,0 +1,8 @@
+import { type FormInputSearchVariantProps } from "@/components/form/form-input";
+import type { FieldPath, FieldValues } from "react-hook-form";
+export type FormSearchInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<FormInputSearchVariantProps<TFieldValues, TName>, "kind">;
+/**
+ * @deprecated Use {@link FormInput} with `kind="search"` instead.
+ */
+declare function FormSearchInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormSearchInputProps<TFieldValues, TName>): import("react").JSX.Element;
+export { FormSearchInput };

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

@@ -0,0 +1,12 @@
+import { renderDeprecatedFormInputAlias as e } from "./deprecated-compat.js";
+//#region src/components/form/form-search-input.tsx
+function t(t) {
+	return e({
+		componentName: "FormSearchInput",
+		replacement: "FormInput with kind=\"search\"",
+		kind: "search",
+		props: t
+	});
+}
+//#endregion
+export { t as FormSearchInput };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../inputs/async-select.cjs"),t=require("../inputs/simple-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,required:e.required,className:e.className,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;if(c===`async`){let{control:t,name:a,label:c,description: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,emptyValue:O,kind:k,onValueChange:A,...j}=o;return(0,r.jsx)(n.FormFieldShell,{...s,error:u,children:(0,r.jsx)(e.AsyncSelect,{...j,value:i.value==null||i.value===``?void 0:String(i.value),disabled:b||x,onValueChange:(e,t)=>{i.onChange(e??O),A?.(e,t)},triggerClassName:D??l})})}let{control:d,name:f,label:p,description:m,required:h,className:g,layout:_,descriptionPosition:v,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,emptyValue:j,kind:M,onValueChange:N,...P}=o;return(0,r.jsx)(n.FormFieldShell,{...s,error:u,children:(0,r.jsx)(t.SimpleSelect,{...P,value:i.value==null?``:String(i.value),disabled:C||w,onValueChange:e=>{i.onChange(e||j),N?.(e)},triggerClassName:A??l})})}})}exports.FormSelect=o;

package/dist/components/form/form-select.d.ts

@@ -0,0 +1,23 @@
+import { type Control, type FieldPath, type FieldValues } from "react-hook-form";
+import { type AsyncSelectOption, type AsyncSelectProps } from "@/components/inputs/async-select";
+import { type SimpleSelectProps } from "@/components/inputs/simple-select";
+import { type FormFieldShellControlProps } from "@/components/form/form-field-shell";
+export type FormSelectKind = "simple" | "async";
+type FormSelectBaseProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = FormFieldShellControlProps & {
+    control: Control<TFieldValues>;
+    name: TName;
+    fieldClassName?: string;
+};
+export type FormSimpleSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<SimpleSelectProps, "value" | "onValueChange" | "disabled"> & FormSelectBaseProps<TFieldValues, TName> & {
+    kind?: "simple";
+    emptyValue?: unknown;
+    onValueChange?: (value: string) => void;
+};
+export type FormSelectAsyncVariantProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = Omit<AsyncSelectProps<TValue, TData, TOption>, "value" | "onValueChange" | "disabled"> & FormSelectBaseProps<TFieldValues, TName> & {
+    kind: "async";
+    emptyValue?: unknown;
+    onValueChange?: (value: TValue | undefined, option?: TOption) => void;
+};
+export type FormSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = FormSimpleSelectProps<TFieldValues, TName> | FormSelectAsyncVariantProps<TFieldValues, TName, TValue, TData, TOption>;
+declare function FormSelect<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>(props: FormSelectProps<TFieldValues, TName, TValue, TData, TOption>): import("react").JSX.Element;
+export { FormSelect };

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

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

package/dist/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,required:l,className:u,layout:d,descriptionPosition:f,labelAction:p,requiredIndicator:m,errorIcon:h,showErrorIcon:g,disabled:_,readOnly:v,labelClassName:y,labelRowClassName:b,descriptionClassName:x,errorClassName:S,contentClassName:C,fieldClassName:w,labelPlacement:T=`end`,id:E,onCheckedChange:D,...O}){let k=E??i,A=s?(0,a.jsxs)(`label`,{htmlFor:k,className:t.cn(`text-sm font-medium leading-none`,_&&`opacity-60`,y),children:[s,l&&(m??(0,a.jsx)(`span`,{className:`ml-1 text-destructive`,children:`*`}))]}):null;return(0,a.jsx)(o.Controller,{control:e,name:i,render:({field:e,fieldState:i})=>{let o=(0,a.jsx)(n.Switch,{id:k,ref:e.ref,checked:!!e.value,disabled:_||v,"aria-invalid":i.invalid||void 0,className:w,onBlur:e.onBlur,onCheckedChange:t=>{e.onChange(t),D?.(t)},...O});return T===`start`?(0,a.jsx)(r.FormFieldShell,{label:s,description:c,required:l,error:i.error?.message,htmlFor:k,className:u,layout:d,descriptionPosition:f,labelAction:p,requiredIndicator:m,errorIcon:h,showErrorIcon:g,disabled:_,readOnly:v,labelClassName:y,labelRowClassName:b,descriptionClassName:x,errorClassName:S,contentClassName:C,children:o}):(0,a.jsx)(r.FormFieldShell,{error:i.error?.message,className:u,errorIcon:h,showErrorIcon:g,disabled:_,readOnly:v,errorClassName:S,contentClassName:C,children:(0,a.jsxs)(`div`,{className:`flex items-start gap-3`,children:[o,(s||c||p)&&(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(s||p)&&(0,a.jsxs)(`div`,{className:t.cn(`flex items-center justify-between gap-2`,b),children:[A,p&&(0,a.jsx)(`div`,{className:`shrink-0 text-sm`,children:p})]}),c&&(0,a.jsx)(`p`,{className:t.cn(`text-xs text-muted-foreground`,x),children:c})]})]})})}})}exports.FormSwitch=s;