admin-ui-starter-kit 0.1.0 → 0.1.2

package/dist/_shared/form-field-BQlki-8s.js

@@ -0,0 +1,319 @@
+import { useStrings as e } from "../lib/strings.js";
+import { s as t } from "./ui-provider-4qKSKMPd.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./text-DIxMTECE.js";
+import { a as i } from "./typography-a3hydyvI.js";
+import { t as a } from "./input-DQahu2sm.js";
+import { i as o, n as s } from "./form-sizing-CcbB-OHF.js";
+import { a as c, i as l, n as u, o as d, r as f, t as p } from "./select-07RRiTWc.js";
+import * as m from "react";
+import { forwardRef as h, memo as g, useCallback as _, useMemo as v, useState as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Minus as S, Plus as C } from "lucide-react";
+import { Controller as w } from "react-hook-form";
+//#region src/components/base/forms/fields/decimal-input.tsx
+var T = {
+	decrement: "Decrement",
+	increment: "Increment"
+}, E = (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;
+}, D = (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 O(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 k(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 A(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 j(e, t, n) {
+	n && n({
+		target: {
+			...e,
+			value: t
+		},
+		currentTarget: {
+			...e,
+			value: t
+		},
+		type: "change",
+		bubbles: !1,
+		cancelable: !1
+	});
+}
+var M = {
+	sm: "w-8",
+	base: "w-9",
+	lg: "w-10"
+};
+function N({ 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: w, disabled: N, size: P, strings: F, ...I }, L) {
+	let { defaultControlSize: R } = t(), z = o(P, R), B = e(T, 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 = E(t, V, c);
+		if (D(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 = O(k(n, i, s), V, d).toFixed(V);
+		r !== t && H.current && j(H.current, r, p);
+	}, [
+		h,
+		p,
+		f,
+		l,
+		i,
+		s,
+		V,
+		d
+	]), G = _((e) => {
+		if (N || u === void 0) return;
+		let t = H.current;
+		if (!t) return;
+		let n = t.value, r = Number.parseFloat(n.replace(",", "."));
+		j(t, O(k(A(Number.isFinite(r) ? r : i ?? 0, e, u, i, d), i, s), V, d).toFixed(V), p);
+	}, [
+		N,
+		u,
+		i,
+		s,
+		d,
+		V,
+		p
+	]), K = typeof u == "number" && u > 0, q = g ?? (V > 0 ? `0.${"0".repeat(V)}` : "0");
+	return K ? /* @__PURE__ */ x("div", {
+		className: n("decimal-input--component", "flex items-stretch overflow-hidden rounded-md 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", N && "opacity-50 cursor-not-allowed"),
+		children: [
+			/* @__PURE__ */ b("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": B.decrement,
+				disabled: N,
+				onClick: () => G(-1),
+				className: n("inline-flex shrink-0 items-center justify-center border-r border-input text-muted-foreground transition-colors", M[z], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ b(S, { className: "size-3.5" })
+			}),
+			/* @__PURE__ */ b(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: w,
+				disabled: N,
+				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__ */ b("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": B.increment,
+				disabled: N,
+				onClick: () => G(1),
+				className: n("inline-flex shrink-0 items-center justify-center border-l border-input text-muted-foreground transition-colors", M[z], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ b(C, { className: "size-3.5" })
+			})
+		]
+	}) : /* @__PURE__ */ b(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: w,
+		disabled: N,
+		className: n("tabular-nums text-end", v),
+		...I
+	});
+}
+var P = m.forwardRef(N);
+P.displayName = "DecimalInput";
+//#endregion
+//#region src/components/base/forms/fields/currency-input.tsx
+var F = {
+	USD: "$",
+	EUR: "€",
+	GBP: "£",
+	BGN: "лв",
+	JPY: "¥",
+	CNY: "¥",
+	CHF: "CHF",
+	CAD: "C$",
+	AUD: "A$"
+}, I = (e) => !e || e.length === 0 ? [] : e.map((e) => typeof e == "string" ? {
+	value: e,
+	label: `${F[e] || e} ${e}`
+} : e);
+function L({ currency: e, defaultCurrency: r, currencies: a, onCurrencyChange: m, currencyPosition: h = "start", disableCurrencySelector: g = !1, currencyPlaceholder: S, currencyWidth: C = "w-28", currencyLabel: w, invalid: T, disabled: E, onConfigError: D, size: O, ...k }, A) {
+	let { defaultControlSize: j } = t(), M = o(O, j), N = v(() => I(a), [a]), [F, L] = y(r ?? N[0]?.value ?? ""), R = e !== void 0, z = R ? e : F, B = _((e) => {
+		e !== null && (R || L(e), m?.(e));
+	}, [R, m]), V = v(() => n("border-input bg-transparent !shadow-none", s[M], "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", C, E && "opacity-50 cursor-not-allowed"), [
+		M,
+		C,
+		E
+	]), H = /* @__PURE__ */ x("div", {
+		className: "space-y-2",
+		children: [!!w && /* @__PURE__ */ b(i, {
+			className: "leading-6",
+			children: w
+		}), /* @__PURE__ */ x(p, {
+			value: z,
+			onValueChange: (e) => B(e),
+			disabled: E || g,
+			children: [/* @__PURE__ */ b(c, {
+				"aria-invalid": T || void 0,
+				className: V,
+				children: /* @__PURE__ */ b(d, { placeholder: S ?? "" })
+			}), /* @__PURE__ */ b(u, { children: /* @__PURE__ */ b(f, { children: N.map((e) => /* @__PURE__ */ b(l, {
+				value: e.value,
+				children: e.label
+			}, e.value)) }) })]
+		})]
+	});
+	return /* @__PURE__ */ x("div", {
+		className: n("currency-input--component", "flex items-start gap-2"),
+		children: [
+			h === "start" && H,
+			/* @__PURE__ */ b("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ b(P, {
+					ref: A,
+					size: M,
+					decimalPlaces: 2,
+					allowNegative: !1,
+					disabled: E,
+					invalid: T,
+					...k
+				})
+			}),
+			h === "end" && H
+		]
+	});
+}
+var R = g(h(L));
+R.displayName = "CurrencyInput";
+//#endregion
+//#region src/components/base/forms/fields/money-input.tsx
+var z = ["USD", "EUR"], B = h(function({ currencies: e = z, onCurrencyChange: t, currency: n, defaultCurrency: r, ...i }, a) {
+	return /* @__PURE__ */ b(R, {
+		className: "money-input--component",
+		ref: a,
+		currencies: e,
+		currency: n,
+		defaultCurrency: r,
+		onCurrencyChange: _((e) => {
+			t?.(e);
+		}, [t]),
+		...i
+	});
+});
+B.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/forms/form-field.tsx
+function V({ 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), m = !!p, h = a ?? o;
+	return /* @__PURE__ */ x("div", {
+		className: n("form-field--component", "space-y-1", d),
+		children: [
+			!!t && /* @__PURE__ */ x(i, {
+				htmlFor: u,
+				className: "flex items-center leading-6",
+				children: [t, !!h && /* @__PURE__ */ b("span", {
+					className: "ml-1 text-destructive",
+					children: "*"
+				})]
+			}),
+			e,
+			!!m && /* @__PURE__ */ b(r, {
+				tag: "p",
+				size: "xs",
+				type: f ? "error" : "secondary",
+				...f ? {
+					role: "alert",
+					"aria-live": "polite"
+				} : {},
+				children: p
+			})
+		]
+	});
+}
+function H({ name: e, control: t, rules: n, error: r, children: i, ...a }) {
+	return /* @__PURE__ */ b(w, {
+		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__ */ b(V, {
+				...a,
+				error: s,
+				htmlFor: e,
+				children: i(t, s, c, n)
+			});
+		}
+	});
+}
+V.displayName = "FormField", H.displayName = "ControlledFormField";
+//#endregion
+export { P as a, R as i, V as n, B as r, H as t };
+
+//# sourceMappingURL=form-field-BQlki-8s.js.map

package/dist/_shared/form-field-BQlki-8s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-BQlki-8s.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\tif (!onChange) return;\n\tconst event = {\n\t\ttarget: { ...target, value } as unknown as HTMLInputElement,\n\t\tcurrentTarget: { ...target, value } as unknown as HTMLInputElement,\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-md 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, 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    // Dev warnings (only in development)\n    if (import.meta.env?.DEV) {\n        const selected = controlledCurrency ?? defaultCurrency;\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            console.warn(message, { currency: controlledCurrency, defaultCurrency });\n            onConfigError?.(message, { currency: controlledCurrency, defaultCurrency, disableCurrencySelector });\n        }\n\n        if (disableCurrencySelector && typeof selected === 'string' && selected.trim().length === 0) {\n            const message = '[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.';\n            console.warn(message);\n            onConfigError?.(message, { currency: controlledCurrency, defaultCurrency, disableCurrencySelector });\n        }\n    }\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    // 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 { 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\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={htmlFor} 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{children}\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":";;;;;;;;;;;;;;AAoCA,IAAa,IAAkD;CAC9D,WAAW;CACX,WAAW;CACX,EAkBK,KACL,GACA,GACA,MACY;AACZ,KAAI,CAAC,EAAO,QAAO;CAEnB,IAAI,IAAY;AAShB,KARA,IAAY,EAAU,QAAQ,MAAM,IAAI,EAExC,AAGC,IAHG,IACS,EAAU,QAAQ,YAAY,GAAG,GAEjC,EAAU,QAAQ,WAAW,GAAG,EAGzC,KAAiB,EAAU,SAAS,IAAI,EAAE;EAC7C,IAAM,IAAkB,EAAU,WAAW,IAAI;AAEjD,EADA,IAAY,EAAU,QAAQ,MAAM,GAAG,EACnC,MAAiB,IAAY,MAAM;;CAGxC,IAAM,IAAQ,EAAU,MAAM,IAAI;AASlC,QARI,EAAM,SAAS,MAClB,IAAY,EAAM,KAAK,MAAM,EAAM,MAAM,EAAE,CAAC,KAAK,GAAG,GAGjD,EAAM,WAAW,KAAK,EAAM,GAAG,SAAS,MAC3C,IAAY,EAAM,KAAK,MAAM,EAAM,GAAG,UAAU,GAAG,EAAc,GAG3D;GAGF,KAAkB,GAAe,GAAc,MAA0B;AAC9E,KAAI,CAAC,KAAS,MAAU,IAAK,QAAO;CACpC,IAAM,IAAW,WAAW,EAAM;AAIlC,QAHI,OAAO,MAAM,EAAS,GAAS,KAEnC,EADI,MAAQ,KAAA,KAAa,IAAW,KAChC,MAAQ,KAAA,KAAa,IAAW;;AAIrC,SAAS,EAAc,GAAe,GAAkB,GAAmC;CAC1F,IAAM,IAAkB,MAAI,GACtB,IAAU,IAAQ;AACxB,SAAQ,GAAR;EACC,KAAK,QACJ,QAAO,KAAK,MAAM,EAAQ,GAAG;EAC9B,KAAK,OACJ,QAAO,KAAK,KAAK,EAAQ,GAAG;EAC7B,KAAK,aAAa;GACjB,IAAM,IAAQ,KAAK,MAAM,EAAQ,EAC3B,IAAO,IAAU;AAGvB,UAFI,IAAO,MAAa,IAAQ,KAAK,IACjC,IAAO,KAAY,IAAQ,KACvB,IAAQ,KAAM,IAAI,IAAQ,IAAQ,KAAK;;EAGhD,QACC,QAAO,KAAK,MAAM,EAAQ,GAAG;;;AAIhC,SAAS,EAAM,GAAW,GAAc,GAAsB;CAC7D,IAAI,IAAO;AAGX,QAFI,MAAQ,KAAA,MAAW,IAAO,KAAK,IAAI,GAAK,EAAK,GAC7C,MAAQ,KAAA,MAAW,IAAO,KAAK,IAAI,GAAK,EAAK,GAC1C;;AAGR,SAAS,EACR,GACA,GACA,GACA,GACA,IAA4B,SACnB;CACT,IAAM,IAAS,KAAO,GAChB,KAAmB,IAAU,KAAU,GAOvC,IAAU,MALf,MAAS,UACN,KAAK,MAAM,EAAgB,GAC3B,MAAS,SACR,KAAK,KAAK,EAAgB,GAC1B,KAAK,MAAM,EAAgB,IACI,KAAS;AAC7C,QAAO,OAAO,EAAQ,QAAQ,GAAG,CAAC;;AAGnC,SAAS,EACR,GACA,GACA,GACC;AACI,MAQL,EAAS;EANR,QAAQ;GAAE,GAAG;GAAQ;GAAO;EAC5B,eAAe;GAAE,GAAG;GAAQ;GAAO;EACnC,MAAM;EACN,SAAS;EACT,YAAY;EAEJ,CAAM;;AAGhB,IAAM,IAAsD;CAC3D,IAAI;CACJ,MAAM;CACN,IAAI;CACJ;AAED,SAAS,EACR,EACC,mBAAgB,GAChB,QACA,QACA,mBAAgB,IAChB,gBAAa,IACb,SACA,kBAAe,SACf,qBAAkB,IAClB,aACA,WACA,gBACA,cACA,OAAO,GACP,iBACA,aACA,MAAM,GACN,SAAS,GACT,GAAG,KAEJ,GACC;CACD,IAAM,EAAE,0BAAuB,GAAgB,EACzC,IAAwB,EAAuB,GAAU,EAAmB,EAC5E,IAAU,EAAW,GAA4B,EAAY,EAC7D,IAAqB,KAAK,IAAI,IAAI,KAAK,IAAI,GAAG,EAAc,CAAC,EAC7D,IAAW,EAAM,OAAgC,KAAK,EAEtD,IAAe,GACnB,MAA2C;EAC3C,IAAM,IAAW,EAAE,OAAO;AAE1B,MAAI,CAAC,KAAY,GAAY;AAC5B,OAAW,EAAE;AACb;;EAGD,IAAM,IAAY,EAAmB,GAAU,GAAoB,EAAc;AAC5E,QAAe,GAAW,GAAK,EAAI,CAExC,KAAI,MAAc,GAAU;GAC3B,IAAM,IAAgB;IACrB,GAAG;IACH,QAAQ;KAAE,GAAG,EAAE;KAAQ,OAAO;KAAW;IACzC,eAAe;KAAE,GAAG,EAAE;KAAe,OAAO;KAAW;IACvD;AACD,OAAW,EAAc;QAEzB,KAAW,EAAE;IAGf;EAAC;EAAU;EAAoB;EAAe;EAAY;EAAK;EAAI,CACnE,EAEK,IAAa,GACjB,MAA0C;AAE1C,MADA,IAAS,EAAE,EACP,CAAC,EAAiB;EACtB,IAAM,IAAM,EAAE,OAAO;AACrB,MAAI,CAAC,KAAO,EAAY;EACxB,IAAM,IAAM,OAAO,WAAW,EAAI,QAAQ,KAAK,IAAI,CAAC;AACpD,MAAI,CAAC,OAAO,SAAS,EAAI,CAAE;EAG3B,IAAM,IADU,EADA,EAAM,GAAK,GAAK,EACF,EAAS,GAAoB,EAC9C,CAAQ,QAAQ,EAAmB;AAChD,EAAI,MAAS,KAAO,EAAS,WAC5B,EAAW,EAAS,SAAS,GAAM,EAAS;IAG9C;EAAC;EAAQ;EAAU;EAAiB;EAAY;EAAK;EAAK;EAAoB;EAAa,CAC3F,EAEK,IAAS,GACb,MAAkB;AAClB,MAAI,KAAY,MAAS,KAAA,EAAW;EACpC,IAAM,IAAS,EAAS;AACxB,MAAI,CAAC,EAAQ;EACb,IAAM,IAAM,EAAO,OACb,IAAU,OAAO,WAAW,EAAI,QAAQ,KAAK,IAAI,CAAC;AAIxD,IAAW,GADE,EADG,EAAM,EADT,OAAO,SAAS,EAAQ,GAAG,IAAW,KAAO,GACnB,GAAO,GAAM,GAAK,EAAa,EAAE,GAAK,EAClD,EAAS,GAAoB,EAAa,CAAC,QAAQ,EAC3D,EAAM,EAAS;IAEnC;EAAC;EAAU;EAAM;EAAK;EAAK;EAAc;EAAoB;EAAS,CACtE,EAEK,IAAe,OAAO,KAAS,YAAY,IAAO,GAClD,IACL,MAAgB,IAAqB,IAAI,KAAK,IAAI,OAAO,EAAmB,KAAK;AAkElF,QAhEI,IAEF,kBAAC,OAAD;EACC,WAAW,EAAG,4BAIb,oFACA,8EACA,EAAM,mBAAmB,0CACzB,KAAY,gCACZ;YATF;GAWC,kBAAC,UAAD;IACC,MAAK;IACL,UAAU;IACV,cAAY,EAAQ;IACV;IACV,eAAe,EAAO,GAAG;IACzB,WAAW,EACV,kHACA,EAAmB,IACnB,wCACA,kDACA;cAED,kBAAC,GAAD,EAAO,WAAU,YAAa,CAAA;IACtB,CAAA;GACT,kBAAC,GAAD;IACO;IACN,MAAM,MAAS;AAA2B,KAAzB,EAAS,UAAU,GAAU,OAAO,KAAiB,aAAY,EAAa,EAAK,GAAW,MAAc,EAAa,UAAU;;IACpJ,MAAK;IACL,WAAW,IAAqB,IAAI,YAAY;IAChD,aAAa;IACb,UAAU;IACV,QAAQ;IACR,OAAO;IACO;IACJ;IACV,WAAW,EACV,iHACA,EACA;IACD,GAAI;IACH,CAAA;GACF,kBAAC,UAAD;IACC,MAAK;IACL,UAAU;IACV,cAAY,EAAQ;IACV;IACV,eAAe,EAAO,EAAE;IACxB,WAAW,EACV,kHACA,EAAmB,IACnB,wCACA,kDACA;cAED,kBAAC,GAAD,EAAM,WAAU,YAAa,CAAA;IACrB,CAAA;GACJ;MAKP,kBAAC,GAAD;EACO;EACN,MAAM,MAAS;AAA2B,GAAzB,EAAS,UAAU,GAAU,OAAO,KAAiB,aAAY,EAAa,EAAK,GAAW,MAAc,EAAa,UAAU;;EACpJ,MAAK;EACL,WAAW,IAAqB,IAAI,YAAY;EAChD,aAAa;EACb,UAAU;EACV,QAAQ;EACR,OAAO;EACO;EACJ;EACV,WAAW,EAAG,yBAAyB,EAAU;EACjD,GAAI;EACH,CAAA;;AAIJ,IAAM,IAAe,EAAM,WAAgD,EAAiB;AAC5F,EAAa,cAAc;;;AClS3B,IAAM,IAA2C;CAC7C,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACR,EAEK,KAAuB,MACrB,CAAC,KAAc,EAAW,WAAW,IAAU,EAAE,GAE9C,EAAW,KAAK,MACf,OAAO,KAAa,WAEb;CACH,OAAO;CACP,OAAO,GAHI,EAAiB,MAAa,EAGxB,GAAG;CACvB,GAEE,EACT;AAGN,SAAS,EACL,EACI,UAAU,GACV,oBACA,eACA,qBACA,sBAAmB,SACnB,6BAA0B,IAC1B,wBACA,mBAAgB,QAChB,kBACA,YACA,aACA,kBACA,MAAM,GACN,GAAG,KAEP,GACF;CACE,IAAM,EAAE,0BAAuB,GAAgB,EACzC,IAAO,EAAuB,GAAU,EAAmB,EAyB3D,IAAuB,QAAc,EAAoB,EAAW,EAAE,CAAC,EAAW,CAAC,EAGnF,CAAC,GAAkB,KAAuB,EAC5C,KAAmB,EAAqB,IAAI,SAAS,GACxD,EAGK,IAAuB,MAAuB,KAAA,GAC9C,IAAmB,IAAuB,IAAqB,GAG/D,IAAuB,GACxB,MAA+B;AACxB,QAAgB,SACf,KACD,EAAoB,EAAY,EAEpC,IAAmB,EAAY;IAEnC,CAAC,GAAsB,EAAiB,CAC3C,EAKK,IAAmB,QAEjB,EACI,4CACA,EAAuB,IACvB,iFACA,0GACA,GACA,KAAY,gCACf,EACL;EAAC;EAAM;EAAe;EAAS,CAClC,EAGK,IACF,kBAAC,OAAD;EAAK,WAAU;YAAf,CACK,CAAC,CAAC,KAAiB,kBAAC,GAAD;GAAO,WAAU;aAAa;GAAsB,CAAA,EACxE,kBAAC,GAAD;GACI,OAAO;GACP,gBAAgB,MAAU,EAAqB,EAAM;GACrD,UAAU,KAAY;aAH1B,CAKI,kBAAC,GAAD;IAAsB,gBAAc,KAAW,KAAA;IAAW,WAAW;cACjE,kBAAC,GAAD,EAAoB,aAAa,KAAuB,IAAM,CAAA;IAC3C,CAAA,EACvB,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD,EAAA,UACK,EAAqB,KAAK,MACvB,kBAAC,GAAD;IAAoC,OAAO,EAAK;cAC3C,EAAK;IACU,EAFI,EAAK,MAET,CACtB,EACe,CAAA,EACF,CAAA,CACX;KACd;;AAGV,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,6BAA6B,yBAAyB;YAAzE;GACK,MAAqB,WAAW;GAEjC,kBAAC,OAAD;IAAK,WAAU;cACX,kBAAC,GAAD;KACI,KAAK;KACC;KACN,eAAe;KACf,eAAe;KACL;KACD;KACT,GAAI;KACN,CAAA;IACA,CAAA;GAEL,MAAqB,SAAS;GAC7B;;;AAMd,IAAa,IAAgB,EAAK,EAAiD,EAAkB,CAAC;AACtG,EAAc,cAAc;;;AC5L5B,IAAM,IAAqC,CAAC,OAAO,MAAM,EAE5C,IAAa,EAA8C,SACpE,EAAE,gBAAa,GAAoB,qBAAkB,aAAU,oBAAiB,GAAG,KACnF,GACF;AAQE,QACI,kBAAC,GAAD;EAAe,WAAU;EAChB;EACO;EACF;EACO;EACjB,kBAbqB,GACxB,MAAyB;AACtB,OAAmB,EAAa;KAEpC,CAAC,EAAiB,CASI;EAClB,GAAI;EACN,CAAA;EAER;AAEF,EAAW,cAAc;;;ACuCzB,SAAgB,EAAU,EACzB,aACA,UACA,eACA,aACA,SACA,UACA,eACA,YACA,gBACkB;CAClB,IAAM,IAAW,EAAQ,GACnB,IAAiB,KAAS,MAAgB,IAAkB,KAAA,IAAP,IACrD,IAAiB,EAAQ,GACzB,IAAmB,KAAc;AAEvC,QACC,kBAAC,OAAD;EAAK,WAAW,EAAG,yBAAyB,aAAa,EAAU;YAAnE;GACE,CAAC,CAAC,KACF,kBAAC,GAAD;IAAgB;IAAS,WAAU;cAAnC,CACE,GACA,CAAC,CAAC,KACF,kBAAC,QAAD;KAAM,WAAU;eAAwB;KAAQ,CAAA,CAE1C;;GAGR;GAEA,CAAC,CAAC,KACF,kBAAC,GAAD;IACC,KAAI;IACJ,MAAK;IACL,MAAM,IAAW,UAAU;IAC3B,GAAK,IAAW;KAAE,MAAM;KAAS,aAAa;KAAU,GAAG,EAAE;cAE5D;IACK,CAAA;GAEH;;;AAsBR,SAAgB,EAGd,EACD,SACA,YACA,UACA,OAAO,GACP,aACA,GAAG,KAC8C;AACjD,QACC,kBAAC,GAAD;EACO;EACG;EACF;EACP,SAAS,EAAE,UAAO,oBAAiB;GAClC,IAAM,IAAkB,EAAW,OAAO,YACrC,EAAW,QAAS,EAAW,MAAM,SAAS,aAAc,EAAY,QAAQ,GAAG,EAAY,MAAM,gBAAgB,2BAA4B,kBAAmB,KAAA,IACnK,IAAgB,IAAc,EAAK,IAAI,KAAmB,KAAA,GAC1D,IAAU,EAAQ;AAExB,UACC,kBAAC,GAAD;IAAW,GAAI;IAAa,OAAO;IAAe,SAAS;cACzD,EAAS,GAAO,GAAe,GAAS,EAAW;IACzC,CAAA;;EAGb,CAAA;;AAIJ,EAAU,cAAc,aACxB,EAAoB,cAAc"}

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

@@ -0,0 +1,2 @@
+const e=require(`./chunk-D3uCBrYO.cjs`),t=require(`../lib/strings.cjs`),n=require(`./ui-provider-uiQgATj1.cjs`),r=require(`../lib/utils.cjs`),i=require(`./text-DBnY6fcL.cjs`),a=require(`./typography-BW7iZBx7.cjs`),o=require(`./input-BJb10xb9.cjs`),s=require(`./form-sizing-Cw12UeI6.cjs`),c=require(`./select-BfiU7a4n.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){n&&n({target:{...e,value:t},currentTarget:{...e,value:t},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-md 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,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:l,htmlFor:d,className:f}){let p=!!c,m=c||l||(p?void 0:s),h=!!m,g=n??o;return(0,u.jsxs)(`div`,{className:r.cn(`form-field--component`,`space-y-1`,f),children:[!!t&&(0,u.jsxs)(a.a,{htmlFor:d,className:`flex items-center leading-6`,children:[t,!!g&&(0,u.jsx)(`span`,{className:`ml-1 text-destructive`,children:`*`})]}),e,!!h&&(0,u.jsx)(i.t,{tag:`p`,size:`xs`,type:p?`error`:`secondary`,...p?{role:`alert`,"aria-live":`polite`}:{},children:m})]})}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-DzpwVS99.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-DzpwVS99.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\tif (!onChange) return;\n\tconst event = {\n\t\ttarget: { ...target, value } as unknown as HTMLInputElement,\n\t\tcurrentTarget: { ...target, value } as unknown as HTMLInputElement,\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-md 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, 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    // Dev warnings (only in development)\n    if (import.meta.env?.DEV) {\n        const selected = controlledCurrency ?? defaultCurrency;\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            console.warn(message, { currency: controlledCurrency, defaultCurrency });\n            onConfigError?.(message, { currency: controlledCurrency, defaultCurrency, disableCurrencySelector });\n        }\n\n        if (disableCurrencySelector && typeof selected === 'string' && selected.trim().length === 0) {\n            const message = '[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.';\n            console.warn(message);\n            onConfigError?.(message, { currency: controlledCurrency, defaultCurrency, disableCurrencySelector });\n        }\n    }\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    // 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 { 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\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={htmlFor} 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{children}\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-CcbB-OHF.js

@@ -0,0 +1,21 @@
+//#region src/components/base/forms/form-sizing.ts
+var e = {
+	sm: "!h-9 text-sm",
+	base: "!h-10 text-base md:text-sm",
+	lg: "!h-11 text-base"
+}, t = {
+	sm: "min-h-9",
+	base: "min-h-10",
+	lg: "min-h-11"
+}, n = {
+	sm: "min-h-14 text-sm",
+	base: "min-h-[60px] text-base md:text-sm",
+	lg: "min-h-20 text-base"
+};
+function r(e, t) {
+	return e ?? t ?? "sm";
+}
+//#endregion
+export { r as i, e as n, n as r, t };
+
+//# sourceMappingURL=form-sizing-CcbB-OHF.js.map

package/dist/_shared/form-sizing-CcbB-OHF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-sizing-CcbB-OHF.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;CACJ,EAOY,IAA+D;CAC3E,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,EA4BY,IAA2D;CACvE,IAAI;CACJ,MAAM;CACN,IAAI;CACJ;AAQD,SAAgB,EACf,GACA,GACkB;AAClB,QAAO,KAAY,KAAsB"}

package/dist/_shared/form-sizing-Cw12UeI6.cjs

@@ -0,0 +1,2 @@
+var e={sm:`!h-9 text-sm`,base:`!h-10 text-base md:text-sm`,lg:`!h-11 text-base`},t={sm:`min-h-9`,base:`min-h-10`,lg:`min-h-11`},n={sm:`min-h-14 text-sm`,base:`min-h-[60px] text-base md:text-sm`,lg:`min-h-20 text-base`};function r(e,t){return e??t??`sm`}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=form-sizing-Cw12UeI6.cjs.map

package/dist/_shared/form-sizing-Cw12UeI6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-sizing-Cw12UeI6.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,kBACJ,CAOY,EAA+D,CAC3E,GAAI,UACJ,KAAM,WACN,GAAI,WACJ,CA4BY,EAA2D,CACvE,GAAI,mBACJ,KAAM,oCACN,GAAI,qBACJ,CAQD,SAAgB,EACf,EACA,EACkB,CAClB,OAAO,GAAY,GAAsB"}

package/dist/_shared/format-B2AdSQVn.cjs

@@ -0,0 +1,2 @@
+function e(e,t={}){if(!Number.isFinite(e))return`—`;let{locale:n,minimumFractionDigits:r,maximumFractionDigits:i,notation:a}=t;return new Intl.NumberFormat(n,{minimumFractionDigits:r,maximumFractionDigits:i,notation:a}).format(e)}function t(t,n={}){if(!Number.isFinite(t))return`—`;let{locale:r,currency:i=`EUR`,currencyDisplay:a=`symbol`,minimumFractionDigits:o,maximumFractionDigits:s,notation:c}=n;try{return new Intl.NumberFormat(r,{style:`currency`,currency:i,currencyDisplay:a,minimumFractionDigits:o,maximumFractionDigits:s,notation:c}).format(t)}catch{return`${e(t,n)} ${i}`}}function n(e,t={}){if(!Number.isFinite(e))return`—`;let{locale:n,minimumFractionDigits:r,maximumFractionDigits:i=1,scaled:a=!1}=t,o=a?e/100:e;return new Intl.NumberFormat(n,{style:`percent`,minimumFractionDigits:r,maximumFractionDigits:i}).format(o)}function r(e){if(!Number.isFinite(e))return`—`;if(e===0)return`0s`;let t=e<0,n=Math.round(Math.abs(e)),r=Math.floor(n/86400);n-=r*86400;let i=Math.floor(n/3600);n-=i*3600;let a=Math.floor(n/60),o=n-a*60,s=[];return r>0&&s.push(`${r}d`),i>0&&s.push(`${i}h`),a>0&&s.push(`${a}m`),(o>0||s.length===0)&&s.push(`${o}s`),(t?`-`:``)+s.join(` `)}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=format-B2AdSQVn.cjs.map

package/dist/_shared/format-B2AdSQVn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-B2AdSQVn.cjs","names":[],"sources":["../../src/lib/format.ts"],"sourcesContent":["/**\n * Shared formatting constants and helpers for display components.\n *\n * `EMPTY` — em-dash used as the canonical placeholder for missing/null values\n * across MoneyDisplay, EmailDisplay, PhoneDisplay, UrlDisplay, etc. Keeping it\n * centralised lets the library swap to \"—\" / \"N/A\" / locale-specific glyphs in\n * one place if needed.\n *\n * `formatCurrency` / `formatNumber` / `formatPercentage` / `formatDuration`\n * are thin wrappers around `Intl.NumberFormat` plus a duration helper. They\n * default to the user's resolved locale (`undefined` → system default) but\n * accept a `locale` override so callers can pin output for tests or\n * dual-currency UIs.\n */\nexport const EMPTY = '—';\n\n/** @deprecated Use `EMPTY` instead. Kept for backwards compatibility. */\nexport const DEFAULT_EMPTY_LABEL = EMPTY;\n\nexport interface FormatNumberOptions {\n\tlocale?: string;\n\tminimumFractionDigits?: number;\n\tmaximumFractionDigits?: number;\n\tnotation?: Intl.NumberFormatOptions['notation'];\n}\n\nexport function formatNumber(value: number, options: FormatNumberOptions = {}): string {\n\tif (!Number.isFinite(value)) return EMPTY;\n\tconst {\n\t\tlocale,\n\t\tminimumFractionDigits,\n\t\tmaximumFractionDigits,\n\t\tnotation,\n\t} = options;\n\treturn new Intl.NumberFormat(locale, {\n\t\tminimumFractionDigits,\n\t\tmaximumFractionDigits,\n\t\tnotation,\n\t}).format(value);\n}\n\nexport interface FormatCurrencyOptions extends FormatNumberOptions {\n\tcurrency?: string;\n\tcurrencyDisplay?: 'symbol' | 'narrowSymbol' | 'code' | 'name';\n}\n\nexport function formatCurrency(value: number, options: FormatCurrencyOptions = {}): string {\n\tif (!Number.isFinite(value)) return EMPTY;\n\tconst {\n\t\tlocale,\n\t\tcurrency = 'EUR',\n\t\tcurrencyDisplay = 'symbol',\n\t\tminimumFractionDigits,\n\t\tmaximumFractionDigits,\n\t\tnotation,\n\t} = options;\n\ttry {\n\t\treturn new Intl.NumberFormat(locale, {\n\t\t\tstyle: 'currency',\n\t\t\tcurrency,\n\t\t\tcurrencyDisplay,\n\t\t\tminimumFractionDigits,\n\t\t\tmaximumFractionDigits,\n\t\t\tnotation,\n\t\t}).format(value);\n\t} catch {\n\t\t// Unknown / unsupported currency code — fall back to plain number + code suffix.\n\t\treturn `${formatNumber(value, options)} ${currency}`;\n\t}\n}\n\nexport interface FormatPercentageOptions extends FormatNumberOptions {\n\t/** When true, treat `value` as already a percentage (e.g. 12.5 → \"12.5%\"). Default: false (0.125 → \"12.5%\"). */\n\tscaled?: boolean;\n}\n\nexport function formatPercentage(value: number, options: FormatPercentageOptions = {}): string {\n\tif (!Number.isFinite(value)) return EMPTY;\n\tconst { locale, minimumFractionDigits, maximumFractionDigits = 1, scaled = false } = options;\n\tconst ratio = scaled ? value / 100 : value;\n\treturn new Intl.NumberFormat(locale, {\n\t\tstyle: 'percent',\n\t\tminimumFractionDigits,\n\t\tmaximumFractionDigits,\n\t}).format(ratio);\n}\n\n/**\n * Format a duration given in **seconds** as a compact \"HhMmSs\" string. Drops\n * leading zero units, so 65 → \"1m 5s\", 3600 → \"1h\", 90061 → \"1d 1h 1m 1s\".\n * Negative values are rendered with a leading minus sign.\n */\nexport function formatDuration(seconds: number): string {\n\tif (!Number.isFinite(seconds)) return EMPTY;\n\tif (seconds === 0) return '0s';\n\tconst negative = seconds < 0;\n\tlet remaining = Math.round(Math.abs(seconds));\n\tconst days = Math.floor(remaining / 86400);\n\tremaining -= days * 86400;\n\tconst hours = Math.floor(remaining / 3600);\n\tremaining -= hours * 3600;\n\tconst minutes = Math.floor(remaining / 60);\n\tconst secs = remaining - minutes * 60;\n\n\tconst parts: string[] = [];\n\tif (days > 0) parts.push(`${days}d`);\n\tif (hours > 0) parts.push(`${hours}h`);\n\tif (minutes > 0) parts.push(`${minutes}m`);\n\tif (secs > 0 || parts.length === 0) parts.push(`${secs}s`);\n\n\treturn (negative ? '-' : '') + parts.join(' ');\n}\n"],"mappings":"AA0BA,SAAgB,EAAa,EAAe,EAA+B,EAAE,CAAU,CACtF,GAAI,CAAC,OAAO,SAAS,EAAM,CAAE,MAAA,IAC7B,GAAM,CACL,SACA,wBACA,wBACA,YACG,EACJ,OAAO,IAAI,KAAK,aAAa,EAAQ,CACpC,wBACA,wBACA,WACA,CAAC,CAAC,OAAO,EAAM,CAQjB,SAAgB,EAAe,EAAe,EAAiC,EAAE,CAAU,CAC1F,GAAI,CAAC,OAAO,SAAS,EAAM,CAAE,MAAA,IAC7B,GAAM,CACL,SACA,WAAW,MACX,kBAAkB,SAClB,wBACA,wBACA,YACG,EACJ,GAAI,CACH,OAAO,IAAI,KAAK,aAAa,EAAQ,CACpC,MAAO,WACP,WACA,kBACA,wBACA,wBACA,WACA,CAAC,CAAC,OAAO,EAAM,MACT,CAEP,MAAO,GAAG,EAAa,EAAO,EAAQ,CAAC,GAAG,KAS5C,SAAgB,EAAiB,EAAe,EAAmC,EAAE,CAAU,CAC9F,GAAI,CAAC,OAAO,SAAS,EAAM,CAAE,MAAA,IAC7B,GAAM,CAAE,SAAQ,wBAAuB,wBAAwB,EAAG,SAAS,IAAU,EAC/E,EAAQ,EAAS,EAAQ,IAAM,EACrC,OAAO,IAAI,KAAK,aAAa,EAAQ,CACpC,MAAO,UACP,wBACA,wBACA,CAAC,CAAC,OAAO,EAAM,CAQjB,SAAgB,EAAe,EAAyB,CACvD,GAAI,CAAC,OAAO,SAAS,EAAQ,CAAE,MAAA,IAC/B,GAAI,IAAY,EAAG,MAAO,KAC1B,IAAM,EAAW,EAAU,EACvB,EAAY,KAAK,MAAM,KAAK,IAAI,EAAQ,CAAC,CACvC,EAAO,KAAK,MAAM,EAAY,MAAM,CAC1C,GAAa,EAAO,MACpB,IAAM,EAAQ,KAAK,MAAM,EAAY,KAAK,CAC1C,GAAa,EAAQ,KACrB,IAAM,EAAU,KAAK,MAAM,EAAY,GAAG,CACpC,EAAO,EAAY,EAAU,GAE7B,EAAkB,EAAE,CAM1B,OALI,EAAO,GAAG,EAAM,KAAK,GAAG,EAAK,GAAG,CAChC,EAAQ,GAAG,EAAM,KAAK,GAAG,EAAM,GAAG,CAClC,EAAU,GAAG,EAAM,KAAK,GAAG,EAAQ,GAAG,EACtC,EAAO,GAAK,EAAM,SAAW,IAAG,EAAM,KAAK,GAAG,EAAK,GAAG,EAElD,EAAW,IAAM,IAAM,EAAM,KAAK,IAAI"}

package/dist/_shared/format-CP65h1vK.js

@@ -0,0 +1,48 @@
+function e(e, t = {}) {
+	if (!Number.isFinite(e)) return "—";
+	let { locale: n, minimumFractionDigits: r, maximumFractionDigits: i, notation: a } = t;
+	return new Intl.NumberFormat(n, {
+		minimumFractionDigits: r,
+		maximumFractionDigits: i,
+		notation: a
+	}).format(e);
+}
+function t(t, n = {}) {
+	if (!Number.isFinite(t)) return "—";
+	let { locale: r, currency: i = "EUR", currencyDisplay: a = "symbol", minimumFractionDigits: o, maximumFractionDigits: s, notation: c } = n;
+	try {
+		return new Intl.NumberFormat(r, {
+			style: "currency",
+			currency: i,
+			currencyDisplay: a,
+			minimumFractionDigits: o,
+			maximumFractionDigits: s,
+			notation: c
+		}).format(t);
+	} catch {
+		return `${e(t, n)} ${i}`;
+	}
+}
+function n(e, t = {}) {
+	if (!Number.isFinite(e)) return "—";
+	let { locale: n, minimumFractionDigits: r, maximumFractionDigits: i = 1, scaled: a = !1 } = t, o = a ? e / 100 : e;
+	return new Intl.NumberFormat(n, {
+		style: "percent",
+		minimumFractionDigits: r,
+		maximumFractionDigits: i
+	}).format(o);
+}
+function r(e) {
+	if (!Number.isFinite(e)) return "—";
+	if (e === 0) return "0s";
+	let t = e < 0, n = Math.round(Math.abs(e)), r = Math.floor(n / 86400);
+	n -= r * 86400;
+	let i = Math.floor(n / 3600);
+	n -= i * 3600;
+	let a = Math.floor(n / 60), o = n - a * 60, s = [];
+	return r > 0 && s.push(`${r}d`), i > 0 && s.push(`${i}h`), a > 0 && s.push(`${a}m`), (o > 0 || s.length === 0) && s.push(`${o}s`), (t ? "-" : "") + s.join(" ");
+}
+//#endregion
+export { n as i, r as n, e as r, t };
+
+//# sourceMappingURL=format-CP65h1vK.js.map