admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/_shared/form-field-B7taMVbC.js

@@ -0,0 +1,329 @@
+import { useStrings as e } from "../lib/strings.js";
+import { s as t } from "./ui-provider-C8Ot88lS.js";
+import { cn as n } from "../lib/utils.js";
+import { n as r } from "./heading-HeP06nXG.js";
+import { a as i } from "./typography-CdxyWB1T.js";
+import { t as a } from "./input-C7t-RHYq.js";
+import { i as o, n as s } from "./form-sizing-D74IS9KG.js";
+import { a as c, i as l, n as u, o as d, r as f, t as p } from "./select-BwUUXpsb.js";
+import * as m from "react";
+import { forwardRef as h, memo as g, useCallback as _, useEffect as v, useMemo as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Minus as C, Plus as w } from "lucide-react";
+import { Controller as T } from "react-hook-form";
+//#region src/components/base/forms/fields/decimal-input.tsx
+var E = {
+	decrement: "Decrement",
+	increment: "Increment"
+}, D = (e, t, n) => {
+	if (!e) return "";
+	let r = e;
+	if (r = r.replace(/,/g, "."), r = n ? r.replace(/[^\d.-]/g, "") : r.replace(/[^\d.]/g, ""), n && r.includes("-")) {
+		let e = r.startsWith("-");
+		r = r.replace(/-/g, ""), e && (r = "-" + r);
+	}
+	let i = r.split(".");
+	return i.length > 2 && (r = i[0] + "." + i.slice(1).join("")), i.length === 2 && i[1].length > t && (r = i[0] + "." + i[1].substring(0, t)), r;
+}, O = (e, t, n) => {
+	if (!e || e === "-") return !0;
+	let r = parseFloat(e);
+	return Number.isNaN(r) ? !0 : !(t !== void 0 && r < t || n !== void 0 && r > n);
+};
+function k(e, t, n) {
+	let r = 10 ** t, i = e * r;
+	switch (n) {
+		case "floor": return Math.floor(i) / r;
+		case "ceil": return Math.ceil(i) / r;
+		case "half-even": {
+			let e = Math.floor(i), t = i - e;
+			return t > .5 ? (e + 1) / r : t < .5 ? e / r : (e % 2 == 0 ? e : e + 1) / r;
+		}
+		default: return Math.round(i) / r;
+	}
+}
+function A(e, t, n) {
+	let r = e;
+	return t !== void 0 && (r = Math.max(t, r)), n !== void 0 && (r = Math.min(n, r)), r;
+}
+function j(e, t, n, r, i = "round") {
+	let a = r ?? 0, o = (e - a) / n, s = a + ((i === "floor" ? Math.floor(o) : i === "ceil" ? Math.ceil(o) : Math.round(o)) + t) * n;
+	return Number(s.toFixed(12));
+}
+function M(e, t, n) {
+	let r = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+	r ? r.call(e, t) : e.value = t, n && n({
+		target: e,
+		currentTarget: e,
+		type: "change",
+		bubbles: !1,
+		cancelable: !1
+	});
+}
+var N = {
+	sm: "w-8",
+	base: "w-9",
+	lg: "w-10"
+};
+function P({ decimalPlaces: r = 2, min: i, max: s, allowNegative: c = !0, allowEmpty: l = !0, step: u, roundingMode: d = "round", normalizeOnBlur: f = !0, onChange: p, onBlur: h, placeholder: g, className: v, value: y, defaultValue: b, disabled: T, size: P, strings: F, ...I }, L) {
+	let { defaultControlSize: R } = t(), z = o(P, R), B = e(E, F), V = Math.min(12, Math.max(0, r)), H = m.useRef(null), U = _((e) => {
+		let t = e.target.value;
+		if (!t && l) {
+			p?.(e);
+			return;
+		}
+		let n = D(t, V, c);
+		if (O(n, i, s)) if (n !== t) {
+			let t = {
+				...e,
+				target: {
+					...e.target,
+					value: n
+				},
+				currentTarget: {
+					...e.currentTarget,
+					value: n
+				}
+			};
+			p?.(t);
+		} else p?.(e);
+	}, [
+		p,
+		V,
+		c,
+		l,
+		i,
+		s
+	]), W = _((e) => {
+		if (h?.(e), !f) return;
+		let t = e.target.value;
+		if (!t && l) return;
+		let n = Number.parseFloat(t.replace(",", "."));
+		if (!Number.isFinite(n)) return;
+		let r = k(A(n, i, s), V, d).toFixed(V);
+		r !== t && H.current && M(H.current, r, p);
+	}, [
+		h,
+		p,
+		f,
+		l,
+		i,
+		s,
+		V,
+		d
+	]), G = _((e) => {
+		if (T || u === void 0) return;
+		let t = H.current;
+		if (!t) return;
+		let n = t.value, r = Number.parseFloat(n.replace(",", "."));
+		M(t, k(A(j(Number.isFinite(r) ? r : i ?? 0, e, u, i, d), i, s), V, d).toFixed(V), p);
+	}, [
+		T,
+		u,
+		i,
+		s,
+		d,
+		V,
+		p
+	]), K = typeof u == "number" && u > 0, q = g ?? (V > 0 ? `0.${"0".repeat(V)}` : "0");
+	return K ? /* @__PURE__ */ S("div", {
+		className: n("decimal-input--component", "flex items-stretch overflow-hidden rounded-radius border border-input bg-transparent", "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", I["aria-invalid"] && "border-destructive ring-destructive/20", T && "opacity-50 cursor-not-allowed"),
+		children: [
+			/* @__PURE__ */ x("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": B.decrement,
+				disabled: T,
+				onClick: () => G(-1),
+				className: n("inline-flex shrink-0 items-center justify-center border-r border-input text-muted-foreground transition-colors", N[z], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ x(C, { className: "size-3.5" })
+			}),
+			/* @__PURE__ */ x(a, {
+				size: z,
+				ref: (e) => {
+					H.current = e, typeof L == "function" ? L(e) : L && (L.current = e);
+				},
+				type: "text",
+				inputMode: V > 0 ? "decimal" : "numeric",
+				placeholder: q,
+				onChange: U,
+				onBlur: W,
+				value: y,
+				defaultValue: b,
+				disabled: T,
+				className: n("flex-1 tabular-nums text-center border-0 shadow-none rounded-none focus-visible:ring-0 focus-visible:border-0", v),
+				...I
+			}),
+			/* @__PURE__ */ x("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": B.increment,
+				disabled: T,
+				onClick: () => G(1),
+				className: n("inline-flex shrink-0 items-center justify-center border-l border-input text-muted-foreground transition-colors", N[z], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ x(w, { className: "size-3.5" })
+			})
+		]
+	}) : /* @__PURE__ */ x(a, {
+		size: z,
+		ref: (e) => {
+			H.current = e, typeof L == "function" ? L(e) : L && (L.current = e);
+		},
+		type: "text",
+		inputMode: V > 0 ? "decimal" : "numeric",
+		placeholder: q,
+		onChange: U,
+		onBlur: W,
+		value: y,
+		defaultValue: b,
+		disabled: T,
+		className: n("tabular-nums text-end", v),
+		...I
+	});
+}
+var F = m.forwardRef(P);
+F.displayName = "DecimalInput";
+//#endregion
+//#region src/components/base/forms/fields/currency-input.tsx
+var I = {
+	USD: "$",
+	EUR: "€",
+	GBP: "£",
+	BGN: "лв",
+	JPY: "¥",
+	CNY: "¥",
+	CHF: "CHF",
+	CAD: "C$",
+	AUD: "A$"
+}, L = (e) => !e || e.length === 0 ? [] : e.map((e) => typeof e == "string" ? {
+	value: e,
+	label: `${I[e] || e} ${e}`
+} : e);
+function R({ currency: e, defaultCurrency: r, currencies: a, onCurrencyChange: m, currencyPosition: h = "start", disableCurrencySelector: g = !1, currencyPlaceholder: C, currencyWidth: w = "w-28", currencyLabel: T, invalid: E, disabled: D, onConfigError: O, size: k, ...A }, j) {
+	let { defaultControlSize: M } = t(), N = o(k, M), P = y(() => L(a), [a]), [I, R] = b(r ?? P[0]?.value ?? ""), z = e !== void 0, B = z ? e : I;
+	v(() => {
+		let t = {
+			currency: e,
+			defaultCurrency: r,
+			disableCurrencySelector: g
+		};
+		g && typeof e == "string" && typeof r == "string" && e.trim() !== "" && r.trim() !== "" && e !== r && O?.("[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.", t), g && (typeof B != "string" || B.trim().length === 0) && O?.("[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.", t);
+	}, [
+		e,
+		r,
+		g,
+		O,
+		B
+	]);
+	let V = _((e) => {
+		e !== null && (z || R(e), m?.(e));
+	}, [z, m]), H = y(() => n("border-input bg-transparent !shadow-none", s[N], "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", w, D && "opacity-50 cursor-not-allowed"), [
+		N,
+		w,
+		D
+	]), U = /* @__PURE__ */ S("div", {
+		className: "space-y-2",
+		children: [!!T && /* @__PURE__ */ x(i, {
+			className: "leading-6",
+			children: T
+		}), /* @__PURE__ */ S(p, {
+			value: B,
+			onValueChange: (e) => V(e),
+			disabled: D || g,
+			children: [/* @__PURE__ */ x(c, {
+				"aria-invalid": E || void 0,
+				className: H,
+				children: /* @__PURE__ */ x(d, { placeholder: C ?? "" })
+			}), /* @__PURE__ */ x(u, { children: /* @__PURE__ */ x(f, { children: P.map((e) => /* @__PURE__ */ x(l, {
+				value: e.value,
+				children: e.label
+			}, e.value)) }) })]
+		})]
+	});
+	return /* @__PURE__ */ S("div", {
+		className: n("currency-input--component", "flex items-start gap-2"),
+		children: [
+			h === "start" && U,
+			/* @__PURE__ */ x("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ x(F, {
+					ref: j,
+					size: N,
+					decimalPlaces: 2,
+					allowNegative: !1,
+					disabled: D,
+					invalid: E,
+					...A
+				})
+			}),
+			h === "end" && U
+		]
+	});
+}
+var z = g(h(R));
+z.displayName = "CurrencyInput";
+//#endregion
+//#region src/components/base/forms/fields/money-input.tsx
+var B = ["USD", "EUR"], V = h(function({ currencies: e = B, onCurrencyChange: t, currency: n, defaultCurrency: r, ...i }, a) {
+	return /* @__PURE__ */ x(z, {
+		className: "money-input--component",
+		ref: a,
+		currencies: e,
+		currency: n,
+		defaultCurrency: r,
+		onCurrencyChange: _((e) => {
+			t?.(e);
+		}, [t]),
+		...i
+	});
+});
+V.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/forms/form-field.tsx
+function H({ children: e, label: t, isRequired: a, required: o, hint: s, error: c, helperText: l, htmlFor: u, className: d }) {
+	let f = !!c, p = c || l || (f ? void 0 : s), h = !!p, g = a ?? o, _ = m.useId(), v = m.isValidElement(e) ? e.props.id : void 0, y = u ?? v ?? (t && m.isValidElement(e) ? `form-field-${_}` : void 0), b = y && m.isValidElement(e) && !v ? m.cloneElement(e, { id: y }) : e;
+	return /* @__PURE__ */ S("div", {
+		className: n("form-field--component", "space-y-1", d),
+		children: [
+			!!t && /* @__PURE__ */ S(i, {
+				htmlFor: y,
+				className: "flex items-center leading-6",
+				children: [t, !!g && /* @__PURE__ */ x("span", {
+					className: "ml-1 text-destructive",
+					children: "*"
+				})]
+			}),
+			b,
+			!!h && /* @__PURE__ */ x(r, {
+				tag: "p",
+				size: "xs",
+				type: f ? "error" : "secondary",
+				...f ? {
+					role: "alert",
+					"aria-live": "polite"
+				} : {},
+				children: p
+			})
+		]
+	});
+}
+function U({ name: e, control: t, rules: n, error: r, children: i, ...a }) {
+	return /* @__PURE__ */ x(T, {
+		name: e,
+		control: t,
+		rules: n,
+		render: ({ field: t, fieldState: n }) => {
+			let o = n.error?.message || (n.error ? n.error.type === "required" ? a.label ? `${a.label} is required` : "This field is required" : "Invalid value" : void 0), s = r?.(e) || o || void 0, c = !!s;
+			return /* @__PURE__ */ x(H, {
+				...a,
+				error: s,
+				htmlFor: e,
+				children: i(t, s, c, n)
+			});
+		}
+	});
+}
+H.displayName = "FormField", U.displayName = "ControlledFormField";
+//#endregion
+export { F as a, z as i, H as n, V as r, U as t };
+
+//# sourceMappingURL=form-field-B7taMVbC.js.map

