@logicplanes/kaeso-ui 0.4.3 → 0.4.5

package/dist/components/input.js

@@ -1,183 +1,261 @@
 "use client";
-import { t as e } from "../chunks/cn-Dj6sRgkF.js";
+import { t as e } from "../chunks/cn-BjnOAUrA.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
-import { r as n } from "../chunks/tooltip-OcwO0VUT.js";
-import { a as r, o as i, s as a } from "../chunks/field-TviMvYa2.js";
-import { a as o, i as s, n as c, r as l, t as u } from "../chunks/input-group-DQ_4DoXg.js";
-import { a as d, i as f, n as p, o as m, r as h, t as g } from "../chunks/input-2VJuj_M4.js";
-import { a as _, c as v, i as y, l as b, n as x, o as S, r as C, s as w, t as T } from "../chunks/textarea--4FRL3Pb.js";
-import { a as E } from "../chunks/tag-D_M1s2qS.js";
-import { forwardRef as D, useId as O, useRef as k, useState as A } from "react";
-import { jsx as j, jsxs as M } from "react/jsx-runtime";
-import { ViewIcon as N, ViewOffSlashIcon as P } from "@hugeicons/core-free-icons";
+import { t as n } from "../chunks/icon-CBzOwqrX.js";
+import { r } from "../chunks/tooltip-Tkm-urbi.js";
+import { a as i, o as a, s as o } from "../chunks/field-D7m-yl-D.js";
+import { a as s, i as c, n as l, o as u, r as d, t as f } from "../chunks/input-group-jPcK9T_a.js";
+import { a as p, i as m, n as h, o as g, r as _, t as v } from "../chunks/input-Bo5-UZg2.js";
+import { a as y, c as b, i as x, l as S, n as C, o as w, r as T, s as E, t as D } from "../chunks/textarea-CO0HP6fK.js";
+import { a as O } from "../chunks/tag-BGr6lTSV.js";
+import { forwardRef as k, useId as A, useLayoutEffect as j, useRef as M, useState as N } from "react";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { Alert02Icon as L, ViewIcon as R, ViewOffSlashIcon as z } from "@hugeicons/core-free-icons";
 //#region src/components/input/sensitive-input.tsx