package/dist/_shared/form-field-B7taMVbC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-B7taMVbC.js","names":[],"sources":["../../src/components/base/forms/fields/decimal-input.tsx","../../src/components/base/forms/fields/currency-input.tsx","../../src/components/base/forms/fields/money-input.tsx","../../src/components/base/forms/form-field.tsx"],"sourcesContent":["/**\n * DecimalInput — text-based numeric input with decimal-place enforcement,\n * locale-friendly comma → dot normalisation, optional min/max clamping,\n * rounding mode (`round` / `floor` / `ceil` / `half-even`), and optional\n * stepper buttons when `step` is set.\n *\n * Wraps the base `Input` so all add-on / icon / clear / loading features\n * still work. Extra features layered on top:\n *\n *  - `step` — when set, renders − / + stepper buttons that snap the value\n *    to a multiple of `step` (anchored at `min` if provided, else 0).\n *  - `roundingMode` — controls how stepper / blur normalisation rounds\n *    half values; default `'round'` (round-half-up).\n *  - `normalizeOnBlur` (default `true`) — pads the displayed value to the\n *    full `decimalPlaces` count and clamps to `[min, max]` when the field\n *    loses focus.\n *\n * The `value` prop is always a plain string (consumers parse it as needed)\n * so RHF / Inertia can treat it like any other input.\n */\nimport * as React from 'react';\nimport { useCallback } from 'react';\nimport { Minus, Plus } from 'lucide-react';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\nimport { resolveFormControlSize } from '../form-sizing';\nimport { Input, type InputProps } from './input';\n\nexport type DecimalRoundingMode = 'round' | 'floor' | 'ceil' | 'half-even';\n\nexport interface DecimalInputStrings {\n\tdecrement: string;\n\tincrement: string;\n}\n\nexport const defaultDecimalInputStrings: DecimalInputStrings = {\n\tdecrement: 'Decrement',\n\tincrement: 'Increment',\n};\n\nexport interface DecimalInputProps extends Omit<InputProps, 'type' | 'inputMode' | 'strings'> {\n\tdecimalPlaces?: number;\n\tmin?: number;\n\tmax?: number;\n\tallowNegative?: boolean;\n\tallowEmpty?: boolean;\n\t/** When set, renders − / + steppers and snaps the value to multiples of `step`. */\n\tstep?: number;\n\t/** How to round when normalising on blur or stepping. Default `'round'`. */\n\troundingMode?: DecimalRoundingMode;\n\t/** Pad to full decimalPlaces and clamp to [min, max] on blur. Default `true`. */\n\tnormalizeOnBlur?: boolean;\n\t/** String overrides for stepper aria-labels. */\n\tstrings?: StringsProp<DecimalInputStrings>;\n}\n\nconst formatDecimalValue = (\n\tvalue: string,\n\tdecimalPlaces: number,\n\tallowNegative: boolean,\n): string => {\n\tif (!value) return '';\n\n\tlet formatted = value;\n\tformatted = formatted.replace(/,/g, '.');\n\n\tif (allowNegative) {\n\t\tformatted = formatted.replace(/[^\\d.-]/g, '');\n\t} else {\n\t\tformatted = formatted.replace(/[^\\d.]/g, '');\n\t}\n\n\tif (allowNegative && formatted.includes('-')) {\n\t\tconst hasLeadingMinus = formatted.startsWith('-');\n\t\tformatted = formatted.replace(/-/g, '');\n\t\tif (hasLeadingMinus) formatted = '-' + formatted;\n\t}\n\n\tconst parts = formatted.split('.');\n\tif (parts.length > 2) {\n\t\tformatted = parts[0] + '.' + parts.slice(1).join('');\n\t}\n\n\tif (parts.length === 2 && parts[1].length > decimalPlaces) {\n\t\tformatted = parts[0] + '.' + parts[1].substring(0, decimalPlaces);\n\t}\n\n\treturn formatted;\n};\n\nconst isWithinBounds = (value: string, min?: number, max?: number): boolean => {\n\tif (!value || value === '-') return true;\n\tconst numValue = parseFloat(value);\n\tif (Number.isNaN(numValue)) return true;\n\tif (min !== undefined && numValue < min) return false;\n\tif (max !== undefined && numValue > max) return false;\n\treturn true;\n};\n\nfunction applyRounding(value: number, decimals: number, mode: DecimalRoundingMode): number {\n\tconst factor = Math.pow(10, decimals);\n\tconst shifted = value * factor;\n\tswitch (mode) {\n\t\tcase 'floor':\n\t\t\treturn Math.floor(shifted) / factor;\n\t\tcase 'ceil':\n\t\t\treturn Math.ceil(shifted) / factor;\n\t\tcase 'half-even': {\n\t\t\tconst floor = Math.floor(shifted);\n\t\t\tconst diff = shifted - floor;\n\t\t\tif (diff > 0.5) return (floor + 1) / factor;\n\t\t\tif (diff < 0.5) return floor / factor;\n\t\t\treturn (floor % 2 === 0 ? floor : floor + 1) / factor;\n\t\t}\n\t\tcase 'round':\n\t\tdefault:\n\t\t\treturn Math.round(shifted) / factor;\n\t}\n}\n\nfunction clamp(n: number, min?: number, max?: number): number {\n\tlet next = n;\n\tif (min !== undefined) next = Math.max(min, next);\n\tif (max !== undefined) next = Math.min(max, next);\n\treturn next;\n}\n\nfunction snapToStep(\n\tcurrent: number,\n\tdelta: number,\n\tstep: number,\n\tmin?: number,\n\tmode: DecimalRoundingMode = 'round',\n): number {\n\tconst anchor = min ?? 0;\n\tconst stepsFromAnchor = (current - anchor) / step;\n\tconst rounded =\n\t\tmode === 'floor'\n\t\t\t? Math.floor(stepsFromAnchor)\n\t\t\t: mode === 'ceil'\n\t\t\t\t? Math.ceil(stepsFromAnchor)\n\t\t\t\t: Math.round(stepsFromAnchor);\n\tconst stepped = anchor + (rounded + delta) * step;\n\treturn Number(stepped.toFixed(12));\n}\n\nfunction fireChange(\n\ttarget: HTMLInputElement,\n\tvalue: string,\n\tonChange?: InputProps['onChange'],\n) {\n\t// Write the value to the DOM first so UNCONTROLLED inputs actually reflect\n\t// stepper clicks and blur-normalisation. (Previously this only called\n\t// onChange, so steppers were a no-op on uncontrolled fields.) Use the native\n\t// value setter so React's input value-tracker stays in sync for controlled\n\t// consumers, which then reconcile through their onChange + re-render.\n\tconst nativeSetter = Object.getOwnPropertyDescriptor(\n\t\twindow.HTMLInputElement.prototype,\n\t\t'value',\n\t)?.set;\n\tif (nativeSetter) nativeSetter.call(target, value);\n\telse target.value = value;\n\n\tif (!onChange) return;\n\tconst event = {\n\t\ttarget,\n\t\tcurrentTarget: target,\n\t\ttype: 'change',\n\t\tbubbles: false,\n\t\tcancelable: false,\n\t} as unknown as React.ChangeEvent<HTMLInputElement>;\n\tonChange(event);\n}\n\nconst STEPPER_SIZE_CLASS: Record<FormControlSize, string> = {\n\tsm: 'w-8',\n\tbase: 'w-9',\n\tlg: 'w-10',\n};\n\nfunction DecimalInputImpl(\n\t{\n\t\tdecimalPlaces = 2,\n\t\tmin,\n\t\tmax,\n\t\tallowNegative = true,\n\t\tallowEmpty = true,\n\t\tstep,\n\t\troundingMode = 'round',\n\t\tnormalizeOnBlur = true,\n\t\tonChange,\n\t\tonBlur,\n\t\tplaceholder,\n\t\tclassName,\n\t\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tdisabled,\n\t\tsize: sizeProp,\n\t\tstrings: stringsProp,\n\t\t...props\n\t}: DecimalInputProps,\n\tforwardedRef: React.ForwardedRef<HTMLInputElement>,\n) {\n\tconst { defaultControlSize } = useFormsConfig();\n\tconst size: FormControlSize = resolveFormControlSize(sizeProp, defaultControlSize);\n\tconst strings = useStrings(defaultDecimalInputStrings, stringsProp);\n\tconst validDecimalPlaces = Math.min(12, Math.max(0, decimalPlaces));\n\tconst inputRef = React.useRef<HTMLInputElement | null>(null);\n\n\tconst handleChange = useCallback(\n\t\t(e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\tconst newValue = e.target.value;\n\n\t\t\tif (!newValue && allowEmpty) {\n\t\t\t\tonChange?.(e);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst formatted = formatDecimalValue(newValue, validDecimalPlaces, allowNegative);\n\t\t\tif (!isWithinBounds(formatted, min, max)) return;\n\n\t\t\tif (formatted !== newValue) {\n\t\t\t\tconst modifiedEvent = {\n\t\t\t\t\t...e,\n\t\t\t\t\ttarget: { ...e.target, value: formatted },\n\t\t\t\t\tcurrentTarget: { ...e.currentTarget, value: formatted },\n\t\t\t\t} as React.ChangeEvent<HTMLInputElement>;\n\t\t\t\tonChange?.(modifiedEvent);\n\t\t\t} else {\n\t\t\t\tonChange?.(e);\n\t\t\t}\n\t\t},\n\t\t[onChange, validDecimalPlaces, allowNegative, allowEmpty, min, max],\n\t);\n\n\tconst handleBlur = useCallback(\n\t\t(e: React.FocusEvent<HTMLInputElement>) => {\n\t\t\tonBlur?.(e);\n\t\t\tif (!normalizeOnBlur) return;\n\t\t\tconst raw = e.target.value;\n\t\t\tif (!raw && allowEmpty) return;\n\t\t\tconst num = Number.parseFloat(raw.replace(',', '.'));\n\t\t\tif (!Number.isFinite(num)) return;\n\t\t\tconst clamped = clamp(num, min, max);\n\t\t\tconst rounded = applyRounding(clamped, validDecimalPlaces, roundingMode);\n\t\t\tconst next = rounded.toFixed(validDecimalPlaces);\n\t\t\tif (next !== raw && inputRef.current) {\n\t\t\t\tfireChange(inputRef.current, next, onChange);\n\t\t\t}\n\t\t},\n\t\t[onBlur, onChange, normalizeOnBlur, allowEmpty, min, max, validDecimalPlaces, roundingMode],\n\t);\n\n\tconst adjust = useCallback(\n\t\t(delta: number) => {\n\t\t\tif (disabled || step === undefined) return;\n\t\t\tconst target = inputRef.current;\n\t\t\tif (!target) return;\n\t\t\tconst raw = target.value;\n\t\t\tconst current = Number.parseFloat(raw.replace(',', '.'));\n\t\t\tconst base = Number.isFinite(current) ? current : (min ?? 0);\n\t\t\tconst snapped = clamp(snapToStep(base, delta, step, min, roundingMode), min, max);\n\t\t\tconst next = applyRounding(snapped, validDecimalPlaces, roundingMode).toFixed(validDecimalPlaces);\n\t\t\tfireChange(target, next, onChange);\n\t\t},\n\t\t[disabled, step, min, max, roundingMode, validDecimalPlaces, onChange],\n\t);\n\n\tconst showSteppers = typeof step === 'number' && step > 0;\n\tconst placeholderResolved =\n\t\tplaceholder ?? (validDecimalPlaces > 0 ? `0.${'0'.repeat(validDecimalPlaces)}` : '0');\n\n\tif (showSteppers) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={cn('decimal-input--component', \n\t\t\t\t\t// Stepper segmented group — input + adjacent − / + buttons\n\t\t\t\t\t// share a single border radius so the group reads as one\n\t\t\t\t\t// control instead of three loose chips.\n\t\t\t\t\t'flex items-stretch overflow-hidden rounded-radius border border-input bg-transparent',\n\t\t\t\t\t'focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]',\n\t\t\t\t\tprops['aria-invalid'] && 'border-destructive ring-destructive/20',\n\t\t\t\t\tdisabled && 'opacity-50 cursor-not-allowed',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\taria-label={strings.decrement}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={() => adjust(-1)}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'inline-flex shrink-0 items-center justify-center border-r border-input text-muted-foreground transition-colors',\n\t\t\t\t\t\tSTEPPER_SIZE_CLASS[size],\n\t\t\t\t\t\t'hover:bg-muted hover:text-foreground',\n\t\t\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<Minus className=\"size-3.5\" />\n\t\t\t\t</button>\n\t\t\t\t<Input\n\t\t\t\t\tsize={size}\n\t\t\t\t\tref={(node) => { inputRef.current = node; if (typeof forwardedRef === \"function\") forwardedRef(node); else if (forwardedRef) forwardedRef.current = node; }}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tinputMode={validDecimalPlaces > 0 ? 'decimal' : 'numeric'}\n\t\t\t\t\tplaceholder={placeholderResolved}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\tvalue={controlledValue}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'flex-1 tabular-nums text-center border-0 shadow-none rounded-none focus-visible:ring-0 focus-visible:border-0',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\taria-label={strings.increment}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={() => adjust(1)}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'inline-flex shrink-0 items-center justify-center border-l border-input text-muted-foreground transition-colors',\n\t\t\t\t\t\tSTEPPER_SIZE_CLASS[size],\n\t\t\t\t\t\t'hover:bg-muted hover:text-foreground',\n\t\t\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<Plus className=\"size-3.5\" />\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Input\n\t\t\tsize={size}\n\t\t\tref={(node) => { inputRef.current = node; if (typeof forwardedRef === \"function\") forwardedRef(node); else if (forwardedRef) forwardedRef.current = node; }}\n\t\t\ttype=\"text\"\n\t\t\tinputMode={validDecimalPlaces > 0 ? 'decimal' : 'numeric'}\n\t\t\tplaceholder={placeholderResolved}\n\t\t\tonChange={handleChange}\n\t\t\tonBlur={handleBlur}\n\t\t\tvalue={controlledValue}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tdisabled={disabled}\n\t\t\tclassName={cn('tabular-nums text-end', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nconst DecimalInput = React.forwardRef<HTMLInputElement, DecimalInputProps>(DecimalInputImpl);\nDecimalInput.displayName = 'DecimalInput';\n\nexport { DecimalInput };\n","import { useState, useCallback, useEffect, useMemo, memo, forwardRef, type ForwardedRef } from 'react';\nimport * as baseui from '@/components/ui/select';\nimport { Label } from '@/components/typography';\nimport { useFormsConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\nimport { formControlSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { DecimalInput, type DecimalInputProps } from './decimal-input';\n\nexport interface CurrencyOption {\n    value: string;\n    label: string;\n}\n\nexport interface CurrencyInputProps extends Omit<DecimalInputProps, 'label' | 'hint' | 'helperText' | 'error'> {\n    /** Current currency value */\n    currency?: string;\n\n    /** Default currency if uncontrolled */\n    defaultCurrency?: string;\n\n    /** List of available currencies (simple strings or objects with value/label) */\n    currencies?: (string | CurrencyOption)[];\n\n    /** Callback when currency changes */\n    onCurrencyChange?: (currency: string) => void;\n\n    /** Position of currency dropdown */\n    currencyPosition?: 'start' | 'end';\n\n    /** Disable currency selection */\n    disableCurrencySelector?: boolean;\n\n    /** Placeholder for currency dropdown */\n    currencyPlaceholder?: string;\n\n    /** Width of the currency dropdown */\n    currencyWidth?: string;\n\n    /** Label for currency field (sub-label) */\n    currencyLabel?: string;\n\n    /** Error state for styling (passed from FormField) */\n    invalid?: boolean;\n\n    /** Called when the input is misconfigured (mismatched currency/defaultCurrency\n     *  while the selector is disabled, missing currency, etc.). The library\n     *  also DEV-logs the same message to the console. */\n    onConfigError?: (\n        message: string,\n        details: { currency?: string; defaultCurrency?: string; disableCurrencySelector?: boolean },\n    ) => void;\n}\n\n// Common currency symbols\nconst CURRENCY_SYMBOLS: Record<string, string> = {\n    USD: '$',\n    EUR: '€',\n    GBP: '£',\n    BGN: 'лв',\n    JPY: '¥',\n    CNY: '¥',\n    CHF: 'CHF',\n    CAD: 'C$',\n    AUD: 'A$',\n};\n\nconst normalizeCurrencies = (currencies?: (string | CurrencyOption)[]): CurrencyOption[] => {\n    if (!currencies || currencies.length === 0) return [];\n\n    return currencies.map((currency) => {\n        if (typeof currency === 'string') {\n            const symbol = CURRENCY_SYMBOLS[currency] || currency;\n            return {\n                value: currency,\n                label: `${symbol} ${currency}`,\n            };\n        }\n        return currency;\n    });\n};\n\nfunction CurrencyInputImpl(\n    {\n        currency: controlledCurrency,\n        defaultCurrency,\n        currencies,\n        onCurrencyChange,\n        currencyPosition = 'start',\n        disableCurrencySelector = false,\n        currencyPlaceholder,\n        currencyWidth = 'w-28',\n        currencyLabel,\n        invalid,\n        disabled,\n        onConfigError,\n        size: sizeProp,\n        ...decimalInputProps\n    }: CurrencyInputProps,\n    forwardedRef: ForwardedRef<HTMLInputElement>,\n) {\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Memoize normalized currencies\n    const normalizedCurrencies = useMemo(() => normalizeCurrencies(currencies), [currencies]);\n\n    // Internal state for uncontrolled currency\n    const [internalCurrency, setInternalCurrency] = useState(\n        defaultCurrency ?? normalizedCurrencies[0]?.value ?? ''\n    );\n\n    // Determine if currency is controlled\n    const isCurrencyControlled = controlledCurrency !== undefined;\n    const selectedCurrency = isCurrencyControlled ? controlledCurrency : internalCurrency;\n\n    useEffect(() => {\n        const details = { currency: controlledCurrency, defaultCurrency, disableCurrencySelector };\n        if (\n            disableCurrencySelector &&\n            typeof controlledCurrency === 'string' &&\n            typeof defaultCurrency === 'string' &&\n            controlledCurrency.trim() !== '' &&\n            defaultCurrency.trim() !== '' &&\n            controlledCurrency !== defaultCurrency\n        ) {\n            const message = '[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.';\n            if (import.meta.env?.DEV) {\n                console.warn(message, { currency: controlledCurrency, defaultCurrency });\n            }\n            onConfigError?.(message, details);\n        }\n\n        if (\n            disableCurrencySelector &&\n            (typeof selectedCurrency !== 'string' || selectedCurrency.trim().length === 0)\n        ) {\n            const message = '[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.';\n            if (import.meta.env?.DEV) {\n                console.warn(message);\n            }\n            onConfigError?.(message, details);\n        }\n    }, [controlledCurrency, defaultCurrency, disableCurrencySelector, onConfigError, selectedCurrency]);\n\n    // Handle currency change\n    const handleCurrencyChange = useCallback(\n        (newCurrency: string | null) => {\n            if (newCurrency === null) return;\n            if (!isCurrencyControlled) {\n                setInternalCurrency(newCurrency);\n            }\n            onCurrencyChange?.(newCurrency);\n        },\n        [isCurrencyControlled, onCurrencyChange]\n    );\n\n    // Memoize trigger class names. Size flows through `formControlSizeClasses[size]`\n    // so the trigger height matches the inner DecimalInput when a consumer sets\n    // `<UIProvider forms={{ defaultControlSize }}>`.\n    const triggerClassName = useMemo(\n        () =>\n            cn(\n                'border-input bg-transparent !shadow-none',\n                formControlSizeClasses[size],\n                'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n                currencyWidth,\n                disabled && 'opacity-50 cursor-not-allowed'\n            ),\n        [size, currencyWidth, disabled]\n    );\n\n    // Currency selector component\n    const currencySelector = (\n        <div className=\"space-y-2\">\n            {!!currencyLabel && <Label className=\"leading-6\">{currencyLabel}</Label>}\n            <baseui.Select\n                value={selectedCurrency}\n                onValueChange={(value) => handleCurrencyChange(value)}\n                disabled={disabled || disableCurrencySelector}\n            >\n                <baseui.SelectTrigger aria-invalid={invalid || undefined} className={triggerClassName}>\n                    <baseui.SelectValue placeholder={currencyPlaceholder ?? ''} />\n                </baseui.SelectTrigger>\n                <baseui.SelectContent>\n                    <baseui.SelectGroup>\n                        {normalizedCurrencies.map((curr) => (\n                            <baseui.SelectItem key={curr.value} value={curr.value}>\n                                {curr.label}\n                            </baseui.SelectItem>\n                        ))}\n                    </baseui.SelectGroup>\n                </baseui.SelectContent>\n            </baseui.Select>\n        </div>\n    );\n\n    return (\n        <div className={cn('currency-input--component', 'flex items-start gap-2')}>\n            {currencyPosition === 'start' && currencySelector}\n\n            <div className=\"flex-1\">\n                <DecimalInput\n                    ref={forwardedRef}\n                    size={size}\n                    decimalPlaces={2}\n                    allowNegative={false}\n                    disabled={disabled}\n                    invalid={invalid}\n                    {...decimalInputProps}\n                />\n            </div>\n\n            {currencyPosition === 'end' && currencySelector}\n        </div>\n    );\n}\n\n// forwardRef + memo: forward to the underlying decimal input so consumers\n// can focus/measure programmatically.\nexport const CurrencyInput = memo(forwardRef<HTMLInputElement, CurrencyInputProps>(CurrencyInputImpl));\nCurrencyInput.displayName = 'CurrencyInput';\n","/**\n * MoneyInput (forms/fields) — `CurrencyInput` preset with a small default\n * currency list for back-compat and a callback shape that matches the\n * library's `CurrencyCode` typing.\n *\n * For the richer `MoneyInputData`-shaped helper with migration warnings and\n * form-field chrome, use `@/components/base/display/money-input` instead.\n */\nimport { forwardRef, useCallback } from 'react';\n\nimport { CurrencyInput, type CurrencyInputProps } from './currency-input';\nimport type { CurrencyCode } from '@/lib/ui-provider';\n\nexport interface MoneyInputProps extends Omit<CurrencyInputProps, 'currency' | 'defaultCurrency' | 'currencies' | 'onCurrencyChange'> {\n    /** Current currency value (ISO 4217 code, e.g. 'USD'). */\n    currency?: CurrencyCode;\n    /** Default currency if uncontrolled. */\n    defaultCurrency?: CurrencyCode;\n    /** Available currencies for the inline picker. Defaults to `['USD', 'EUR']`\n     *  — pass your own list or wire `useMoneyConfig` at the consumer site for\n     *  real production use. */\n    currencies?: CurrencyCode[];\n    /** Callback when the user changes the currency in the inline picker. */\n    onCurrencyChange?: (currency: CurrencyCode) => void;\n}\n\nconst DEFAULT_CURRENCIES: CurrencyCode[] = ['USD', 'EUR'];\n\nexport const MoneyInput = forwardRef<HTMLInputElement, MoneyInputProps>(function MoneyInput(\n    { currencies = DEFAULT_CURRENCIES, onCurrencyChange, currency, defaultCurrency, ...props },\n    ref,\n) {\n    const handleCurrencyChange = useCallback(\n        (nextCurrency: string) => {\n            onCurrencyChange?.(nextCurrency);\n        },\n        [onCurrencyChange]\n    );\n\n    return (\n        <CurrencyInput className=\"money-input--component\"\n            ref={ref}\n            currencies={currencies}\n            currency={currency}\n            defaultCurrency={defaultCurrency}\n            onCurrencyChange={handleCurrencyChange}\n            {...props}\n        />\n    );\n});\n\nMoneyInput.displayName = 'MoneyInput';\n","/**\n * Unified Form Field Components\n * =============================\n *\n * Two components sharing the same visual structure for field chrome:\n *\n * 1. `FormField` - Pure presentation wrapper (label, hint, error, required indicator)\n * 2. `ControlledFormField` - FormField + react-hook-form Controller integration\n *\n * ## FormField\n * Use for custom components or non-controlled inputs.\n *\n * ```tsx\n * <FormField label={t('label')} error={error} required hint={t('hint')}>\n *   <CustomAutocomplete value={value} onSelect={onSelect} />\n * </FormField>\n * ```\n *\n * ## ControlledFormField\n * Use with react-hook-form. Auto-merges backend (Inertia) + validation errors.\n *\n * ```tsx\n * <ControlledFormField\n *   name=\"email\"\n *   control={control}\n *   error={getError}\n *   label={t('fields.email.label')}\n *   required\n *   rules={{ required: true, pattern: /^\\\\S+@\\\\S+$/i }}\n * >\n *   {(field, error, invalid) => (\n *     <Input\n *       placeholder={t('fields.email.placeholder')}\n *       value={field.value ?? ''}\n *       onChange={field.onChange}\n *       onBlur={field.onBlur}\n *       invalid={invalid}\n *     />\n *   )}\n * </ControlledFormField>\n * ```\n *\n * ## Render Function Parameters\n * - `field` - Controller props: value, onChange, onBlur, name, ref\n * - `error` - Merged error string (backend || validation) or undefined\n * - `invalid` - Boolean for input styling (border color, etc.)\n * - `fieldState` - Escape hatch: touched, dirty, isTouched, isDirty, etc.\n *\n * ## Error Priority\n * Backend errors (via `error` getter) take priority over validation errors.\n * This ensures server-side validation is authoritative.\n *\n * ## Chrome Props (shared by both components)\n * - `label` - Field label text\n * - `required` - Shows red asterisk after label\n * - `hint` - Secondary text shown below the field when there is no error\n * - `error` - Error message (red text below input)\n * - `helperText` - Helper text (shown when no error)\n * - `className` - Additional wrapper classes\n */\n\nimport * as React from 'react';\nimport { type ReactNode } from 'react';\nimport {\n\tController,\n\ttype Control,\n\ttype ControllerFieldState,\n\ttype ControllerRenderProps,\n\ttype FieldPath,\n\ttype FieldValues,\n\ttype RegisterOptions,\n} from 'react-hook-form';\n\nimport { Label, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\ninterface FieldChromeProps {\n\tlabel?: string;\n\tisRequired?: boolean;\n\trequired?: boolean;\n\thint?: string;\n\terror?: string;\n\thelperText?: string;\n\tclassName?: string;\n}\n\ninterface FormFieldProps extends FieldChromeProps {\n\tchildren: ReactNode;\n\thtmlFor?: string;\n}\n\nexport function FormField({\n\tchildren,\n\tlabel,\n\tisRequired,\n\trequired,\n\thint,\n\terror,\n\thelperText,\n\thtmlFor,\n\tclassName,\n}: FormFieldProps) {\n\tconst hasError = Boolean(error);\n\tconst supportingText = error || helperText || (!hasError ? hint : undefined);\n\tconst showBottomText = Boolean(supportingText);\n\tconst resolvedRequired = isRequired ?? required;\n\tconst generatedId = React.useId();\n\tconst childId =\n\t\tReact.isValidElement(children)\n\t\t\t? (children.props as { id?: string }).id\n\t\t\t: undefined;\n\tconst resolvedHtmlFor = htmlFor ?? childId ?? (label && React.isValidElement(children) ? `form-field-${generatedId}` : undefined);\n\tconst resolvedChildren =\n\t\tresolvedHtmlFor && React.isValidElement(children) && !childId\n\t\t\t? React.cloneElement(children as React.ReactElement<{ id?: string }>, { id: resolvedHtmlFor })\n\t\t\t: children;\n\n\treturn (\n\t\t<div className={cn('form-field--component', 'space-y-1', className)}>\n\t\t\t{!!label && (\n\t\t\t\t<Label htmlFor={resolvedHtmlFor} className=\"flex items-center leading-6\">\n\t\t\t\t\t{label}\n\t\t\t\t\t{!!resolvedRequired && (\n\t\t\t\t\t\t<span className=\"ml-1 text-destructive\">*</span>\n\t\t\t\t\t)}\n\t\t\t\t</Label>\n\t\t\t)}\n\n\t\t\t{resolvedChildren}\n\n\t\t\t{!!showBottomText && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"p\"\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\ttype={hasError ? 'error' : 'secondary'}\n\t\t\t\t\t{...(hasError ? { role: 'alert', 'aria-live': 'polite' } : {})}\n\t\t\t\t>\n\t\t\t\t\t{supportingText}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\ntype ErrorGetter<TName extends string> = (field: TName) => string | undefined;\n\ninterface ControlledFormFieldProps<\n\tTFieldValues extends FieldValues,\n\tTName extends FieldPath<TFieldValues>,\n> extends Omit<FieldChromeProps, 'error'> {\n\tname: TName;\n\tcontrol: Control<TFieldValues>;\n\trules?: RegisterOptions<TFieldValues, TName>;\n\terror?: ErrorGetter<TName>;\n\tchildren: (\n\t\tfield: ControllerRenderProps<TFieldValues, TName>,\n\t\terror: string | undefined,\n\t\tinvalid: boolean,\n\t\tfieldState: ControllerFieldState,\n\t) => ReactNode;\n}\n\nexport function ControlledFormField<\n\tTFieldValues extends FieldValues,\n\tTName extends FieldPath<TFieldValues>,\n>({\n\tname,\n\tcontrol,\n\trules,\n\terror: errorGetter,\n\tchildren,\n\t...chromeProps\n}: ControlledFormFieldProps<TFieldValues, TName>) {\n\treturn (\n\t\t<Controller\n\t\t\tname={name}\n\t\t\tcontrol={control}\n\t\t\trules={rules}\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\tconst validationError = fieldState.error?.message\n\t\t\t\t\t|| (fieldState.error ? (fieldState.error.type === 'required' ? (chromeProps.label ? `${chromeProps.label} is required` : 'This field is required') : 'Invalid value') : undefined);\n\t\t\t\tconst resolvedError = errorGetter?.(name) || validationError || undefined;\n\t\t\t\tconst invalid = Boolean(resolvedError);\n\n\t\t\t\treturn (\n\t\t\t\t\t<FormField {...chromeProps} error={resolvedError} htmlFor={name}>\n\t\t\t\t\t\t{children(field, resolvedError, invalid, fieldState)}\n\t\t\t\t\t</FormField>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nFormField.displayName = 'FormField';\nControlledFormField.displayName = 'ControlledFormField';\n"],"mappings":"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"}

package/dist/_shared/form-field-rMGPvHFK.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("./ui-provider-BF4m2cR0.cjs"),r=require("../lib/utils.cjs"),i=require("./heading-0DYCOrgC.cjs"),a=require("./typography-Bzsl7aTu.cjs"),o=require("./input-COMcb1WY.cjs"),s=require("./form-sizing-aVwVuF-w.cjs"),c=require("./select-CG5Yq-6A.cjs");let l=require("react");l=e.t(l,1);let u=require("react/jsx-runtime"),d=require("lucide-react"),f=require("react-hook-form");var p={decrement:`Decrement`,increment:`Increment`},m=(e,t,n)=>{if(!e)return``;let r=e;if(r=r.replace(/,/g,`.`),r=n?r.replace(/[^\d.-]/g,``):r.replace(/[^\d.]/g,``),n&&r.includes(`-`)){let e=r.startsWith(`-`);r=r.replace(/-/g,``),e&&(r=`-`+r)}let i=r.split(`.`);return i.length>2&&(r=i[0]+`.`+i.slice(1).join(``)),i.length===2&&i[1].length>t&&(r=i[0]+`.`+i[1].substring(0,t)),r},h=(e,t,n)=>{if(!e||e===`-`)return!0;let r=parseFloat(e);return Number.isNaN(r)?!0:!(t!==void 0&&r<t||n!==void 0&&r>n)};function g(e,t,n){let r=10**t,i=e*r;switch(n){case`floor`:return Math.floor(i)/r;case`ceil`:return Math.ceil(i)/r;case`half-even`:{let e=Math.floor(i),t=i-e;return t>.5?(e+1)/r:t<.5?e/r:(e%2==0?e:e+1)/r}default:return Math.round(i)/r}}function _(e,t,n){let r=e;return t!==void 0&&(r=Math.max(t,r)),n!==void 0&&(r=Math.min(n,r)),r}function v(e,t,n,r,i=`round`){let a=r??0,o=(e-a)/n,s=a+((i===`floor`?Math.floor(o):i===`ceil`?Math.ceil(o):Math.round(o))+t)*n;return Number(s.toFixed(12))}function y(e,t,n){let r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,`value`)?.set;r?r.call(e,t):e.value=t,n&&n({target:e,currentTarget:e,type:`change`,bubbles:!1,cancelable:!1})}var b={sm:`w-8`,base:`w-9`,lg:`w-10`};function x({decimalPlaces:e=2,min:i,max:a,allowNegative:c=!0,allowEmpty:f=!0,step:x,roundingMode:S=`round`,normalizeOnBlur:C=!0,onChange:w,onBlur:T,placeholder:E,className:D,value:O,defaultValue:k,disabled:A,size:j,strings:M,...N},P){let{defaultControlSize:F}=n.s(),I=s.i(j,F),L=t.useStrings(p,M),R=Math.min(12,Math.max(0,e)),z=l.useRef(null),B=(0,l.useCallback)(e=>{let t=e.target.value;if(!t&&f){w?.(e);return}let n=m(t,R,c);if(h(n,i,a))if(n!==t){let t={...e,target:{...e.target,value:n},currentTarget:{...e.currentTarget,value:n}};w?.(t)}else w?.(e)},[w,R,c,f,i,a]),V=(0,l.useCallback)(e=>{if(T?.(e),!C)return;let t=e.target.value;if(!t&&f)return;let n=Number.parseFloat(t.replace(`,`,`.`));if(!Number.isFinite(n))return;let r=g(_(n,i,a),R,S).toFixed(R);r!==t&&z.current&&y(z.current,r,w)},[T,w,C,f,i,a,R,S]),H=(0,l.useCallback)(e=>{if(A||x===void 0)return;let t=z.current;if(!t)return;let n=t.value,r=Number.parseFloat(n.replace(`,`,`.`));y(t,g(_(v(Number.isFinite(r)?r:i??0,e,x,i,S),i,a),R,S).toFixed(R),w)},[A,x,i,a,S,R,w]),U=typeof x==`number`&&x>0,W=E??(R>0?`0.${`0`.repeat(R)}`:`0`);return U?(0,u.jsxs)(`div`,{className:r.cn(`decimal-input--component`,`flex items-stretch overflow-hidden rounded-radius border border-input bg-transparent`,`focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]`,N[`aria-invalid`]&&`border-destructive ring-destructive/20`,A&&`opacity-50 cursor-not-allowed`),children:[(0,u.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":L.decrement,disabled:A,onClick:()=>H(-1),className:r.cn(`inline-flex shrink-0 items-center justify-center border-r border-input text-muted-foreground transition-colors`,b[I],`hover:bg-muted hover:text-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`),children:(0,u.jsx)(d.Minus,{className:`size-3.5`})}),(0,u.jsx)(o.t,{size:I,ref:e=>{z.current=e,typeof P==`function`?P(e):P&&(P.current=e)},type:`text`,inputMode:R>0?`decimal`:`numeric`,placeholder:W,onChange:B,onBlur:V,value:O,defaultValue:k,disabled:A,className:r.cn(`flex-1 tabular-nums text-center border-0 shadow-none rounded-none focus-visible:ring-0 focus-visible:border-0`,D),...N}),(0,u.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":L.increment,disabled:A,onClick:()=>H(1),className:r.cn(`inline-flex shrink-0 items-center justify-center border-l border-input text-muted-foreground transition-colors`,b[I],`hover:bg-muted hover:text-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`),children:(0,u.jsx)(d.Plus,{className:`size-3.5`})})]}):(0,u.jsx)(o.t,{size:I,ref:e=>{z.current=e,typeof P==`function`?P(e):P&&(P.current=e)},type:`text`,inputMode:R>0?`decimal`:`numeric`,placeholder:W,onChange:B,onBlur:V,value:O,defaultValue:k,disabled:A,className:r.cn(`tabular-nums text-end`,D),...N})}var S=l.forwardRef(x);S.displayName=`DecimalInput`;var C={USD:`$`,EUR:`€`,GBP:`£`,BGN:`лв`,JPY:`¥`,CNY:`¥`,CHF:`CHF`,CAD:`C$`,AUD:`A$`},w=e=>!e||e.length===0?[]:e.map(e=>typeof e==`string`?{value:e,label:`${C[e]||e} ${e}`}:e);function T({currency:e,defaultCurrency:t,currencies:i,onCurrencyChange:o,currencyPosition:d=`start`,disableCurrencySelector:f=!1,currencyPlaceholder:p,currencyWidth:m=`w-28`,currencyLabel:h,invalid:g,disabled:_,onConfigError:v,size:y,...b},x){let{defaultControlSize:C}=n.s(),T=s.i(y,C),E=(0,l.useMemo)(()=>w(i),[i]),[D,O]=(0,l.useState)(t??E[0]?.value??``),k=e!==void 0,A=k?e:D;(0,l.useEffect)(()=>{let n={currency:e,defaultCurrency:t,disableCurrencySelector:f};f&&typeof e==`string`&&typeof t==`string`&&e.trim()!==``&&t.trim()!==``&&e!==t&&v?.(`[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.`,n),f&&(typeof A!=`string`||A.trim().length===0)&&v?.(`[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.`,n)},[e,t,f,v,A]);let j=(0,l.useCallback)(e=>{e!==null&&(k||O(e),o?.(e))},[k,o]),M=(0,l.useMemo)(()=>r.cn(`border-input bg-transparent !shadow-none`,s.n[T],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,m,_&&`opacity-50 cursor-not-allowed`),[T,m,_]),N=(0,u.jsxs)(`div`,{className:`space-y-2`,children:[!!h&&(0,u.jsx)(a.a,{className:`leading-6`,children:h}),(0,u.jsxs)(c.t,{value:A,onValueChange:e=>j(e),disabled:_||f,children:[(0,u.jsx)(c.a,{"aria-invalid":g||void 0,className:M,children:(0,u.jsx)(c.o,{placeholder:p??``})}),(0,u.jsx)(c.n,{children:(0,u.jsx)(c.r,{children:E.map(e=>(0,u.jsx)(c.i,{value:e.value,children:e.label},e.value))})})]})]});return(0,u.jsxs)(`div`,{className:r.cn(`currency-input--component`,`flex items-start gap-2`),children:[d===`start`&&N,(0,u.jsx)(`div`,{className:`flex-1`,children:(0,u.jsx)(S,{ref:x,size:T,decimalPlaces:2,allowNegative:!1,disabled:_,invalid:g,...b})}),d===`end`&&N]})}var E=(0,l.memo)((0,l.forwardRef)(T));E.displayName=`CurrencyInput`;var D=[`USD`,`EUR`],O=(0,l.forwardRef)(function({currencies:e=D,onCurrencyChange:t,currency:n,defaultCurrency:r,...i},a){return(0,u.jsx)(E,{className:`money-input--component`,ref:a,currencies:e,currency:n,defaultCurrency:r,onCurrencyChange:(0,l.useCallback)(e=>{t?.(e)},[t]),...i})});O.displayName=`MoneyInput`;function k({children:e,label:t,isRequired:n,required:o,hint:s,error:c,helperText:d,htmlFor:f,className:p}){let m=!!c,h=c||d||(m?void 0:s),g=!!h,_=n??o,v=l.useId(),y=l.isValidElement(e)?e.props.id:void 0,b=f??y??(t&&l.isValidElement(e)?`form-field-${v}`:void 0),x=b&&l.isValidElement(e)&&!y?l.cloneElement(e,{id:b}):e;return(0,u.jsxs)(`div`,{className:r.cn(`form-field--component`,`space-y-1`,p),children:[!!t&&(0,u.jsxs)(a.a,{htmlFor:b,className:`flex items-center leading-6`,children:[t,!!_&&(0,u.jsx)(`span`,{className:`ml-1 text-destructive`,children:`*`})]}),x,!!g&&(0,u.jsx)(i.n,{tag:`p`,size:`xs`,type:m?`error`:`secondary`,...m?{role:`alert`,"aria-live":`polite`}:{},children:h})]})}function A({name:e,control:t,rules:n,error:r,children:i,...a}){return(0,u.jsx)(f.Controller,{name:e,control:t,rules:n,render:({field:t,fieldState:n})=>{let o=n.error?.message||(n.error?n.error.type===`required`?a.label?`${a.label} is required`:`This field is required`:`Invalid value`:void 0),s=r?.(e)||o||void 0,c=!!s;return(0,u.jsx)(k,{...a,error:s,htmlFor:e,children:i(t,s,c,n)})}})}k.displayName=`FormField`,A.displayName=`ControlledFormField`,Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return A}});
+//# sourceMappingURL=form-field-rMGPvHFK.cjs.map

package/dist/_shared/form-field-rMGPvHFK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-rMGPvHFK.cjs","names":[],"sources":["../../src/components/base/forms/fields/decimal-input.tsx","../../src/components/base/forms/fields/currency-input.tsx","../../src/components/base/forms/fields/money-input.tsx","../../src/components/base/forms/form-field.tsx"],"sourcesContent":["/**\n * DecimalInput — text-based numeric input with decimal-place enforcement,\n * locale-friendly comma → dot normalisation, optional min/max clamping,\n * rounding mode (`round` / `floor` / `ceil` / `half-even`), and optional\n * stepper buttons when `step` is set.\n *\n * Wraps the base `Input` so all add-on / icon / clear / loading features\n * still work. Extra features layered on top:\n *\n *  - `step` — when set, renders − / + stepper buttons that snap the value\n *    to a multiple of `step` (anchored at `min` if provided, else 0).\n *  - `roundingMode` — controls how stepper / blur normalisation rounds\n *    half values; default `'round'` (round-half-up).\n *  - `normalizeOnBlur` (default `true`) — pads the displayed value to the\n *    full `decimalPlaces` count and clamps to `[min, max]` when the field\n *    loses focus.\n *\n * The `value` prop is always a plain string (consumers parse it as needed)\n * so RHF / Inertia can treat it like any other input.\n */\nimport * as React from 'react';\nimport { useCallback } from 'react';\nimport { Minus, Plus } from 'lucide-react';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\nimport { resolveFormControlSize } from '../form-sizing';\nimport { Input, type InputProps } from './input';\n\nexport type DecimalRoundingMode = 'round' | 'floor' | 'ceil' | 'half-even';\n\nexport interface DecimalInputStrings {\n\tdecrement: string;\n\tincrement: string;\n}\n\nexport const defaultDecimalInputStrings: DecimalInputStrings = {\n\tdecrement: 'Decrement',\n\tincrement: 'Increment',\n};\n\nexport interface DecimalInputProps extends Omit<InputProps, 'type' | 'inputMode' | 'strings'> {\n\tdecimalPlaces?: number;\n\tmin?: number;\n\tmax?: number;\n\tallowNegative?: boolean;\n\tallowEmpty?: boolean;\n\t/** When set, renders − / + steppers and snaps the value to multiples of `step`. */\n\tstep?: number;\n\t/** How to round when normalising on blur or stepping. Default `'round'`. */\n\troundingMode?: DecimalRoundingMode;\n\t/** Pad to full decimalPlaces and clamp to [min, max] on blur. Default `true`. */\n\tnormalizeOnBlur?: boolean;\n\t/** String overrides for stepper aria-labels. */\n\tstrings?: StringsProp<DecimalInputStrings>;\n}\n\nconst formatDecimalValue = (\n\tvalue: string,\n\tdecimalPlaces: number,\n\tallowNegative: boolean,\n): string => {\n\tif (!value) return '';\n\n\tlet formatted = value;\n\tformatted = formatted.replace(/,/g, '.');\n\n\tif (allowNegative) {\n\t\tformatted = formatted.replace(/[^\\d.-]/g, '');\n\t} else {\n\t\tformatted = formatted.replace(/[^\\d.]/g, '');\n\t}\n\n\tif (allowNegative && formatted.includes('-')) {\n\t\tconst hasLeadingMinus = formatted.startsWith('-');\n\t\tformatted = formatted.replace(/-/g, '');\n\t\tif (hasLeadingMinus) formatted = '-' + formatted;\n\t}\n\n\tconst parts = formatted.split('.');\n\tif (parts.length > 2) {\n\t\tformatted = parts[0] + '.' + parts.slice(1).join('');\n\t}\n\n\tif (parts.length === 2 && parts[1].length > decimalPlaces) {\n\t\tformatted = parts[0] + '.' + parts[1].substring(0, decimalPlaces);\n\t}\n\n\treturn formatted;\n};\n\nconst isWithinBounds = (value: string, min?: number, max?: number): boolean => {\n\tif (!value || value === '-') return true;\n\tconst numValue = parseFloat(value);\n\tif (Number.isNaN(numValue)) return true;\n\tif (min !== undefined && numValue < min) return false;\n\tif (max !== undefined && numValue > max) return false;\n\treturn true;\n};\n\nfunction applyRounding(value: number, decimals: number, mode: DecimalRoundingMode): number {\n\tconst factor = Math.pow(10, decimals);\n\tconst shifted = value * factor;\n\tswitch (mode) {\n\t\tcase 'floor':\n\t\t\treturn Math.floor(shifted) / factor;\n\t\tcase 'ceil':\n\t\t\treturn Math.ceil(shifted) / factor;\n\t\tcase 'half-even': {\n\t\t\tconst floor = Math.floor(shifted);\n\t\t\tconst diff = shifted - floor;\n\t\t\tif (diff > 0.5) return (floor + 1) / factor;\n\t\t\tif (diff < 0.5) return floor / factor;\n\t\t\treturn (floor % 2 === 0 ? floor : floor + 1) / factor;\n\t\t}\n\t\tcase 'round':\n\t\tdefault:\n\t\t\treturn Math.round(shifted) / factor;\n\t}\n}\n\nfunction clamp(n: number, min?: number, max?: number): number {\n\tlet next = n;\n\tif (min !== undefined) next = Math.max(min, next);\n\tif (max !== undefined) next = Math.min(max, next);\n\treturn next;\n}\n\nfunction snapToStep(\n\tcurrent: number,\n\tdelta: number,\n\tstep: number,\n\tmin?: number,\n\tmode: DecimalRoundingMode = 'round',\n): number {\n\tconst anchor = min ?? 0;\n\tconst stepsFromAnchor = (current - anchor) / step;\n\tconst rounded =\n\t\tmode === 'floor'\n\t\t\t? Math.floor(stepsFromAnchor)\n\t\t\t: mode === 'ceil'\n\t\t\t\t? Math.ceil(stepsFromAnchor)\n\t\t\t\t: Math.round(stepsFromAnchor);\n\tconst stepped = anchor + (rounded + delta) * step;\n\treturn Number(stepped.toFixed(12));\n}\n\nfunction fireChange(\n\ttarget: HTMLInputElement,\n\tvalue: string,\n\tonChange?: InputProps['onChange'],\n) {\n\t// Write the value to the DOM first so UNCONTROLLED inputs actually reflect\n\t// stepper clicks and blur-normalisation. (Previously this only called\n\t// onChange, so steppers were a no-op on uncontrolled fields.) Use the native\n\t// value setter so React's input value-tracker stays in sync for controlled\n\t// consumers, which then reconcile through their onChange + re-render.\n\tconst nativeSetter = Object.getOwnPropertyDescriptor(\n\t\twindow.HTMLInputElement.prototype,\n\t\t'value',\n\t)?.set;\n\tif (nativeSetter) nativeSetter.call(target, value);\n\telse target.value = value;\n\n\tif (!onChange) return;\n\tconst event = {\n\t\ttarget,\n\t\tcurrentTarget: target,\n\t\ttype: 'change',\n\t\tbubbles: false,\n\t\tcancelable: false,\n\t} as unknown as React.ChangeEvent<HTMLInputElement>;\n\tonChange(event);\n}\n\nconst STEPPER_SIZE_CLASS: Record<FormControlSize, string> = {\n\tsm: 'w-8',\n\tbase: 'w-9',\n\tlg: 'w-10',\n};\n\nfunction DecimalInputImpl(\n\t{\n\t\tdecimalPlaces = 2,\n\t\tmin,\n\t\tmax,\n\t\tallowNegative = true,\n\t\tallowEmpty = true,\n\t\tstep,\n\t\troundingMode = 'round',\n\t\tnormalizeOnBlur = true,\n\t\tonChange,\n\t\tonBlur,\n\t\tplaceholder,\n\t\tclassName,\n\t\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tdisabled,\n\t\tsize: sizeProp,\n\t\tstrings: stringsProp,\n\t\t...props\n\t}: DecimalInputProps,\n\tforwardedRef: React.ForwardedRef<HTMLInputElement>,\n) {\n\tconst { defaultControlSize } = useFormsConfig();\n\tconst size: FormControlSize = resolveFormControlSize(sizeProp, defaultControlSize);\n\tconst strings = useStrings(defaultDecimalInputStrings, stringsProp);\n\tconst validDecimalPlaces = Math.min(12, Math.max(0, decimalPlaces));\n\tconst inputRef = React.useRef<HTMLInputElement | null>(null);\n\n\tconst handleChange = useCallback(\n\t\t(e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\tconst newValue = e.target.value;\n\n\t\t\tif (!newValue && allowEmpty) {\n\t\t\t\tonChange?.(e);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst formatted = formatDecimalValue(newValue, validDecimalPlaces, allowNegative);\n\t\t\tif (!isWithinBounds(formatted, min, max)) return;\n\n\t\t\tif (formatted !== newValue) {\n\t\t\t\tconst modifiedEvent = {\n\t\t\t\t\t...e,\n\t\t\t\t\ttarget: { ...e.target, value: formatted },\n\t\t\t\t\tcurrentTarget: { ...e.currentTarget, value: formatted },\n\t\t\t\t} as React.ChangeEvent<HTMLInputElement>;\n\t\t\t\tonChange?.(modifiedEvent);\n\t\t\t} else {\n\t\t\t\tonChange?.(e);\n\t\t\t}\n\t\t},\n\t\t[onChange, validDecimalPlaces, allowNegative, allowEmpty, min, max],\n\t);\n\n\tconst handleBlur = useCallback(\n\t\t(e: React.FocusEvent<HTMLInputElement>) => {\n\t\t\tonBlur?.(e);\n\t\t\tif (!normalizeOnBlur) return;\n\t\t\tconst raw = e.target.value;\n\t\t\tif (!raw && allowEmpty) return;\n\t\t\tconst num = Number.parseFloat(raw.replace(',', '.'));\n\t\t\tif (!Number.isFinite(num)) return;\n\t\t\tconst clamped = clamp(num, min, max);\n\t\t\tconst rounded = applyRounding(clamped, validDecimalPlaces, roundingMode);\n\t\t\tconst next = rounded.toFixed(validDecimalPlaces);\n\t\t\tif (next !== raw && inputRef.current) {\n\t\t\t\tfireChange(inputRef.current, next, onChange);\n\t\t\t}\n\t\t},\n\t\t[onBlur, onChange, normalizeOnBlur, allowEmpty, min, max, validDecimalPlaces, roundingMode],\n\t);\n\n\tconst adjust = useCallback(\n\t\t(delta: number) => {\n\t\t\tif (disabled || step === undefined) return;\n\t\t\tconst target = inputRef.current;\n\t\t\tif (!target) return;\n\t\t\tconst raw = target.value;\n\t\t\tconst current = Number.parseFloat(raw.replace(',', '.'));\n\t\t\tconst base = Number.isFinite(current) ? current : (min ?? 0);\n\t\t\tconst snapped = clamp(snapToStep(base, delta, step, min, roundingMode), min, max);\n\t\t\tconst next = applyRounding(snapped, validDecimalPlaces, roundingMode).toFixed(validDecimalPlaces);\n\t\t\tfireChange(target, next, onChange);\n\t\t},\n\t\t[disabled, step, min, max, roundingMode, validDecimalPlaces, onChange],\n\t);\n\n\tconst showSteppers = typeof step === 'number' && step > 0;\n\tconst placeholderResolved =\n\t\tplaceholder ?? (validDecimalPlaces > 0 ? `0.${'0'.repeat(validDecimalPlaces)}` : '0');\n\n\tif (showSteppers) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={cn('decimal-input--component', \n\t\t\t\t\t// Stepper segmented group — input + adjacent − / + buttons\n\t\t\t\t\t// share a single border radius so the group reads as one\n\t\t\t\t\t// control instead of three loose chips.\n\t\t\t\t\t'flex items-stretch overflow-hidden rounded-radius border border-input bg-transparent',\n\t\t\t\t\t'focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]',\n\t\t\t\t\tprops['aria-invalid'] && 'border-destructive ring-destructive/20',\n\t\t\t\t\tdisabled && 'opacity-50 cursor-not-allowed',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\taria-label={strings.decrement}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={() => adjust(-1)}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'inline-flex shrink-0 items-center justify-center border-r border-input text-muted-foreground transition-colors',\n\t\t\t\t\t\tSTEPPER_SIZE_CLASS[size],\n\t\t\t\t\t\t'hover:bg-muted hover:text-foreground',\n\t\t\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<Minus className=\"size-3.5\" />\n\t\t\t\t</button>\n\t\t\t\t<Input\n\t\t\t\t\tsize={size}\n\t\t\t\t\tref={(node) => { inputRef.current = node; if (typeof forwardedRef === \"function\") forwardedRef(node); else if (forwardedRef) forwardedRef.current = node; }}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tinputMode={validDecimalPlaces > 0 ? 'decimal' : 'numeric'}\n\t\t\t\t\tplaceholder={placeholderResolved}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\tvalue={controlledValue}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'flex-1 tabular-nums text-center border-0 shadow-none rounded-none focus-visible:ring-0 focus-visible:border-0',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\taria-label={strings.increment}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={() => adjust(1)}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'inline-flex shrink-0 items-center justify-center border-l border-input text-muted-foreground transition-colors',\n\t\t\t\t\t\tSTEPPER_SIZE_CLASS[size],\n\t\t\t\t\t\t'hover:bg-muted hover:text-foreground',\n\t\t\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<Plus className=\"size-3.5\" />\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Input\n\t\t\tsize={size}\n\t\t\tref={(node) => { inputRef.current = node; if (typeof forwardedRef === \"function\") forwardedRef(node); else if (forwardedRef) forwardedRef.current = node; }}\n\t\t\ttype=\"text\"\n\t\t\tinputMode={validDecimalPlaces > 0 ? 'decimal' : 'numeric'}\n\t\t\tplaceholder={placeholderResolved}\n\t\t\tonChange={handleChange}\n\t\t\tonBlur={handleBlur}\n\t\t\tvalue={controlledValue}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tdisabled={disabled}\n\t\t\tclassName={cn('tabular-nums text-end', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nconst DecimalInput = React.forwardRef<HTMLInputElement, DecimalInputProps>(DecimalInputImpl);\nDecimalInput.displayName = 'DecimalInput';\n\nexport { DecimalInput };\n","import { useState, useCallback, useEffect, useMemo, memo, forwardRef, type ForwardedRef } from 'react';\nimport * as baseui from '@/components/ui/select';\nimport { Label } from '@/components/typography';\nimport { useFormsConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\nimport { formControlSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { DecimalInput, type DecimalInputProps } from './decimal-input';\n\nexport interface CurrencyOption {\n    value: string;\n    label: string;\n}\n\nexport interface CurrencyInputProps extends Omit<DecimalInputProps, 'label' | 'hint' | 'helperText' | 'error'> {\n    /** Current currency value */\n    currency?: string;\n\n    /** Default currency if uncontrolled */\n    defaultCurrency?: string;\n\n    /** List of available currencies (simple strings or objects with value/label) */\n    currencies?: (string | CurrencyOption)[];\n\n    /** Callback when currency changes */\n    onCurrencyChange?: (currency: string) => void;\n\n    /** Position of currency dropdown */\n    currencyPosition?: 'start' | 'end';\n\n    /** Disable currency selection */\n    disableCurrencySelector?: boolean;\n\n    /** Placeholder for currency dropdown */\n    currencyPlaceholder?: string;\n\n    /** Width of the currency dropdown */\n    currencyWidth?: string;\n\n    /** Label for currency field (sub-label) */\n    currencyLabel?: string;\n\n    /** Error state for styling (passed from FormField) */\n    invalid?: boolean;\n\n    /** Called when the input is misconfigured (mismatched currency/defaultCurrency\n     *  while the selector is disabled, missing currency, etc.). The library\n     *  also DEV-logs the same message to the console. */\n    onConfigError?: (\n        message: string,\n        details: { currency?: string; defaultCurrency?: string; disableCurrencySelector?: boolean },\n    ) => void;\n}\n\n// Common currency symbols\nconst CURRENCY_SYMBOLS: Record<string, string> = {\n    USD: '$',\n    EUR: '€',\n    GBP: '£',\n    BGN: 'лв',\n    JPY: '¥',\n    CNY: '¥',\n    CHF: 'CHF',\n    CAD: 'C$',\n    AUD: 'A$',\n};\n\nconst normalizeCurrencies = (currencies?: (string | CurrencyOption)[]): CurrencyOption[] => {\n    if (!currencies || currencies.length === 0) return [];\n\n    return currencies.map((currency) => {\n        if (typeof currency === 'string') {\n            const symbol = CURRENCY_SYMBOLS[currency] || currency;\n            return {\n                value: currency,\n                label: `${symbol} ${currency}`,\n            };\n        }\n        return currency;\n    });\n};\n\nfunction CurrencyInputImpl(\n    {\n        currency: controlledCurrency,\n        defaultCurrency,\n        currencies,\n        onCurrencyChange,\n        currencyPosition = 'start',\n        disableCurrencySelector = false,\n        currencyPlaceholder,\n        currencyWidth = 'w-28',\n        currencyLabel,\n        invalid,\n        disabled,\n        onConfigError,\n        size: sizeProp,\n        ...decimalInputProps\n    }: CurrencyInputProps,\n    forwardedRef: ForwardedRef<HTMLInputElement>,\n) {\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Memoize normalized currencies\n    const normalizedCurrencies = useMemo(() => normalizeCurrencies(currencies), [currencies]);\n\n    // Internal state for uncontrolled currency\n    const [internalCurrency, setInternalCurrency] = useState(\n        defaultCurrency ?? normalizedCurrencies[0]?.value ?? ''\n    );\n\n    // Determine if currency is controlled\n    const isCurrencyControlled = controlledCurrency !== undefined;\n    const selectedCurrency = isCurrencyControlled ? controlledCurrency : internalCurrency;\n\n    useEffect(() => {\n        const details = { currency: controlledCurrency, defaultCurrency, disableCurrencySelector };\n        if (\n            disableCurrencySelector &&\n            typeof controlledCurrency === 'string' &&\n            typeof defaultCurrency === 'string' &&\n            controlledCurrency.trim() !== '' &&\n            defaultCurrency.trim() !== '' &&\n            controlledCurrency !== defaultCurrency\n        ) {\n            const message = '[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.';\n            if (import.meta.env?.DEV) {\n                console.warn(message, { currency: controlledCurrency, defaultCurrency });\n            }\n            onConfigError?.(message, details);\n        }\n\n        if (\n            disableCurrencySelector &&\n            (typeof selectedCurrency !== 'string' || selectedCurrency.trim().length === 0)\n        ) {\n            const message = '[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.';\n            if (import.meta.env?.DEV) {\n                console.warn(message);\n            }\n            onConfigError?.(message, details);\n        }\n    }, [controlledCurrency, defaultCurrency, disableCurrencySelector, onConfigError, selectedCurrency]);\n\n    // Handle currency change\n    const handleCurrencyChange = useCallback(\n        (newCurrency: string | null) => {\n            if (newCurrency === null) return;\n            if (!isCurrencyControlled) {\n                setInternalCurrency(newCurrency);\n            }\n            onCurrencyChange?.(newCurrency);\n        },\n        [isCurrencyControlled, onCurrencyChange]\n    );\n\n    // Memoize trigger class names. Size flows through `formControlSizeClasses[size]`\n    // so the trigger height matches the inner DecimalInput when a consumer sets\n    // `<UIProvider forms={{ defaultControlSize }}>`.\n    const triggerClassName = useMemo(\n        () =>\n            cn(\n                'border-input bg-transparent !shadow-none',\n                formControlSizeClasses[size],\n                'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n                currencyWidth,\n                disabled && 'opacity-50 cursor-not-allowed'\n            ),\n        [size, currencyWidth, disabled]\n    );\n\n    // Currency selector component\n    const currencySelector = (\n        <div className=\"space-y-2\">\n            {!!currencyLabel && <Label className=\"leading-6\">{currencyLabel}</Label>}\n            <baseui.Select\n                value={selectedCurrency}\n                onValueChange={(value) => handleCurrencyChange(value)}\n                disabled={disabled || disableCurrencySelector}\n            >\n                <baseui.SelectTrigger aria-invalid={invalid || undefined} className={triggerClassName}>\n                    <baseui.SelectValue placeholder={currencyPlaceholder ?? ''} />\n                </baseui.SelectTrigger>\n                <baseui.SelectContent>\n                    <baseui.SelectGroup>\n                        {normalizedCurrencies.map((curr) => (\n                            <baseui.SelectItem key={curr.value} value={curr.value}>\n                                {curr.label}\n                            </baseui.SelectItem>\n                        ))}\n                    </baseui.SelectGroup>\n                </baseui.SelectContent>\n            </baseui.Select>\n        </div>\n    );\n\n    return (\n        <div className={cn('currency-input--component', 'flex items-start gap-2')}>\n            {currencyPosition === 'start' && currencySelector}\n\n            <div className=\"flex-1\">\n                <DecimalInput\n                    ref={forwardedRef}\n                    size={size}\n                    decimalPlaces={2}\n                    allowNegative={false}\n                    disabled={disabled}\n                    invalid={invalid}\n                    {...decimalInputProps}\n                />\n            </div>\n\n            {currencyPosition === 'end' && currencySelector}\n        </div>\n    );\n}\n\n// forwardRef + memo: forward to the underlying decimal input so consumers\n// can focus/measure programmatically.\nexport const CurrencyInput = memo(forwardRef<HTMLInputElement, CurrencyInputProps>(CurrencyInputImpl));\nCurrencyInput.displayName = 'CurrencyInput';\n","/**\n * MoneyInput (forms/fields) — `CurrencyInput` preset with a small default\n * currency list for back-compat and a callback shape that matches the\n * library's `CurrencyCode` typing.\n *\n * For the richer `MoneyInputData`-shaped helper with migration warnings and\n * form-field chrome, use `@/components/base/display/money-input` instead.\n */\nimport { forwardRef, useCallback } from 'react';\n\nimport { CurrencyInput, type CurrencyInputProps } from './currency-input';\nimport type { CurrencyCode } from '@/lib/ui-provider';\n\nexport interface MoneyInputProps extends Omit<CurrencyInputProps, 'currency' | 'defaultCurrency' | 'currencies' | 'onCurrencyChange'> {\n    /** Current currency value (ISO 4217 code, e.g. 'USD'). */\n    currency?: CurrencyCode;\n    /** Default currency if uncontrolled. */\n    defaultCurrency?: CurrencyCode;\n    /** Available currencies for the inline picker. Defaults to `['USD', 'EUR']`\n     *  — pass your own list or wire `useMoneyConfig` at the consumer site for\n     *  real production use. */\n    currencies?: CurrencyCode[];\n    /** Callback when the user changes the currency in the inline picker. */\n    onCurrencyChange?: (currency: CurrencyCode) => void;\n}\n\nconst DEFAULT_CURRENCIES: CurrencyCode[] = ['USD', 'EUR'];\n\nexport const MoneyInput = forwardRef<HTMLInputElement, MoneyInputProps>(function MoneyInput(\n    { currencies = DEFAULT_CURRENCIES, onCurrencyChange, currency, defaultCurrency, ...props },\n    ref,\n) {\n    const handleCurrencyChange = useCallback(\n        (nextCurrency: string) => {\n            onCurrencyChange?.(nextCurrency);\n        },\n        [onCurrencyChange]\n    );\n\n    return (\n        <CurrencyInput className=\"money-input--component\"\n            ref={ref}\n            currencies={currencies}\n            currency={currency}\n            defaultCurrency={defaultCurrency}\n            onCurrencyChange={handleCurrencyChange}\n            {...props}\n        />\n    );\n});\n\nMoneyInput.displayName = 'MoneyInput';\n","/**\n * Unified Form Field Components\n * =============================\n *\n * Two components sharing the same visual structure for field chrome:\n *\n * 1. `FormField` - Pure presentation wrapper (label, hint, error, required indicator)\n * 2. `ControlledFormField` - FormField + react-hook-form Controller integration\n *\n * ## FormField\n * Use for custom components or non-controlled inputs.\n *\n * ```tsx\n * <FormField label={t('label')} error={error} required hint={t('hint')}>\n *   <CustomAutocomplete value={value} onSelect={onSelect} />\n * </FormField>\n * ```\n *\n * ## ControlledFormField\n * Use with react-hook-form. Auto-merges backend (Inertia) + validation errors.\n *\n * ```tsx\n * <ControlledFormField\n *   name=\"email\"\n *   control={control}\n *   error={getError}\n *   label={t('fields.email.label')}\n *   required\n *   rules={{ required: true, pattern: /^\\\\S+@\\\\S+$/i }}\n * >\n *   {(field, error, invalid) => (\n *     <Input\n *       placeholder={t('fields.email.placeholder')}\n *       value={field.value ?? ''}\n *       onChange={field.onChange}\n *       onBlur={field.onBlur}\n *       invalid={invalid}\n *     />\n *   )}\n * </ControlledFormField>\n * ```\n *\n * ## Render Function Parameters\n * - `field` - Controller props: value, onChange, onBlur, name, ref\n * - `error` - Merged error string (backend || validation) or undefined\n * - `invalid` - Boolean for input styling (border color, etc.)\n * - `fieldState` - Escape hatch: touched, dirty, isTouched, isDirty, etc.\n *\n * ## Error Priority\n * Backend errors (via `error` getter) take priority over validation errors.\n * This ensures server-side validation is authoritative.\n *\n * ## Chrome Props (shared by both components)\n * - `label` - Field label text\n * - `required` - Shows red asterisk after label\n * - `hint` - Secondary text shown below the field when there is no error\n * - `error` - Error message (red text below input)\n * - `helperText` - Helper text (shown when no error)\n * - `className` - Additional wrapper classes\n */\n\nimport * as React from 'react';\nimport { type ReactNode } from 'react';\nimport {\n\tController,\n\ttype Control,\n\ttype ControllerFieldState,\n\ttype ControllerRenderProps,\n\ttype FieldPath,\n\ttype FieldValues,\n\ttype RegisterOptions,\n} from 'react-hook-form';\n\nimport { Label, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\ninterface FieldChromeProps {\n\tlabel?: string;\n\tisRequired?: boolean;\n\trequired?: boolean;\n\thint?: string;\n\terror?: string;\n\thelperText?: string;\n\tclassName?: string;\n}\n\ninterface FormFieldProps extends FieldChromeProps {\n\tchildren: ReactNode;\n\thtmlFor?: string;\n}\n\nexport function FormField({\n\tchildren,\n\tlabel,\n\tisRequired,\n\trequired,\n\thint,\n\terror,\n\thelperText,\n\thtmlFor,\n\tclassName,\n}: FormFieldProps) {\n\tconst hasError = Boolean(error);\n\tconst supportingText = error || helperText || (!hasError ? hint : undefined);\n\tconst showBottomText = Boolean(supportingText);\n\tconst resolvedRequired = isRequired ?? required;\n\tconst generatedId = React.useId();\n\tconst childId =\n\t\tReact.isValidElement(children)\n\t\t\t? (children.props as { id?: string }).id\n\t\t\t: undefined;\n\tconst resolvedHtmlFor = htmlFor ?? childId ?? (label && React.isValidElement(children) ? `form-field-${generatedId}` : undefined);\n\tconst resolvedChildren =\n\t\tresolvedHtmlFor && React.isValidElement(children) && !childId\n\t\t\t? React.cloneElement(children as React.ReactElement<{ id?: string }>, { id: resolvedHtmlFor })\n\t\t\t: children;\n\n\treturn (\n\t\t<div className={cn('form-field--component', 'space-y-1', className)}>\n\t\t\t{!!label && (\n\t\t\t\t<Label htmlFor={resolvedHtmlFor} className=\"flex items-center leading-6\">\n\t\t\t\t\t{label}\n\t\t\t\t\t{!!resolvedRequired && (\n\t\t\t\t\t\t<span className=\"ml-1 text-destructive\">*</span>\n\t\t\t\t\t)}\n\t\t\t\t</Label>\n\t\t\t)}\n\n\t\t\t{resolvedChildren}\n\n\t\t\t{!!showBottomText && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"p\"\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\ttype={hasError ? 'error' : 'secondary'}\n\t\t\t\t\t{...(hasError ? { role: 'alert', 'aria-live': 'polite' } : {})}\n\t\t\t\t>\n\t\t\t\t\t{supportingText}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\ntype ErrorGetter<TName extends string> = (field: TName) => string | undefined;\n\ninterface ControlledFormFieldProps<\n\tTFieldValues extends FieldValues,\n\tTName extends FieldPath<TFieldValues>,\n> extends Omit<FieldChromeProps, 'error'> {\n\tname: TName;\n\tcontrol: Control<TFieldValues>;\n\trules?: RegisterOptions<TFieldValues, TName>;\n\terror?: ErrorGetter<TName>;\n\tchildren: (\n\t\tfield: ControllerRenderProps<TFieldValues, TName>,\n\t\terror: string | undefined,\n\t\tinvalid: boolean,\n\t\tfieldState: ControllerFieldState,\n\t) => ReactNode;\n}\n\nexport function ControlledFormField<\n\tTFieldValues extends FieldValues,\n\tTName extends FieldPath<TFieldValues>,\n>({\n\tname,\n\tcontrol,\n\trules,\n\terror: errorGetter,\n\tchildren,\n\t...chromeProps\n}: ControlledFormFieldProps<TFieldValues, TName>) {\n\treturn (\n\t\t<Controller\n\t\t\tname={name}\n\t\t\tcontrol={control}\n\t\t\trules={rules}\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\tconst validationError = fieldState.error?.message\n\t\t\t\t\t|| (fieldState.error ? (fieldState.error.type === 'required' ? (chromeProps.label ? `${chromeProps.label} is required` : 'This field is required') : 'Invalid value') : undefined);\n\t\t\t\tconst resolvedError = errorGetter?.(name) || validationError || undefined;\n\t\t\t\tconst invalid = Boolean(resolvedError);\n\n\t\t\t\treturn (\n\t\t\t\t\t<FormField {...chromeProps} error={resolvedError} htmlFor={name}>\n\t\t\t\t\t\t{children(field, resolvedError, invalid, fieldState)}\n\t\t\t\t\t</FormField>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nFormField.displayName = 'FormField';\nControlledFormField.displayName = 'ControlledFormField';\n"],"mappings":"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"}

package/dist/_shared/form-sizing-D74IS9KG.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-sizing-D74IS9KG.js","names":[],"sources":["../../src/components/base/forms/form-sizing.ts"],"sourcesContent":["import type { FormControlSize, FormLabelSize } from '@/lib/ui-provider';\n\n// `!h-{n}` so our resolved height wins against shadcn primitives that\n// bake their own `data-[size=*]:h-{n}` defaults (Select, DatePicker\n// trigger via Button, etc.). Without `!`, the primitive's\n// attribute-selector specificity beats our class-selector and every\n// non-Input field renders 4px taller than Input.\nexport const formControlSizeClasses: Record<FormControlSize, string> = {\n\tsm: '!h-9 text-sm',\n\tbase: '!h-10 text-base md:text-sm',\n\tlg: '!h-11 text-base',\n};\n\n/**\n * Min-heights matching `formControlSizeClasses` so multi-line trigger\n * variants (e.g. `RichSelect` showing wrapped descriptions) can keep the\n * size's vertical rhythm without locking to a fixed `h-{n}`.\n */\nexport const formControlMinHeightClasses: Record<FormControlSize, string> = {\n\tsm: 'min-h-9',\n\tbase: 'min-h-10',\n\tlg: 'min-h-11',\n};\n\n/**\n * Canonical \"input-shaped trigger\" chrome — used by any control that\n * renders as a button-style trigger but visually has to read as a form\n * field (DatePicker, TimePicker, the inner Select inside composite\n * fields, etc.). Mirrors `Input`'s `border-input rounded-md\n * bg-transparent focus-visible:ring` chrome (no shadow — the library\n * is intentionally flat) plus the size-driven height + horizontal\n * padding.\n *\n * Kept here so the chrome lives in exactly one place — when we tweak\n * the canonical input look, every trigger picks it up.\n */\nexport function formFieldTriggerClasses(size: FormControlSize): string {\n\treturn [\n\t\t'flex w-full items-center justify-between gap-2',\n\t\t'rounded-md border border-input bg-transparent text-left font-normal',\n\t\t'shadow-none transition-[color,box-shadow] outline-none',\n\t\tformControlSizeClasses[size],\n\t\t'px-3',\n\t\t'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n\t\t'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n\t\t'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t'hover:bg-transparent',\n\t].join(' ');\n}\n\nexport const formTextareaSizeClasses: Record<FormControlSize, string> = {\n\tsm: 'min-h-14 text-sm',\n\tbase: 'min-h-[60px] text-base md:text-sm',\n\tlg: 'min-h-20 text-base',\n};\n\nexport const formLabelSizeClasses: Record<FormLabelSize, string> = {\n\txs: 'text-xs',\n\tsm: 'text-sm',\n\tbase: 'text-base',\n};\n\nexport function resolveFormControlSize(\n\tsizeProp: FormControlSize | undefined,\n\tdefaultControlSize: FormControlSize | undefined,\n): FormControlSize {\n\treturn sizeProp ?? defaultControlSize ?? 'sm';\n}\n\nexport function resolveFormLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'sm';\n}\n"],"mappings":";AAOA,IAAa,IAA0D;CACtE,IAAI;CACJ,MAAM;CACN,IAAI;AACL,GAOa,IAA+D;CAC3E,IAAI;CACJ,MAAM;CACN,IAAI;AACL,GA4Ba,IAA2D;CACvE,IAAI;CACJ,MAAM;CACN,IAAI;AACL;AAQA,SAAgB,EACf,GACA,GACkB;CAClB,OAAO,KAAY,KAAsB;AAC1C"}
+{"version":3,"file":"form-sizing-D74IS9KG.js","names":[],"sources":["../../src/components/base/forms/form-sizing.ts"],"sourcesContent":["import type { FormControlSize, FormLabelSize } from '@/lib/ui-provider';\n\n// `!h-{n}` so our resolved height wins against shadcn primitives that\n// bake their own `data-[size=*]:h-{n}` defaults (Select, DatePicker\n// trigger via Button, etc.). Without `!`, the primitive's\n// attribute-selector specificity beats our class-selector and every\n// non-Input field renders 4px taller than Input.\nexport const formControlSizeClasses: Record<FormControlSize, string> = {\n\tsm: '!h-9 text-sm',\n\tbase: '!h-10 text-base md:text-sm',\n\tlg: '!h-11 text-base',\n};\n\n/**\n * Min-heights matching `formControlSizeClasses` so multi-line trigger\n * variants (e.g. `RichSelect` showing wrapped descriptions) can keep the\n * size's vertical rhythm without locking to a fixed `h-{n}`.\n */\nexport const formControlMinHeightClasses: Record<FormControlSize, string> = {\n\tsm: 'min-h-9',\n\tbase: 'min-h-10',\n\tlg: 'min-h-11',\n};\n\n/**\n * Canonical \"input-shaped trigger\" chrome — used by any control that\n * renders as a button-style trigger but visually has to read as a form\n * field (DatePicker, TimePicker, the inner Select inside composite\n * fields, etc.). Mirrors `Input`'s `border-input rounded-md\n * bg-transparent focus-visible:ring` chrome (no shadow — the library\n * is intentionally flat) plus the size-driven height + horizontal\n * padding.\n *\n * Kept here so the chrome lives in exactly one place — when we tweak\n * the canonical input look, every trigger picks it up.\n */\nexport function formFieldTriggerClasses(size: FormControlSize): string {\n\treturn [\n\t\t'flex w-full items-center justify-between gap-2',\n\t\t'rounded-radius border border-input bg-transparent text-left font-normal',\n\t\t'shadow-none transition-[color,box-shadow] outline-none',\n\t\tformControlSizeClasses[size],\n\t\t'px-3',\n\t\t'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n\t\t'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n\t\t'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t'hover:bg-transparent',\n\t].join(' ');\n}\n\nexport const formTextareaSizeClasses: Record<FormControlSize, string> = {\n\tsm: 'min-h-14 text-sm',\n\tbase: 'min-h-[60px] text-base md:text-sm',\n\tlg: 'min-h-20 text-base',\n};\n\nexport const formLabelSizeClasses: Record<FormLabelSize, string> = {\n\txs: 'text-xs',\n\tsm: 'text-sm',\n\tbase: 'text-base',\n};\n\nexport function resolveFormControlSize(\n\tsizeProp: FormControlSize | undefined,\n\tdefaultControlSize: FormControlSize | undefined,\n): FormControlSize {\n\treturn sizeProp ?? defaultControlSize ?? 'sm';\n}\n\nexport function resolveFormLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'sm';\n}\n"],"mappings":";AAOA,IAAa,IAA0D;CACtE,IAAI;CACJ,MAAM;CACN,IAAI;AACL,GAOa,IAA+D;CAC3E,IAAI;CACJ,MAAM;CACN,IAAI;AACL,GA4Ba,IAA2D;CACvE,IAAI;CACJ,MAAM;CACN,IAAI;AACL;AAQA,SAAgB,EACf,GACA,GACkB;CAClB,OAAO,KAAY,KAAsB;AAC1C"}

package/dist/_shared/form-sizing-aVwVuF-w.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-sizing-aVwVuF-w.cjs","names":[],"sources":["../../src/components/base/forms/form-sizing.ts"],"sourcesContent":["import type { FormControlSize, FormLabelSize } from '@/lib/ui-provider';\n\n// `!h-{n}` so our resolved height wins against shadcn primitives that\n// bake their own `data-[size=*]:h-{n}` defaults (Select, DatePicker\n// trigger via Button, etc.). Without `!`, the primitive's\n// attribute-selector specificity beats our class-selector and every\n// non-Input field renders 4px taller than Input.\nexport const formControlSizeClasses: Record<FormControlSize, string> = {\n\tsm: '!h-9 text-sm',\n\tbase: '!h-10 text-base md:text-sm',\n\tlg: '!h-11 text-base',\n};\n\n/**\n * Min-heights matching `formControlSizeClasses` so multi-line trigger\n * variants (e.g. `RichSelect` showing wrapped descriptions) can keep the\n * size's vertical rhythm without locking to a fixed `h-{n}`.\n */\nexport const formControlMinHeightClasses: Record<FormControlSize, string> = {\n\tsm: 'min-h-9',\n\tbase: 'min-h-10',\n\tlg: 'min-h-11',\n};\n\n/**\n * Canonical \"input-shaped trigger\" chrome — used by any control that\n * renders as a button-style trigger but visually has to read as a form\n * field (DatePicker, TimePicker, the inner Select inside composite\n * fields, etc.). Mirrors `Input`'s `border-input rounded-md\n * bg-transparent focus-visible:ring` chrome (no shadow — the library\n * is intentionally flat) plus the size-driven height + horizontal\n * padding.\n *\n * Kept here so the chrome lives in exactly one place — when we tweak\n * the canonical input look, every trigger picks it up.\n */\nexport function formFieldTriggerClasses(size: FormControlSize): string {\n\treturn [\n\t\t'flex w-full items-center justify-between gap-2',\n\t\t'rounded-md border border-input bg-transparent text-left font-normal',\n\t\t'shadow-none transition-[color,box-shadow] outline-none',\n\t\tformControlSizeClasses[size],\n\t\t'px-3',\n\t\t'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n\t\t'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n\t\t'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t'hover:bg-transparent',\n\t].join(' ');\n}\n\nexport const formTextareaSizeClasses: Record<FormControlSize, string> = {\n\tsm: 'min-h-14 text-sm',\n\tbase: 'min-h-[60px] text-base md:text-sm',\n\tlg: 'min-h-20 text-base',\n};\n\nexport const formLabelSizeClasses: Record<FormLabelSize, string> = {\n\txs: 'text-xs',\n\tsm: 'text-sm',\n\tbase: 'text-base',\n};\n\nexport function resolveFormControlSize(\n\tsizeProp: FormControlSize | undefined,\n\tdefaultControlSize: FormControlSize | undefined,\n): FormControlSize {\n\treturn sizeProp ?? defaultControlSize ?? 'sm';\n}\n\nexport function resolveFormLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'sm';\n}\n"],"mappings":"AAOA,IAAa,EAA0D,CACtE,GAAI,eACJ,KAAM,6BACN,GAAI,iBACL,EAOa,EAA+D,CAC3E,GAAI,UACJ,KAAM,WACN,GAAI,UACL,EA4Ba,EAA2D,CACvE,GAAI,mBACJ,KAAM,oCACN,GAAI,oBACL,EAQA,SAAgB,EACf,EACA,EACkB,CAClB,OAAO,GAAY,GAAsB,IAC1C"}
+{"version":3,"file":"form-sizing-aVwVuF-w.cjs","names":[],"sources":["../../src/components/base/forms/form-sizing.ts"],"sourcesContent":["import type { FormControlSize, FormLabelSize } from '@/lib/ui-provider';\n\n// `!h-{n}` so our resolved height wins against shadcn primitives that\n// bake their own `data-[size=*]:h-{n}` defaults (Select, DatePicker\n// trigger via Button, etc.). Without `!`, the primitive's\n// attribute-selector specificity beats our class-selector and every\n// non-Input field renders 4px taller than Input.\nexport const formControlSizeClasses: Record<FormControlSize, string> = {\n\tsm: '!h-9 text-sm',\n\tbase: '!h-10 text-base md:text-sm',\n\tlg: '!h-11 text-base',\n};\n\n/**\n * Min-heights matching `formControlSizeClasses` so multi-line trigger\n * variants (e.g. `RichSelect` showing wrapped descriptions) can keep the\n * size's vertical rhythm without locking to a fixed `h-{n}`.\n */\nexport const formControlMinHeightClasses: Record<FormControlSize, string> = {\n\tsm: 'min-h-9',\n\tbase: 'min-h-10',\n\tlg: 'min-h-11',\n};\n\n/**\n * Canonical \"input-shaped trigger\" chrome — used by any control that\n * renders as a button-style trigger but visually has to read as a form\n * field (DatePicker, TimePicker, the inner Select inside composite\n * fields, etc.). Mirrors `Input`'s `border-input rounded-md\n * bg-transparent focus-visible:ring` chrome (no shadow — the library\n * is intentionally flat) plus the size-driven height + horizontal\n * padding.\n *\n * Kept here so the chrome lives in exactly one place — when we tweak\n * the canonical input look, every trigger picks it up.\n */\nexport function formFieldTriggerClasses(size: FormControlSize): string {\n\treturn [\n\t\t'flex w-full items-center justify-between gap-2',\n\t\t'rounded-radius border border-input bg-transparent text-left font-normal',\n\t\t'shadow-none transition-[color,box-shadow] outline-none',\n\t\tformControlSizeClasses[size],\n\t\t'px-3',\n\t\t'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n\t\t'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n\t\t'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t'hover:bg-transparent',\n\t].join(' ');\n}\n\nexport const formTextareaSizeClasses: Record<FormControlSize, string> = {\n\tsm: 'min-h-14 text-sm',\n\tbase: 'min-h-[60px] text-base md:text-sm',\n\tlg: 'min-h-20 text-base',\n};\n\nexport const formLabelSizeClasses: Record<FormLabelSize, string> = {\n\txs: 'text-xs',\n\tsm: 'text-sm',\n\tbase: 'text-base',\n};\n\nexport function resolveFormControlSize(\n\tsizeProp: FormControlSize | undefined,\n\tdefaultControlSize: FormControlSize | undefined,\n): FormControlSize {\n\treturn sizeProp ?? defaultControlSize ?? 'sm';\n}\n\nexport function resolveFormLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'sm';\n}\n"],"mappings":"AAOA,IAAa,EAA0D,CACtE,GAAI,eACJ,KAAM,6BACN,GAAI,iBACL,EAOa,EAA+D,CAC3E,GAAI,UACJ,KAAM,WACN,GAAI,UACL,EA4Ba,EAA2D,CACvE,GAAI,mBACJ,KAAM,oCACN,GAAI,oBACL,EAQA,SAAgB,EACf,EACA,EACkB,CAClB,OAAO,GAAY,GAAsB,IAC1C"}