-var F = { kind: {
+var B = { kind: {
 	secret: { classes: "" },
 	password: { classes: "" }
-} }, I = { kind: "secret" }, L = /* @__PURE__ */ D(function({ kind: n = "secret", defaultRevealed: r = !1, description: i, onKeyDown: a, onKeyUp: o, className: s, ...l }, u) {
-	let d = t(), [f, p] = A(r), [m, h] = A(!1), _ = (e) => h(n === "password" && e.getModifierState?.("CapsLock"));
-	return /* @__PURE__ */ j(g, {
-		ref: u,
-		type: f ? "text" : "password",
-		autoComplete: n === "password" ? "current-password" : "off",
+} }, V = { kind: "secret" }, H = /* @__PURE__ */ k(function({ kind: e = "secret", defaultRevealed: r = !1, onKeyDown: i, onKeyUp: a, onBlur: o, ...s }, c) {
+	let u = t(), [d, f] = N(r), [p, m] = N(!1), h = (t) => m(e === "password" && t.getModifierState?.("CapsLock"));
+	return /* @__PURE__ */ F(v, {
+		ref: c,
+		type: d ? "text" : "password",
+		autoComplete: e === "password" ? "current-password" : "off",
 		autoCorrect: "off",
 		autoCapitalize: "off",
 		spellCheck: !1,
-		"data-1p-ignore": n === "secret" || void 0,
-		"data-lpignore": n === "secret" ? "true" : void 0,
-		className: e(s, f && "mono"),
-		description: m ? d("sensitiveInput.capsLock", "Caps Lock is on.") : i,
+		"data-1p-ignore": e === "secret" || void 0,
+		"data-lpignore": e === "secret" ? "true" : void 0,
+		"data-mono": d || void 0,
+		onBlur: (e) => {
+			m(!1), o?.(e);
+		},
 		onKeyDown: (e) => {
-			_(e), a?.(e);
+			h(e), i?.(e);
 		},
 		onKeyUp: (e) => {
-			_(e), o?.(e);
+			h(e), a?.(e);
 		},
-		trailing: /* @__PURE__ */ j(c.Button, {
-			icon: f ? P : N,
-			"aria-label": n === "password" ? f ? d("sensitiveInput.hidePassword", "Hide password") : d("sensitiveInput.showPassword", "Show password") : f ? d("sensitiveInput.hide", "Hide") : d("sensitiveInput.show", "Show"),
-			onClick: () => p((e) => !e),
-			disabled: l.disabled
-		}),
-		...l
+		trailing: /* @__PURE__ */ I(P, { children: [e === "password" && /* @__PURE__ */ I("span", {
+			className: "inline-flex shrink-0 items-center gap-4 text-small text-warning-text select-none",
+			children: [
+				p && /* @__PURE__ */ F(n, {
+					icon: L,
+					size: "sm"
+				}),
+				p && u("sensitiveInput.capsLockShort", "Caps Lock"),
+				/* @__PURE__ */ F("span", {
+					role: "status",
+					className: "sr-only",
+					children: p ? u("sensitiveInput.capsLock", "Caps Lock is on.") : ""
+				})
+			]
+		}), /* @__PURE__ */ F(l.Button, {
+			icon: d ? z : R,
+			"aria-label": e === "password" ? d ? u("sensitiveInput.hidePassword", "Hide password") : u("sensitiveInput.showPassword", "Show password") : d ? u("sensitiveInput.hideKey", "Hide key") : u("sensitiveInput.showKey", "Show key"),
+			onClick: () => f((e) => !e),
+			disabled: s.disabled
+		})] }),
+		...s
 	});
 });
-process.env.NODE_ENV !== "production" && (L.displayName = "SensitiveInput");
+process.env.NODE_ENV !== "production" && (H.displayName = "SensitiveInput");
 //#endregion
 //#region src/components/input/otp-input.tsx
-var R = { size: {
-	md: { classes: "size-48 text-title" },
-	sm: { classes: "size-40 text-title-sm" }
-} }, z = { size: "md" }, B = /* @__PURE__ */ D(function({ length: n = 6, value: i, defaultValue: a = "", onValueChange: o, onComplete: s, invalid: c, size: l = "md", disabled: u, className: d, id: f, "aria-label": p, "data-force": m, ...h }, g) {
-	let _ = r(), v = t(), [y, b] = A(a), [x, S] = A(!1), [C, w] = A(0), T = O(), E = k(null), D = (i ?? y).slice(0, n), N = (e) => {
+var U = { size: {
+	md: { classes: "w-48 text-title" },
+	sm: { classes: "w-40 text-title-sm" }
+} }, W = { size: "md" }, G = /* @__PURE__ */ k(function({ length: n = 6, value: r, defaultValue: a = "", onValueChange: o, onComplete: s, invalid: c, size: l = "md", disabled: u, className: d, id: f, "aria-label": p, "data-force": m, onFocus: h, onBlur: g, onKeyDown: _, onPaste: v, onClick: y, ...b }, x) {
+	let S = i(), C = t(), [w, T] = N(a), [E, D] = N(!1), O = (r ?? w).slice(0, n), [k, P] = N(O.length), L = A(), R = M(null), z = M([]), B = M(null), V = (e) => {
 		let t = e.replace(/\D/g, "").slice(0, n);
-		i === void 0 && b(t), o?.(t), t.length === n && s?.(t);
-	}, P = Math.min(C, n - 1), F = x || m?.includes("focus");
-	return /* @__PURE__ */ M("div", {
-		className: e("relative inline-flex gap-8", d),
-		"data-invalid": c || _?.invalid || void 0,
+		return r === void 0 && T(t), o?.(t), t.length === n && s?.(t), t;
+	}, H = (e, t = O) => {
+		let r = Math.max(0, Math.min(e, t.length, n - 1));
+		R.current?.setSelectionRange(r, r < t.length ? r + 1 : r), P(r);
+	};
+	j(() => {
+		if (B.current === null) return;
+		let e = B.current;
+		B.current = null, document.activeElement === R.current && H(e);
+	});
+	let W = E || m?.includes("focus") ? Math.min(k, n - 1) : -1, G = (e, t, r) => {
+		let i = r.replace(/\D/g, ""), a = i.length >= n ? V(i) : V(O.slice(0, e) + i + O.slice(t));
+		B.current = Math.min(i.length >= n ? a.length : e + i.length, a.length);
+	};
+	return /* @__PURE__ */ I("div", {
+		className: e("relative inline-flex max-w-full gap-8", d),
+		"data-invalid": c || S?.invalid || void 0,
 		children: [Array.from({ length: n }, (t, r) => {
-			let i = D[r] ?? "", a = F && r === Math.min(D.length, n - 1) && (C >= D.length || r === P);
-			return /* @__PURE__ */ j("div", {
+			let i = O[r] ?? "", a = r === W;
+			return /* @__PURE__ */ F("div", {
+				ref: (e) => {
+					z.current[r] = e;
+				},
 				"aria-hidden": !0,
-				className: e("flex items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control", R.size[l].classes, r === 2 && n === 6 && "mr-8"),
-				...c || _?.invalid ? { "data-invalid": "" } : {},
+				className: e("flex aspect-square min-w-0 shrink items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control", U.size[l].classes, r === 2 && n === 6 && "mr-8"),
+				...c || S?.invalid ? { "data-invalid": "" } : {},
 				...u ? { "data-disabled": "" } : {},
 				...a ? { "data-focused": "" } : {},
-				children: i || (a ? /* @__PURE__ */ j("span", { className: "h-20 w-1 animate-pulse-quiet bg-fg" }) : null)
+				children: i || (a ? /* @__PURE__ */ F("span", { className: "h-20 w-1 bg-fg forced-line" }) : null)
 			}, r);
-		}), /* @__PURE__ */ j("input", {
+		}), /* @__PURE__ */ F("input", {
 			ref: (e) => {
-				E.current = e, typeof g == "function" ? g(e) : g && (g.current = e);
+				R.current = e, typeof x == "function" ? x(e) : x && (x.current = e);
 			},
-			id: _?.controlId ?? f ?? `k-otp-${T}`,
+			id: S?.controlId ?? f ?? `k-otp-${L}`,
 			type: "text",
 			inputMode: "numeric",
 			autoComplete: "one-time-code",
 			pattern: "\\d*",
-			maxLength: n,
-			value: D,
+			value: O,
 			disabled: u,
-			"aria-label": p ?? (_ ? void 0 : v("otpInput.label", "Verification code")),
-			..._?.controlProps["aria-describedby"] ? { "aria-describedby": _.controlProps["aria-describedby"] } : {},
-			...c || _?.invalid ? { "aria-invalid": !0 } : {},
+			"aria-label": p ?? (S ? void 0 : C("otpInput.label", "Verification code")),
+			...S?.controlProps["aria-describedby"] ? { "aria-describedby": S.controlProps["aria-describedby"] } : {},
+			...c || S?.invalid ? { "aria-invalid": !0 } : {},
 			onChange: (e) => {
-				N(e.target.value), w(e.target.selectionStart ?? e.target.value.length);
+				let t = e.target.value, n = e.target.selectionStart ?? t.length, r = V(t);
+				B.current = Math.min(t.slice(0, n).replace(/\D/g, "").length, r.length);
+			},
+			onPaste: (e) => {
+				e.preventDefault();
+				let t = e.currentTarget;
+				G(t.selectionStart ?? O.length, t.selectionEnd ?? O.length, e.clipboardData.getData("text")), v?.(e);
+			},
+			onKeyDown: (e) => {
+				let t = e.currentTarget.selectionStart ?? O.length, n = {
+					ArrowLeft: t - 1,
+					ArrowRight: t + 1,
+					Home: 0,
+					End: O.length
+				}[e.key];
+				n !== void 0 && !e.shiftKey && !e.metaKey && !e.ctrlKey && !e.altKey && (e.preventDefault(), H(n)), _?.(e);
+			},
+			onClick: (e) => {
+				let t = z.current.findIndex((t) => {
+					let n = t?.getBoundingClientRect();
+					return !!n && n.width > 0 && e.clientX >= n.left - 4 && e.clientX <= n.right + 4;
+				});
+				H(t < 0 ? O.length : t), y?.(e);
+			},
+			onSelect: (e) => P(e.target.selectionStart ?? 0),
+			onFocus: (e) => {
+				D(!0), h?.(e), H(O.length);
+			},
+			onBlur: (e) => {
+				D(!1), g?.(e);
 			},
-			onSelect: (e) => w(e.target.selectionStart ?? 0),
-			onFocus: () => S(!0),
-			onBlur: () => S(!1),
 			className: "absolute inset-0 h-full w-full cursor-text bg-transparent text-transparent caret-transparent opacity-0 outline-none disabled:cursor-not-allowed",
-			...h
+			...b
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (B.displayName = "OTPInput");
+process.env.NODE_ENV !== "production" && (G.displayName = "OTPInput");
 //#endregion
 //#region src/components/input/tag-input.tsx
-var V = { size: { md: { classes: "min-h-36 p-4" } } }, H = { size: "md" }, U = /* @__PURE__ */ D(function(o, s) {
+var K = { size: { md: { classes: "min-h-36 p-4" } } }, q = { size: "md" }, J = /* @__PURE__ */ k(function(n, s) {
 	let { value: c, defaultValue: l = [], onValueChange: u, onInputValueChange: d, placeholder: f, validate: p, separators: m = [
 		",",
 		" ",
 		";"
-	], disabled: h, id: g, name: _, className: v, label: y, description: b, error: x, optional: S, required: C, layout: w, "aria-label": T, "data-force": D } = o, O = r(), N = i(o), P = t(), [F, I] = A(l), [L, R] = A(""), z = (e) => {
+	], disabled: h, id: g, name: _, className: v, label: y, description: b, error: x, optional: S, required: C, layout: w, "aria-label": T, "data-force": E } = n, D = i(), k = a(n), A = t(), [j, P] = N(l), [L, R] = N(""), z = (e) => {
 		R(e), d?.(e);
-	}, B = k(null), H = c ?? F, U = (e) => {
-		c === void 0 && I(e), u?.(e);
-	}, W = RegExp(`[${m.map((e) => e.replace(/[\]\\^-]/g, "\\$&")).join("")}\\n\\t]+`), G = (e) => {
-		let t = e.split(W).map((e) => e.trim()).filter(Boolean).filter((e) => !H.includes(e));
-		t.length && U([...H, ...t]), z("");
-	}, K = H.map((e) => !p || p(e)), q = K.find((e) => e !== !0), J = x ?? (typeof q == "string" ? q : void 0), Y = /* @__PURE__ */ M("div", {
-		className: e("flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text", V.size.md.classes, h && "cursor-not-allowed", !(y || b || J) && v),
-		...J || O?.invalid ? { "data-invalid": "" } : {},
+	}, B = M(null), [V, H] = N(null), [U, W] = N(""), G = c ?? j, q = (e) => {
+		c === void 0 && P(e), u?.(e);
+	}, J = RegExp(`[${m.map((e) => e.replace(/[\]\\^-]/g, "\\$&")).join("")}\\n\\t]+`), Y = (e) => {
+		let t = e.split(J).map((e) => e.trim()).filter(Boolean).filter((e) => !G.includes(e));
+		t.length && q([...G, ...t]), z("");
+	}, X = (e) => {
+		let t = G[e];
+		t !== void 0 && (q(G.filter((t, n) => n !== e)), H(null), W(A("tagInput.removed", "Removed {tag}", { tag: t })));
+	}, Z = (e) => {
+		H(e);
+		let t = e === null ? void 0 : G[e];
+		W(t === void 0 ? "" : A("tagInput.selected", "{tag} selected. Press Backspace to remove it.", { tag: t }));
+	}, Q = G.map((e) => !p || p(e)), ee = Q.find((e) => e !== !0), $ = x ?? (typeof ee == "string" ? ee : void 0), te = /* @__PURE__ */ I("div", {
+		className: e("flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text", K.size.md.classes, h && "cursor-not-allowed", !(y || b || $) && v),
+		...$ || D?.invalid ? { "data-invalid": "" } : {},
 		...h ? { "data-disabled": "" } : {},
-		...D ? { "data-force": D } : {},
+		...E ? { "data-force": E } : {},
 		onMouseDown: (e) => {
 			e.target === e.currentTarget && (e.preventDefault(), B.current?.focus());
 		},
 		children: [
-			H.map((e, t) => {
-				let r = K[t];
-				return /* @__PURE__ */ j(E, {
-					invalid: r !== !0,
+			G.map((e, t) => {
+				let n = Q[t];
+				return /* @__PURE__ */ F(O, {
+					invalid: n !== !0,
+					...h ? { variant: "soft" } : {},
+					className: "focus-ring",
+					...V === t ? { "data-force": "focus" } : {},
 					...h ? {} : {
-						onRemove: () => U(H.filter((t) => t !== e)),
-						removeLabel: P("tagInput.remove", "Remove {tag}", { tag: e })
+						onRemove: () => {
+							X(t), B.current?.focus();
+						},
+						removeLabel: A("tagInput.remove", "Remove {tag}", { tag: e })
 					},
-					children: typeof r == "string" ? /* @__PURE__ */ j(n, {
-						content: r,
-						children: /* @__PURE__ */ j("span", { children: e })
+					children: typeof n == "string" ? /* @__PURE__ */ F(r, {
+						content: n,
+						children: /* @__PURE__ */ F("span", { children: e })
 					}) : e
 				}, e);
 			}),
-			/* @__PURE__ */ j("input", {
+			/* @__PURE__ */ F("input", {
 				ref: (e) => {
 					B.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
 				},
 				...g ? { id: g } : {},
-				...N.controlProps,
+				...k.controlProps,
 				...T ? { "aria-label": T } : {},
-				...J ? { "aria-invalid": !0 } : {},
+				...$ ? { "aria-invalid": !0 } : {},
 				disabled: h,
-				required: C && H.length === 0,
+				required: C && G.length === 0,
 				...C ? { "aria-required": !0 } : {},
 				value: L,
-				placeholder: H.length ? void 0 : f,
+				placeholder: G.length ? void 0 : f,
 				onChange: (e) => {
+					V !== null && Z(null);
 					let t = e.target.value;
-					m.some((e) => t.endsWith(e)) ? G(t) : z(t);
+					m.some((e) => t.endsWith(e)) ? Y(t) : z(t);
 				},
 				onKeyDown: (e) => {
-					e.key === "Enter" && L.trim() ? (e.preventDefault(), G(L)) : e.key === "Backspace" && !L && H.length && U(H.slice(0, -1));
+					let t = e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === 0;
+					e.key === "Enter" && L.trim() ? (e.preventDefault(), Y(L)) : (e.key === "Backspace" || e.key === "Delete") && V !== null ? (e.preventDefault(), X(V)) : e.key === "Backspace" && t && G.length ? (e.preventDefault(), Z(G.length - 1)) : e.key === "ArrowLeft" && t && G.length ? (e.preventDefault(), Z(V === null ? G.length - 1 : Math.max(0, V - 1))) : e.key === "ArrowRight" && V !== null ? (e.preventDefault(), Z(V + 1 < G.length ? V + 1 : null)) : e.key === "Escape" && V !== null && (e.stopPropagation(), Z(null));
 				},
 				onPaste: (e) => {
 					let t = e.clipboardData.getData("text");
-					W.test(t) && (e.preventDefault(), G(L + t));
+					J.test(t) && (e.preventDefault(), Y(L + t));
 				},
-				onBlur: () => L.trim() && G(L),
-				className: e("my-4 min-w-80 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed", H.length === 0 && "pl-12")
+				onBlur: () => {
+					H(null), L.trim() && Y(L);
+				},
+				className: e("my-4 min-w-32 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed", G.length === 0 && "ps-10")
 			}),
-			_ && /* @__PURE__ */ j("input", {
+			_ && /* @__PURE__ */ F("input", {
 				type: "hidden",
 				name: _,
-				value: H.join(",")
+				value: G.join(",")
+			}),
+			/* @__PURE__ */ F("span", {
+				role: "status",
+				className: "sr-only",
+				children: U
 			})
 		]
 	});
-	return O ? Y : a({
+	return D ? te : o({
 		label: y,
 		description: b,
-		error: J,
+		error: $,
 		optional: S,
 		required: C,
 		layout: w,
-		id: N.wrapId ?? g,
+		id: k.wrapId ?? g,
 		disabled: h,
 		className: v
-	}, Y);
+	}, te);
 });
-process.env.NODE_ENV !== "production" && (U.displayName = "TagInput");
+process.env.NODE_ENV !== "production" && (J.displayName = "TagInput");
 //#endregion
-export { u as INPUT_ICON_SIZE, g as Input, c as InputGroup, p as KAESO_INPUT_DEFAULT_VARIANTS, l as KAESO_INPUT_GROUP_DEFAULT_VARIANTS, s as KAESO_INPUT_GROUP_VARIANTS, h as KAESO_INPUT_VARIANTS, y as KAESO_NUMBER_INPUT_DEFAULT_VARIANTS, _ as KAESO_NUMBER_INPUT_VARIANTS, z as KAESO_OTP_INPUT_DEFAULT_VARIANTS, R as KAESO_OTP_INPUT_VARIANTS, f as KAESO_SEARCH_INPUT_DEFAULT_VARIANTS, d as KAESO_SEARCH_INPUT_VARIANTS, I as KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS, F as KAESO_SENSITIVE_INPUT_VARIANTS, H as KAESO_TAG_INPUT_DEFAULT_VARIANTS, V as KAESO_TAG_INPUT_VARIANTS, T as KAESO_TEXTAREA_DEFAULT_VARIANTS, x as KAESO_TEXTAREA_VARIANTS, S as NumberInput, B as OTPInput, m as SearchInput, L as SensitiveInput, U as TagInput, C as Textarea, w as addDecimal, v as compareDecimal, b as groupDecimal, o as useInputGroupSize };
+export { f as INPUT_ICON_SIZE, v as Input, l as InputGroup, h as KAESO_INPUT_DEFAULT_VARIANTS, d as KAESO_INPUT_GROUP_DEFAULT_VARIANTS, c as KAESO_INPUT_GROUP_VARIANTS, _ as KAESO_INPUT_VARIANTS, x as KAESO_NUMBER_INPUT_DEFAULT_VARIANTS, y as KAESO_NUMBER_INPUT_VARIANTS, W as KAESO_OTP_INPUT_DEFAULT_VARIANTS, U as KAESO_OTP_INPUT_VARIANTS, m as KAESO_SEARCH_INPUT_DEFAULT_VARIANTS, p as KAESO_SEARCH_INPUT_VARIANTS, V as KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS, B as KAESO_SENSITIVE_INPUT_VARIANTS, q as KAESO_TAG_INPUT_DEFAULT_VARIANTS, K as KAESO_TAG_INPUT_VARIANTS, D as KAESO_TEXTAREA_DEFAULT_VARIANTS, C as KAESO_TEXTAREA_VARIANTS, s as LEADING, w as NumberInput, G as OTPInput, g as SearchInput, H as SensitiveInput, J as TagInput, T as Textarea, E as addDecimal, b as compareDecimal, S as groupDecimal, u as useInputGroupSize };
 
 //# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["__icon_ViewOffSlashIcon","__icon_ViewIcon","cn","useUiText","Tooltip","useField","useFieldControl","withField","useInputGroupSize","KAESO_INPUT_GROUP_VARIANTS","InputGroup","KAESO_INPUT_GROUP_DEFAULT_VARIANTS","INPUT_ICON_SIZE","KAESO_SEARCH_INPUT_VARIANTS","KAESO_SEARCH_INPUT_DEFAULT_VARIANTS","KAESO_INPUT_DEFAULT_VARIANTS","SearchInput","KAESO_INPUT_VARIANTS","Input","KAESO_NUMBER_INPUT_VARIANTS","compareDecimal","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","groupDecimal","KAESO_TEXTAREA_VARIANTS","NumberInput","Textarea","addDecimal","KAESO_TEXTAREA_DEFAULT_VARIANTS","Tag","KAESO_SENSITIVE_INPUT_VARIANTS","KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS","SensitiveInput","props","t","revealed","setRevealed","useState","defaultRevealed","caps","setCaps","checkCaps","kind","className","description","onKeyDown","onKeyUp","ViewOffSlashIcon","ViewIcon","r","KAESO_OTP_INPUT_VARIANTS","KAESO_OTP_INPUT_DEFAULT_VARIANTS","OTPInput","ariaLabel","force","field","inner","setInner","defaultValue","focused","setFocused","sel","setSel","auto","useId","input","useRef","current","value","length","set","clean","v","onValueChange","onComplete","active","isFocused","invalid","char","i","isActive","size","disabled","el","ref","id","KAESO_TAG_INPUT_VARIANTS","KAESO_TAG_INPUT_DEFAULT_VARIANTS","TagInput","fc","draft","setDraftState","setDraft","next","onInputValueChange","tags","splitter","separators","s","add","parts","raw","p","messages","validate","tag","firstError","m","fieldError","error","control","label","message","x","required","placeholder","text","name"],"sources":["../../src/components/input/sensitive-input.tsx","../../src/components/input/otp-input.tsx","../../src/components/input/tag-input.tsx"],"sourcesContent":["import { forwardRef, useState, type KeyboardEvent } from \"react\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { ViewOffSlashIcon as __icon_ViewOffSlashIcon, ViewIcon as __icon_ViewIcon } from \"@hugeicons/core-free-icons\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_SENSITIVE_INPUT_VARIANTS = {\n  kind: {\n    secret: { classes: \"\" },\n    password: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS = { kind: \"secret\" } as const;\n\nexport interface SensitiveInputProps extends Omit<InputProps, \"type\" | \"trailing\"> {\n  kind?: keyof typeof KAESO_SENSITIVE_INPUT_VARIANTS.kind | undefined;\n  defaultRevealed?: boolean | undefined;\n}\n\nexport const SensitiveInput = /* @__PURE__ */ forwardRef<HTMLInputElement, SensitiveInputProps>(function SensitiveInput(\n  { kind = \"secret\", defaultRevealed = false, description, onKeyDown, onKeyUp, className, ...props },\n  ref,\n) {\n  const t = useUiText();\n  const [revealed, setRevealed] = useState(defaultRevealed);\n  const [caps, setCaps] = useState(false);\n  const checkCaps = (e: KeyboardEvent<HTMLInputElement>) => setCaps(kind === \"password\" && e.getModifierState?.(\"CapsLock\"));\n  return (\n    <Input\n      ref={ref}\n      type={revealed ? \"text\" : \"password\"}\n      autoComplete={kind === \"password\" ? \"current-password\" : \"off\"}\n      autoCorrect=\"off\"\n      autoCapitalize=\"off\"\n      spellCheck={false}\n      data-1p-ignore={kind === \"secret\" ? true : undefined}\n      data-lpignore={kind === \"secret\" ? \"true\" : undefined}\n      className={cn(className, revealed && \"mono\")}\n      description={caps ? t(\"sensitiveInput.capsLock\", \"Caps Lock is on.\") : description}\n      onKeyDown={(e) => {\n        checkCaps(e);\n        onKeyDown?.(e);\n      }}\n      onKeyUp={(e) => {\n        checkCaps(e);\n        onKeyUp?.(e);\n      }}\n      trailing={\n        <InputGroup.Button\n          icon={revealed ? __icon_ViewOffSlashIcon : __icon_ViewIcon}\n          aria-label={\n            kind === \"password\"\n              ? revealed\n                ? t(\"sensitiveInput.hidePassword\", \"Hide password\")\n                : t(\"sensitiveInput.showPassword\", \"Show password\")\n              : revealed\n                ? t(\"sensitiveInput.hide\", \"Hide\")\n                : t(\"sensitiveInput.show\", \"Show\")\n          }\n          onClick={() => setRevealed((r) => !r)}\n          disabled={props.disabled}\n        />\n      }\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SensitiveInput.displayName = \"SensitiveInput\";\n","import { forwardRef, useId, useRef, useState, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField } from \"../field/field.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_OTP_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"size-48 text-title\" },\n    sm: { classes: \"size-40 text-title-sm\" },\n  },\n} as const;\nexport const KAESO_OTP_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface OTPInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"value\" | \"defaultValue\" | \"onChange\" | \"size\" | \"maxLength\"> {\n  length?: number | undefined;\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  onComplete?: ((value: string) => void) | undefined;\n  invalid?: boolean | undefined;\n  size?: keyof typeof KAESO_OTP_INPUT_VARIANTS.size | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const OTPInput = /* @__PURE__ */ forwardRef<HTMLInputElement, OTPInputProps>(function OTPInput(\n  {\n    length = 6,\n    value,\n    defaultValue = \"\",\n    onValueChange,\n    onComplete,\n    invalid,\n    size = \"md\",\n    disabled,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n    ...props\n  },\n  ref,\n) {\n  const field = useField();\n  const t = useUiText();\n  const [inner, setInner] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const [sel, setSel] = useState(0);\n  const auto = useId();\n  const input = useRef<HTMLInputElement | null>(null);\n  const current = (value ?? inner).slice(0, length);\n  const set = (v: string) => {\n    const clean = v.replace(/\\D/g, \"\").slice(0, length);\n    if (value === undefined) setInner(clean);\n    onValueChange?.(clean);\n    if (clean.length === length) onComplete?.(clean);\n  };\n  const active = Math.min(sel, length - 1);\n  const isFocused = focused || force?.includes(\"focus\");\n  return (\n    <div className={cn(\"relative inline-flex gap-8\", className)} data-invalid={invalid || field?.invalid || undefined}>\n      {Array.from({ length }, (_, i) => {\n        const char = current[i] ?? \"\";\n        const isActive = isFocused && i === Math.min(current.length, length - 1) && (sel >= current.length || i === active);\n        return (\n          <div\n            key={i}\n            aria-hidden\n            className={cn(\n              \"flex items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control\",\n              KAESO_OTP_INPUT_VARIANTS.size[size].classes,\n              i === 2 && length === 6 && \"mr-8\",\n            )}\n            {...(invalid || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n            {...(disabled ? { \"data-disabled\": \"\" } : {})}\n            {...(isActive ? { \"data-focused\": \"\" } : {})}\n          >\n            {char || (isActive ? <span className=\"h-20 w-1 animate-pulse-quiet bg-fg\" /> : null)}\n          </div>\n        );\n      })}\n      <input\n        ref={(el) => {\n          input.current = el;\n          if (typeof ref === \"function\") ref(el);\n          else if (ref) ref.current = el;\n        }}\n        id={field?.controlId ?? id ?? `k-otp-${auto}`}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete=\"one-time-code\"\n        pattern=\"\\d*\"\n        maxLength={length}\n        value={current}\n        disabled={disabled}\n        aria-label={ariaLabel ?? (field ? undefined : t(\"otpInput.label\", \"Verification code\"))}\n        {...(field?.controlProps[\"aria-describedby\"] ? { \"aria-describedby\": field.controlProps[\"aria-describedby\"] } : {})}\n        {...(invalid || field?.invalid ? { \"aria-invalid\": true } : {})}\n        onChange={(e) => {\n          set(e.target.value);\n          setSel(e.target.selectionStart ?? e.target.value.length);\n        }}\n        onSelect={(e) => setSel((e.target as HTMLInputElement).selectionStart ?? 0)}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        className=\"absolute inset-0 h-full w-full cursor-text bg-transparent text-transparent caret-transparent opacity-0 outline-none disabled:cursor-not-allowed\"\n        {...props}\n      />\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") OTPInput.displayName = \"OTPInput\";\n","import { forwardRef, useRef, useState, type ClipboardEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TAG_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"min-h-36 p-4\" },\n  },\n} as const;\nexport const KAESO_TAG_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface TagInputProps extends FieldWrapProps {\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n  onInputValueChange?: ((draft: string) => void) | undefined;\n  placeholder?: string | undefined;\n  validate?: ((tag: string) => true | string) | undefined;\n  separators?: string[] | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  className?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const TagInput = /* @__PURE__ */ forwardRef<HTMLInputElement, TagInputProps>(function TagInput(props, ref) {\n  const {\n    value,\n    defaultValue = [],\n    onValueChange,\n    onInputValueChange,\n    placeholder,\n    validate,\n    separators = [\",\", \" \", \";\"],\n    disabled,\n    id,\n    name,\n    className,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const t = useUiText();\n  const [inner, setInner] = useState<string[]>(defaultValue);\n  const [draft, setDraftState] = useState(\"\");\n  const setDraft = (next: string) => {\n    setDraftState(next);\n    onInputValueChange?.(next);\n  };\n  const input = useRef<HTMLInputElement | null>(null);\n  const tags = value ?? inner;\n  const set = (next: string[]) => {\n    if (value === undefined) setInner(next);\n    onValueChange?.(next);\n  };\n  const splitter = new RegExp(`[${separators.map((s) => s.replace(/[\\]\\\\^-]/g, \"\\\\$&\")).join(\"\")}\\\\n\\\\t]+`);\n  const add = (raw: string) => {\n    const parts = raw\n      .split(splitter)\n      .map((p) => p.trim())\n      .filter(Boolean)\n      .filter((p) => !tags.includes(p));\n    if (parts.length) set([...tags, ...parts]);\n    setDraft(\"\");\n  };\n  const messages = tags.map((tag) => (validate ? validate(tag) : true));\n  const firstError = messages.find((m) => m !== true);\n  const fieldError = error ?? (typeof firstError === \"string\" ? firstError : undefined);\n  const control = (\n    <div\n      className={cn(\n        \"flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text\",\n        KAESO_TAG_INPUT_VARIANTS.size.md.classes,\n        disabled && \"cursor-not-allowed\",\n        !(label || description || fieldError) && className,\n      )}\n      {...(fieldError || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n      {...(disabled ? { \"data-disabled\": \"\" } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      onMouseDown={(e) => {\n        if (e.target === e.currentTarget) {\n          e.preventDefault();\n          input.current?.focus();\n        }\n      }}\n    >\n      {tags.map((tag, i) => {\n        const message = messages[i];\n        return (\n          <Tag\n            key={tag}\n            invalid={message !== true}\n            {...(disabled ? {} : { onRemove: () => set(tags.filter((x) => x !== tag)), removeLabel: t(\"tagInput.remove\", \"Remove {tag}\", { tag }) })}\n          >\n            {typeof message === \"string\" ? (\n              <Tooltip content={message}>\n                <span>{tag}</span>\n              </Tooltip>\n            ) : (\n              tag\n            )}\n          </Tag>\n        );\n      })}\n      <input\n        ref={(el) => {\n          input.current = el;\n          if (typeof ref === \"function\") ref(el);\n          else if (ref) ref.current = el;\n        }}\n        {...(id ? { id } : {})}\n        {...fc.controlProps}\n        {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n        {...(fieldError ? { \"aria-invalid\": true } : {})}\n        disabled={disabled}\n        required={required && tags.length === 0}\n        {...(required ? { \"aria-required\": true } : {})}\n        value={draft}\n        placeholder={tags.length ? undefined : placeholder}\n        onChange={(e) => {\n          const v = e.target.value;\n          if (separators.some((s) => v.endsWith(s))) add(v);\n          else setDraft(v);\n        }}\n        onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n          if (e.key === \"Enter\" && draft.trim()) {\n            e.preventDefault();\n            add(draft);\n          } else if (e.key === \"Backspace\" && !draft && tags.length) {\n            set(tags.slice(0, -1));\n          }\n        }}\n        onPaste={(e: ClipboardEvent<HTMLInputElement>) => {\n          const text = e.clipboardData.getData(\"text\");\n          if (splitter.test(text)) {\n            e.preventDefault();\n            add(draft + text);\n          }\n        }}\n        onBlur={() => draft.trim() && add(draft)}\n        className={cn(\n          \"my-4 min-w-80 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\",\n          tags.length === 0 && \"pl-12\",\n        )}\n      />\n      {name && <input type=\"hidden\" name={name} value={tags.join(\",\")} />}\n    </div>\n  );\n  if (field) return control;\n  return withField({ label, description, error: fieldError, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") TagInput.displayName = \"TagInput\";\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":["_Fragment","__icon_Alert02Icon","__icon_ViewOffSlashIcon","__icon_ViewIcon","cn","useUiText","Icon","useField","useFieldControl","withField","LEADING","KAESO_INPUT_GROUP_VARIANTS","InputGroup","useInputGroupSize","KAESO_INPUT_GROUP_DEFAULT_VARIANTS","INPUT_ICON_SIZE","KAESO_SEARCH_INPUT_VARIANTS","KAESO_SEARCH_INPUT_DEFAULT_VARIANTS","KAESO_INPUT_DEFAULT_VARIANTS","SearchInput","KAESO_INPUT_VARIANTS","Input","KAESO_NUMBER_INPUT_VARIANTS","compareDecimal","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","groupDecimal","KAESO_TEXTAREA_VARIANTS","NumberInput","Textarea","addDecimal","KAESO_TEXTAREA_DEFAULT_VARIANTS","Tag","Fragment$1","KAESO_SENSITIVE_INPUT_VARIANTS","KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS","SensitiveInput","props","t","revealed","setRevealed","useState","defaultRevealed","caps","setCaps","checkCaps","kind","e","onBlur","onKeyDown","onKeyUp","Alert02Icon","ViewOffSlashIcon","ViewIcon","r","KAESO_OTP_INPUT_VARIANTS","KAESO_OTP_INPUT_DEFAULT_VARIANTS","OTPInput","ariaLabel","force","field","inner","setInner","defaultValue","focused","setFocused","current","value","length","sel","setSel","auto","useId","input","useRef","cells","pending","set","clean","v","onValueChange","onComplete","select","at","i","text","caret","edit","digits","next","start","end","className","invalid","char","isActive","el","size","disabled","ref","id","typed","onPaste","to","hit","c","onClick","onFocus","KAESO_TAG_INPUT_VARIANTS","KAESO_TAG_INPUT_DEFAULT_VARIANTS","TagInput","fc","draft","setDraftState","setDraft","onInputValueChange","armed","setArmed","status","setStatus","tags","splitter","separators","s","add","parts","raw","p","remove","tag","index","arm","messages","validate","firstError","m","fieldError","error","control","label","description","message","Tooltip","required","placeholder","atStart","name"],"sources":["../../src/components/input/sensitive-input.tsx","../../src/components/input/otp-input.tsx","../../src/components/input/tag-input.tsx"],"sourcesContent":["import { forwardRef, useState, type KeyboardEvent } from \"react\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { Alert02Icon as __icon_Alert02Icon, ViewOffSlashIcon as __icon_ViewOffSlashIcon, ViewIcon as __icon_ViewIcon } from \"@hugeicons/core-free-icons\";\nimport { Icon } from \"../icon/icon.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_SENSITIVE_INPUT_VARIANTS = {\n  kind: {\n    secret: { classes: \"\" },\n    password: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS = { kind: \"secret\" } as const;\n\nexport interface SensitiveInputProps extends Omit<InputProps, \"type\" | \"trailing\"> {\n  kind?: keyof typeof KAESO_SENSITIVE_INPUT_VARIANTS.kind | undefined;\n  defaultRevealed?: boolean | undefined;\n}\n\nexport const SensitiveInput = /* @__PURE__ */ forwardRef<HTMLInputElement, SensitiveInputProps>(function SensitiveInput(\n  { kind = \"secret\", defaultRevealed = false, onKeyDown, onKeyUp, onBlur, ...props },\n  ref,\n) {\n  const t = useUiText();\n  const [revealed, setRevealed] = useState(defaultRevealed);\n  const [caps, setCaps] = useState(false);\n  const checkCaps = (e: KeyboardEvent<HTMLInputElement>) => setCaps(kind === \"password\" && e.getModifierState?.(\"CapsLock\"));\n  return (\n    <Input\n      ref={ref}\n      type={revealed ? \"text\" : \"password\"}\n      autoComplete={kind === \"password\" ? \"current-password\" : \"off\"}\n      autoCorrect=\"off\"\n      autoCapitalize=\"off\"\n      spellCheck={false}\n      data-1p-ignore={kind === \"secret\" ? true : undefined}\n      data-lpignore={kind === \"secret\" ? \"true\" : undefined}\n      data-mono={revealed || undefined}\n      onBlur={(e) => {\n        setCaps(false);\n        onBlur?.(e);\n      }}\n      onKeyDown={(e) => {\n        checkCaps(e);\n        onKeyDown?.(e);\n      }}\n      onKeyUp={(e) => {\n        checkCaps(e);\n        onKeyUp?.(e);\n      }}\n      trailing={\n        <>\n          {kind === \"password\" && (\n            <span className=\"inline-flex shrink-0 items-center gap-4 text-small text-warning-text select-none\">\n              {caps && <Icon icon={__icon_Alert02Icon} size=\"sm\" />}\n              {caps && t(\"sensitiveInput.capsLockShort\", \"Caps Lock\")}\n              <span role=\"status\" className=\"sr-only\">\n                {caps ? t(\"sensitiveInput.capsLock\", \"Caps Lock is on.\") : \"\"}\n              </span>\n            </span>\n          )}\n          <InputGroup.Button\n            icon={revealed ? __icon_ViewOffSlashIcon : __icon_ViewIcon}\n            aria-label={\n              kind === \"password\"\n                ? revealed\n                  ? t(\"sensitiveInput.hidePassword\", \"Hide password\")\n                  : t(\"sensitiveInput.showPassword\", \"Show password\")\n                : revealed\n                  ? t(\"sensitiveInput.hideKey\", \"Hide key\")\n                  : t(\"sensitiveInput.showKey\", \"Show key\")\n            }\n            onClick={() => setRevealed((r) => !r)}\n            disabled={props.disabled}\n          />\n        </>\n      }\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SensitiveInput.displayName = \"SensitiveInput\";\n","import {\n  forwardRef,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n} from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField } from \"../field/field.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_OTP_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"w-48 text-title\" },\n    sm: { classes: \"w-40 text-title-sm\" },\n  },\n} as const;\nexport const KAESO_OTP_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface OTPInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"value\" | \"defaultValue\" | \"onChange\" | \"size\" | \"maxLength\"> {\n  length?: number | undefined;\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  onComplete?: ((value: string) => void) | undefined;\n  invalid?: boolean | undefined;\n  size?: keyof typeof KAESO_OTP_INPUT_VARIANTS.size | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const OTPInput = /* @__PURE__ */ forwardRef<HTMLInputElement, OTPInputProps>(function OTPInput(\n  {\n    length = 6,\n    value,\n    defaultValue = \"\",\n    onValueChange,\n    onComplete,\n    invalid,\n    size = \"md\",\n    disabled,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onPaste,\n    onClick,\n    ...props\n  },\n  ref,\n) {\n  const field = useField();\n  const t = useUiText();\n  const [inner, setInner] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const current = (value ?? inner).slice(0, length);\n  const [sel, setSel] = useState(current.length);\n  const auto = useId();\n  const input = useRef<HTMLInputElement | null>(null);\n  const cells = useRef<(HTMLDivElement | null)[]>([]);\n  const pending = useRef<number | null>(null);\n  const set = (v: string) => {\n    const clean = v.replace(/\\D/g, \"\").slice(0, length);\n    if (value === undefined) setInner(clean);\n    onValueChange?.(clean);\n    if (clean.length === length) onComplete?.(clean);\n    return clean;\n  };\n  const select = (i: number, text = current) => {\n    const at = Math.max(0, Math.min(i, text.length, length - 1));\n    input.current?.setSelectionRange(at, at < text.length ? at + 1 : at);\n    setSel(at);\n  };\n  useLayoutEffect(() => {\n    if (pending.current === null) return;\n    const at = pending.current;\n    pending.current = null;\n    if (document.activeElement === input.current) select(at);\n  });\n  const isFocused = focused || !!force?.includes(\"focus\");\n  const caret = isFocused ? Math.min(sel, length - 1) : -1;\n  const edit = (start: number, end: number, text: string) => {\n    const digits = text.replace(/\\D/g, \"\");\n    const next = digits.length >= length ? set(digits) : set(current.slice(0, start) + digits + current.slice(end));\n    pending.current = Math.min(digits.length >= length ? next.length : start + digits.length, next.length);\n  };\n  return (\n    <div className={cn(\"relative inline-flex max-w-full gap-8\", className)} data-invalid={invalid || field?.invalid || undefined}>\n      {Array.from({ length }, (_, i) => {\n        const char = current[i] ?? \"\";\n        const isActive = i === caret;\n        return (\n          <div\n            key={i}\n            ref={(el) => {\n              cells.current[i] = el;\n            }}\n            aria-hidden\n            className={cn(\n              \"flex aspect-square min-w-0 shrink items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control\",\n              KAESO_OTP_INPUT_VARIANTS.size[size].classes,\n              i === 2 && length === 6 && \"mr-8\",\n            )}\n            {...(invalid || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n            {...(disabled ? { \"data-disabled\": \"\" } : {})}\n            {...(isActive ? { \"data-focused\": \"\" } : {})}\n          >\n            {char || (isActive ? <span className=\"h-20 w-1 bg-fg forced-line\" /> : null)}\n          </div>\n        );\n      })}\n      <input\n        ref={(el) => {\n          input.current = el;\n          if (typeof ref === \"function\") ref(el);\n          else if (ref) ref.current = el;\n        }}\n        id={field?.controlId ?? id ?? `k-otp-${auto}`}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete=\"one-time-code\"\n        pattern=\"\\d*\"\n        value={current}\n        disabled={disabled}\n        aria-label={ariaLabel ?? (field ? undefined : t(\"otpInput.label\", \"Verification code\"))}\n        {...(field?.controlProps[\"aria-describedby\"] ? { \"aria-describedby\": field.controlProps[\"aria-describedby\"] } : {})}\n        {...(invalid || field?.invalid ? { \"aria-invalid\": true } : {})}\n        onChange={(e) => {\n          const typed = e.target.value;\n          const at = e.target.selectionStart ?? typed.length;\n          const next = set(typed);\n          pending.current = Math.min(typed.slice(0, at).replace(/\\D/g, \"\").length, next.length);\n        }}\n        onPaste={(e: ClipboardEvent<HTMLInputElement>) => {\n          e.preventDefault();\n          const el = e.currentTarget;\n          edit(el.selectionStart ?? current.length, el.selectionEnd ?? current.length, e.clipboardData.getData(\"text\"));\n          onPaste?.(e);\n        }}\n        onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n          const start = e.currentTarget.selectionStart ?? current.length;\n          const moves: Record<string, number> = { ArrowLeft: start - 1, ArrowRight: start + 1, Home: 0, End: current.length };\n          const to = moves[e.key];\n          if (to !== undefined && !e.shiftKey && !e.metaKey && !e.ctrlKey && !e.altKey) {\n            e.preventDefault();\n            select(to);\n          }\n          onKeyDown?.(e);\n        }}\n        onClick={(e: MouseEvent<HTMLInputElement>) => {\n          const hit = cells.current.findIndex((c) => {\n            const r = c?.getBoundingClientRect();\n            return !!r && r.width > 0 && e.clientX >= r.left - 4 && e.clientX <= r.right + 4;\n          });\n          select(hit < 0 ? current.length : hit);\n          onClick?.(e);\n        }}\n        onSelect={(e) => setSel((e.target as HTMLInputElement).selectionStart ?? 0)}\n        onFocus={(e) => {\n          setFocused(true);\n          onFocus?.(e);\n          select(current.length);\n        }}\n        onBlur={(e) => {\n          setFocused(false);\n          onBlur?.(e);\n        }}\n        className=\"absolute inset-0 h-full w-full cursor-text bg-transparent text-transparent caret-transparent opacity-0 outline-none disabled:cursor-not-allowed\"\n        {...props}\n      />\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") OTPInput.displayName = \"OTPInput\";\n","import { forwardRef, useRef, useState, type ClipboardEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TAG_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"min-h-36 p-4\" },\n  },\n} as const;\nexport const KAESO_TAG_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface TagInputProps extends FieldWrapProps {\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n  onInputValueChange?: ((draft: string) => void) | undefined;\n  placeholder?: string | undefined;\n  validate?: ((tag: string) => true | string) | undefined;\n  separators?: string[] | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  className?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const TagInput = /* @__PURE__ */ forwardRef<HTMLInputElement, TagInputProps>(function TagInput(props, ref) {\n  const {\n    value,\n    defaultValue = [],\n    onValueChange,\n    onInputValueChange,\n    placeholder,\n    validate,\n    separators = [\",\", \" \", \";\"],\n    disabled,\n    id,\n    name,\n    className,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const t = useUiText();\n  const [inner, setInner] = useState<string[]>(defaultValue);\n  const [draft, setDraftState] = useState(\"\");\n  const setDraft = (next: string) => {\n    setDraftState(next);\n    onInputValueChange?.(next);\n  };\n  const input = useRef<HTMLInputElement | null>(null);\n  const [armed, setArmed] = useState<number | null>(null);\n  const [status, setStatus] = useState(\"\");\n  const tags = value ?? inner;\n  const set = (next: string[]) => {\n    if (value === undefined) setInner(next);\n    onValueChange?.(next);\n  };\n  const splitter = new RegExp(`[${separators.map((s) => s.replace(/[\\]\\\\^-]/g, \"\\\\$&\")).join(\"\")}\\\\n\\\\t]+`);\n  const add = (raw: string) => {\n    const parts = raw\n      .split(splitter)\n      .map((p) => p.trim())\n      .filter(Boolean)\n      .filter((p) => !tags.includes(p));\n    if (parts.length) set([...tags, ...parts]);\n    setDraft(\"\");\n  };\n  const remove = (index: number) => {\n    const tag = tags[index];\n    if (tag === undefined) return;\n    set(tags.filter((_, i) => i !== index));\n    setArmed(null);\n    setStatus(t(\"tagInput.removed\", \"Removed {tag}\", { tag }));\n  };\n  const arm = (index: number | null) => {\n    setArmed(index);\n    const tag = index === null ? undefined : tags[index];\n    setStatus(tag === undefined ? \"\" : t(\"tagInput.selected\", \"{tag} selected. Press Backspace to remove it.\", { tag }));\n  };\n  const messages = tags.map((tag) => (validate ? validate(tag) : true));\n  const firstError = messages.find((m) => m !== true);\n  const fieldError = error ?? (typeof firstError === \"string\" ? firstError : undefined);\n  const control = (\n    <div\n      className={cn(\n        \"flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text\",\n        KAESO_TAG_INPUT_VARIANTS.size.md.classes,\n        disabled && \"cursor-not-allowed\",\n        !(label || description || fieldError) && className,\n      )}\n      {...(fieldError || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n      {...(disabled ? { \"data-disabled\": \"\" } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      onMouseDown={(e) => {\n        if (e.target === e.currentTarget) {\n          e.preventDefault();\n          input.current?.focus();\n        }\n      }}\n    >\n      {tags.map((tag, i) => {\n        const message = messages[i];\n        return (\n          <Tag\n            key={tag}\n            invalid={message !== true}\n            {...(disabled ? { variant: \"soft\" as const } : {})}\n            className=\"focus-ring\"\n            {...(armed === i ? { \"data-force\": \"focus\" } : {})}\n            {...(disabled\n              ? {}\n              : {\n                  onRemove: () => {\n                    remove(i);\n                    input.current?.focus();\n                  },\n                  removeLabel: t(\"tagInput.remove\", \"Remove {tag}\", { tag }),\n                })}\n          >\n            {typeof message === \"string\" ? (\n              <Tooltip content={message}>\n                <span>{tag}</span>\n              </Tooltip>\n            ) : (\n              tag\n            )}\n          </Tag>\n        );\n      })}\n      <input\n        ref={(el) => {\n          input.current = el;\n          if (typeof ref === \"function\") ref(el);\n          else if (ref) ref.current = el;\n        }}\n        {...(id ? { id } : {})}\n        {...fc.controlProps}\n        {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n        {...(fieldError ? { \"aria-invalid\": true } : {})}\n        disabled={disabled}\n        required={required && tags.length === 0}\n        {...(required ? { \"aria-required\": true } : {})}\n        value={draft}\n        placeholder={tags.length ? undefined : placeholder}\n        onChange={(e) => {\n          if (armed !== null) arm(null);\n          const v = e.target.value;\n          if (separators.some((s) => v.endsWith(s))) add(v);\n          else setDraft(v);\n        }}\n        onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n          const atStart = e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === 0;\n          if (e.key === \"Enter\" && draft.trim()) {\n            e.preventDefault();\n            add(draft);\n          } else if ((e.key === \"Backspace\" || e.key === \"Delete\") && armed !== null) {\n            e.preventDefault();\n            remove(armed);\n          } else if (e.key === \"Backspace\" && atStart && tags.length) {\n            e.preventDefault();\n            arm(tags.length - 1);\n          } else if (e.key === \"ArrowLeft\" && atStart && tags.length) {\n            e.preventDefault();\n            arm(armed === null ? tags.length - 1 : Math.max(0, armed - 1));\n          } else if (e.key === \"ArrowRight\" && armed !== null) {\n            e.preventDefault();\n            arm(armed + 1 < tags.length ? armed + 1 : null);\n          } else if (e.key === \"Escape\" && armed !== null) {\n            e.stopPropagation();\n            arm(null);\n          }\n        }}\n        onPaste={(e: ClipboardEvent<HTMLInputElement>) => {\n          const text = e.clipboardData.getData(\"text\");\n          if (splitter.test(text)) {\n            e.preventDefault();\n            add(draft + text);\n          }\n        }}\n        onBlur={() => {\n          setArmed(null);\n          if (draft.trim()) add(draft);\n        }}\n        className={cn(\n          \"my-4 min-w-32 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\",\n          tags.length === 0 && \"ps-10\",\n        )}\n      />\n      {name && <input type=\"hidden\" name={name} value={tags.join(\",\")} />}\n      <span role=\"status\" className=\"sr-only\">\n        {status}\n      </span>\n    </div>\n  );\n  if (field) return control;\n  return withField({ label, description, error: fieldError, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") TagInput.displayName = \"TagInput\";\n"],"mappings":"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"}