@iamfiro/design 0.1.0 → 0.3.0

package/lib/components/TagInput/TagInput2.js

@@ -0,0 +1,360 @@
+"use client";
+const e = t;
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (parseInt(r(537)) / 1 * (-parseInt(r(531)) / 2) + parseInt(r(572)) / 3 * (-parseInt(r(578)) / 4) + -parseInt(r(508)) / 5 * (parseInt(r(570)) / 6) + parseInt(r(506)) / 7 * (parseInt(r(523)) / 8) + -parseInt(r(551)) / 9 + -parseInt(r(519)) / 10 + parseInt(r(538)) / 11 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(d, 398990);
+function t(e, n) {
+	e -= 494;
+	let r = d(), i = r[e];
+	t.TlpGPz === void 0 && (t.OUUMCD = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, t.sGsYht = {}, t.TlpGPz = !0);
+	let a = r[0];
+	t.fDqrGw !== a && (t.sGsYht = {}, t.fDqrGw = a);
+	let o = t.sGsYht[e];
+	return o === void 0 ? (i = t.OUUMCD(i), t.sGsYht[e] = i) : i = o, i;
+}
+import { usePresence as n } from "../../hooks/usePresence.js";
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+import { cx as i } from "../../primitives/index.js";
+import { Listbox as a, ListboxPopover as o, nextEnabled as s, optionId as ee } from "../Listbox/Listbox2.js";
+/* empty css         */
+import { useEffect as c, useId as te, useMemo as ne, useRef as l, useState as u } from "react";
+function d() {
+	let e = /* @__PURE__ */ "AxndB21WB3nPBMC.z2v0rgf0yq.mtGYnLbcswDUEG.vgfI.BgvHDMLUzW.zgL2.ioY2LoYYNa.lMrZlxrHz2LUChv0x19ZBg90.nZLiv2rgtfu.mJm0mda4ntbuAxnzu28.zhmTDgfNAw5WDxrFx3rHzW.qMfJA3nWywnL.C2vSzwn0Aw9Uu3rHCNq.ChvZAa.zhmTy29UDhjVBa.zhmTDgfNAw5WDxrFx3jLBw92zq.zM9JDxm.y3vYCMvUDfrHCMDLDa.C3bSAxq.ChjLDMvUDerLzMf1Bhq.BgvUz3rO.ioYcREYGNa.mtG4mte0nefHz2rfqG.CMvWBgfJzq.C3bHBG.C3rVCfbYB3bHz2f0Aw9U.ioYcREYGNoUqQa.BwvZC2fNzq.DhjPBq.ioYiMoYGLq.Aw5WDxq.rgvSzxrL.BMf0AxzLrxzLBNq.7j6f66cLio2BHcbfBNrLCG.Dg9mB3DLCKnHC2u.Cg9W.AM9PBG.y3vYCMvUDa.CMvHC29U.Dgv4Da.lwXPC3q.ndHSsKXjB2S.Aw5JBhvKzxm.ntu0nZG3Cgjku0L5.BwfW.AgLKzgvU.ioY2LoQWGoUqQa.C2XPy2u.DMfSDwu.mtjnCuLXywO.zMLSDgvY.zhmTC3iTB25SEq.C2v0.zgfUz2vY.A2v5.Bwf4.qxjYB3DsAwDODa.DgfYz2v0.zhmTDgfNAw5WDxrFx2LJB24.rw50zxi.zhmTDgfNAw5WDxrFx3nSB3q.z2v0.zhmTDgfNAw5WDxrFx2vKAxrVCG.C2vSzwn0Aw9Urw5K.y2XVC2LUzW.sg9Tzq.Aw52ywXPza.Bwv0yuTLEq.mtrqvfLhrMW.qxjYB3DeB3DU.nda3mdiWuxHwrefr.zhmTDgfNAw5WDxqTlq.C29YDa.C29Tzq.y2XVC2vZDa.zMLUzeLUzgv4.C2HPzNrlzxK.Aw5KzxG.C2v0vgLTzw91Da.zhvWBgLJyxrL.qxjYB3DvCa.ndK1mZm2mefuvMLluq.zgf0yq.C3bSAwnL.Cg9SAxrL.mtaXnJu1mNHZtM1SrG.zhmTDgfNAw5WDxrFx2XHyMvS.y2XLyxjuAw1LB3v0.y29TyM9IB3G.zhvW.rxnJyxbL".split(".");
+	return d = function() {
+		return e;
+	}, d();
+}
+import { X as re } from "lucide-react";
+import { Fragment as ie, jsx as f, jsxs as p } from "react/jsx-runtime";
+var ae = 220, m = (t) => t.trim()[e(563)](), oe = (t) => t[e(552)](/[.*+?^${}()|[\]\\]/g, "\\$&"), se = (t) => {
+	let n = e, r = /* @__PURE__ */ new Map();
+	return t[n(573)]((e) => {
+		let t = n, i = r[t(499)](e) ?? 0;
+		return r[t(581)](e, i + 1), e + "\0" + i;
+	});
+};
+function h({ value: t, defaultValue: d = [], onValueChange: h, delimiters: g = [
+	e(497),
+	e(532),
+	","
+], validate: _, allowInvalid: v, allowDuplicates: ce, transform: le = (e) => e, max: y, suggestions: b, onReject: ue, editable: de = !0, placeholder: fe = e(562), size: pe = "md", disabled: x, invalid: me, leading: S, name: he, id: ge, className: _e, maxHeight: ve, "aria-label": C, "aria-labelledby": ye, "aria-describedby": be }) {
+	let w = e, T = te() + w(569), [E, D] = r(t, d, h), [O, k] = u(""), [A, j] = u(!1), [M, N] = u(-1), [P, F] = u(null), [xe, I] = u([]), [L, Se] = u(null), [Ce, we] = u(""), [Te, Ee] = u(!1), [R, z] = u(-1), [De, Oe] = u(!1), ke = l(null), B = l(null), V = l(null), Ae = l(null), H = l(0), U = l(!1), W = se(E), [je] = u(() => new Set(W)), G = g[w(579)]((e) => e[w(549)] === 1), Me = y !== void 0 && E[w(549)] >= y;
+	c(() => () => window[w(525)](H[w(566)]), []);
+	let Ne = P?.[w(515)] ?? -1;
+	c(() => {
+		let e = w;
+		Ne < 0 || (V[e(566)]?.[e(545)](), V[e(566)]?.select());
+	}, [Ne]);
+	let Pe = (e, t) => _ ? _(e, t) !== !0 : !1, Fe = (e, t, n = !1) => {
+		let r = w;
+		if (!n && y !== void 0 && t.length >= y) return {
+			ok: !1,
+			reason: "max"
+		};
+		if (!ce) {
+			let n = t[r(513)]((t) => m(t) === m(e));
+			if (n >= 0) return {
+				ok: !1,
+				reason: r(517),
+				dup: n
+			};
+		}
+		if (_) {
+			let n = _(e, t);
+			if (n !== !0) return v ? {
+				ok: !0,
+				danger: !0
+			} : {
+				ok: !1,
+				reason: r(504),
+				message: typeof n == "string" ? n : void 0
+			};
+		}
+		return {
+			ok: !0,
+			danger: !1
+		};
+	}, Ie = (e) => {
+		let t = w;
+		window[t(525)](H.current), Se((t) => ({
+			target: e,
+			n: (t?.n ?? 0) + 1
+		})), H[t(566)] = window[t(516)](() => Se(null), 480);
+	}, Le = (e) => le(e[w(557)]())[w(557)](), K = (e) => {
+		let t = w, n = [...E], r = [], i = null, a = !1;
+		for (let o of e) {
+			let e = Le(o);
+			if (!e) continue;
+			let s = Fe(e, n);
+			s.ok ? n[t(542)](e) : (r[t(542)](o[t(557)]()), ue?.(e, s.reason, s[t(556)]), s[t(567)] === "duplicate" ? i = s[t(527)] ?? -1 : (i = -1, s.reason === t(504) && (a = !0)));
+		}
+		let o = n.slice(E[t(549)]);
+		return o[t(549)] && (D(n), we(o.join(", ") + t(575))), i !== null && Ie(i), j(a), r;
+	}, q = (e) => {
+		let t = w, n = E[e];
+		if (n === void 0) return;
+		let r = {
+			key: W[e],
+			text: n,
+			index: e,
+			danger: v ? Pe(n, E) : !1
+		};
+		I((e) => [...e.filter((e) => e[t(583)] !== r.key), r]), window[t(516)](() => I((e) => e.filter((e) => e !== r)), ae), D(E.filter((t, n) => n !== e)), we(n + t(555));
+	}, J = () => requestAnimationFrame(() => B[w(566)]?.[w(545)]()), Re = (e) => {
+		let t = w;
+		de && !x && (N(-1), U[t(566)] = !1, F({
+			index: e,
+			text: E[e]
+		}));
+	}, ze = (e = !0) => {
+		let t = w;
+		if (!P) return !0;
+		let { index: n } = P, r = Le(P.text);
+		if (!r) return F(null), q(n), e && J(), !0;
+		if (r !== E[n]) {
+			let e = E[t(579)]((e, t) => t !== n), i = Fe(r, e, !0);
+			if (!i.ok) return ue?.(r, i[t(567)], i[t(556)]), Ie(i[t(567)] === t(517) && i[t(527)] !== void 0 ? i.dup >= n ? i[t(527)] + 1 : i[t(527)] : n), !1;
+			let a = [...E];
+			a[n] = r, D(a);
+		}
+		return F(null), e && J(), !0;
+	}, Y = ne(() => {
+		let e = w, t = m(O);
+		return !b || !t ? [] : b.filter((n) => m(n)[e(571)](t) && !E[e(511)]((e) => m(e) === m(n)))[e(576)](0, 50);
+	}, [
+		b,
+		O,
+		E
+	]), X = Te && !De && !P && !Me && Y[w(549)] > 0, Be = n(X), [Z, Ve] = u([]);
+	X && Z.join("\0") !== Y[w(565)]("\0") && Ve(Y);
+	let He = Z[w(573)]((e) => ({
+		value: e,
+		label: e
+	})), Ue = (e) => {
+		let t = w;
+		K([e])[t(549)] || k(""), z(-1);
+	}, We = () => {
+		let e = w;
+		K([O])[e(549)] || k("");
+	}, Ge = (e) => {
+		let t = w;
+		if (e[t(561)].isComposing || e.keyCode === 229) return;
+		let n = e[t(546)], r = n[t(541)] === 0 && n[t(501)] === 0;
+		if (X) {
+			if (e[t(583)] === t(507) || e.key === t(518)) {
+				e[t(548)](), z(s(He, R, e.key === "ArrowDown" ? 1 : -1));
+				return;
+			}
+			if (e[t(583)] === "Enter" && R >= 0 && Z[R]) {
+				e.preventDefault(), Ue(Z[R]);
+				return;
+			}
+			if (e[t(583)] === t(528)) {
+				e[t(548)](), Oe(!0), z(-1);
+				return;
+			}
+		}
+		switch (e.key) {
+			case "ArrowLeft":
+				M >= 0 ? (e.preventDefault(), N(Math[t(584)](0, M - 1))) : r && E[t(549)] && (e.preventDefault(), N(E[t(549)] - 1));
+				break;
+			case t(494):
+				M >= 0 && (e[t(548)](), N(M + 1 >= E[t(549)] ? -1 : M + 1));
+				break;
+			case t(503):
+				(M >= 0 || r && E.length) && (e.preventDefault(), N(E[t(549)] ? 0 : -1));
+				break;
+			case "End":
+				M >= 0 && (e[t(548)](), N(-1));
+				break;
+			case t(540):
+			case t(560):
+				M >= 0 ? (e.preventDefault(), q(M), N(-1)) : e[t(583)] === t(540) && !O && E.length && (e[t(548)](), N(E[t(549)] - 1));
+				break;
+			case "Escape":
+				M >= 0 && (e.preventDefault(), N(-1));
+				break;
+			case t(497):
+				M >= 0 ? (e[t(548)](), Re(M)) : g.includes("Enter") && O[t(557)]() && (e[t(548)](), We());
+				break;
+			case t(532):
+				g[t(571)](t(532)) && O.trim() && !e[t(514)] && (e[t(548)](), We());
+				break;
+			default: M >= 0 && e[t(583)][t(549)] === 1 && !e.ctrlKey && !e[t(505)] && N(-1);
+		}
+	}, Q = (e) => {
+		let t = w, n = [...G, ...e];
+		return n[t(549)] ? new RegExp(n[t(573)](oe)[t(565)]("|")) : null;
+	}, Ke = (e) => {
+		let t = w, n = e[t(546)][t(577)];
+		N(-1), j(!1), Oe(!1), z(-1);
+		let r = e[t(561)][t(520)] ?? "", i = Q([]);
+		if (i && G[t(511)]((e) => r[t(571)](e))) {
+			let e = n.split(i), r = e[t(564)]() ?? "", a = K(e);
+			k([...a, r][t(579)](Boolean)[t(565)](G[0] + " "));
+		} else k(n);
+	}, qe = (e) => {
+		let t = w, n = e.clipboardData[t(530)](t(568)), r = [...g[t(571)](t(497)) ? [
+			"\r\n",
+			"\n",
+			"\r"
+		] : [], ...g[t(571)](t(532)) ? ["	"] : []], i = Q(r);
+		if (!i || !i.test(n)) return;
+		e.preventDefault();
+		let a = e[t(546)], o = O[t(576)](0, a.selectionStart ?? O.length), s = O[t(576)](a[t(501)] ?? O[t(549)]), ee = K(("" + o + n + s)[t(547)](i));
+		k(ee[t(565)]((G[0] ?? ",") + " "));
+	}, $ = E[w(573)]((e, t) => ({
+		key: W[t],
+		text: e,
+		index: t,
+		leaving: !1,
+		danger: v ? Pe(e, E) : !1
+	}));
+	for (let e of [...xe][w(510)]((e, t) => e[w(515)] - t[w(515)])) $[w(511)]((t) => t.key === e[w(583)]) || $[w(521)](Math.min(e.index, $[w(549)]), 0, {
+		...e,
+		index: -1,
+		leaving: !0
+	});
+	let Je = L?.[w(495)] === -1 ? L.n % 2 ? "a" : "b" : void 0;
+	return p(ie, { children: [
+		p(w(534), {
+			ref: ke,
+			className: i(w(543), "ds-taginput", pe !== "md" && w(509) + pe, _e),
+			"data-tags": E[w(549)] > 0 || void 0,
+			"data-invalid": me || A || void 0,
+			"data-disabled": x || void 0,
+			"data-shake": Je,
+			onPointerDown: (e) => {
+				let t = w;
+				x || e[t(495)] === B[t(566)] || e.target[t(512)](t(536)) || (e[t(548)](), N(-1), B[t(566)]?.[t(545)]());
+			},
+			children: [
+				S && f("span", {
+					className: w(496),
+					children: S
+				}),
+				$[w(573)]((e) => {
+					let t = w, n = !e[t(533)] && P?.index === e[t(515)], r = L && L.target === e.index && !e[t(533)] ? L.n % 2 ? "a" : "b" : void 0;
+					return f(t(553), {
+						className: t(498),
+						"data-leaving": e[t(533)] || void 0,
+						"data-new": !je.has(e.key) || void 0,
+						"data-shake": r,
+						children: n && P ? f(t(553), {
+							className: t(500),
+							"data-value": P[t(568)],
+							children: f(t(559), {
+								ref: V,
+								"aria-label": e[t(568)] + t(558),
+								value: P[t(568)],
+								size: 1,
+								onChange: (t) => F({
+									index: e.index,
+									text: t.target.value
+								}),
+								onKeyDown: (e) => {
+									let n = t;
+									e[n(561)][n(529)] || e.keyCode === 229 || (e[n(583)] === n(497) ? (e[n(548)](), ze() && (U[n(566)] = !0)) : e[n(583)] === n(528) && (e[n(548)](), U.current = !0, F(null), J()));
+								},
+								onBlur: () => {
+									U[t(566)] || ze(!1) || F(null);
+								}
+							})
+						}) : p(t(553), {
+							className: t(539),
+							"data-active": !e.leaving && e[t(515)] === M || void 0,
+							"data-tone": e[t(582)] ? t(582) : void 0,
+							title: e.danger && _ && typeof _(e[t(568)], E) == "string" ? String(_(e[t(568)], E)) : void 0,
+							onPointerDown: (n) => {
+								let r = t;
+								x || e[r(533)] || (n[r(548)](), B.current?.[r(545)](), N(e[r(515)]));
+							},
+							onDoubleClick: () => !e[t(533)] && Re(e[t(515)]),
+							children: [f(t(553), {
+								className: t(524),
+								children: e[t(568)]
+							}), !x && f("button", {
+								type: "button",
+								tabIndex: -1,
+								"aria-label": e[t(568)] + t(550),
+								className: t(544),
+								onPointerDown: (e) => {
+									let n = t;
+									e[n(548)](), e[n(554)]();
+								},
+								onClick: () => {
+									let n = t;
+									e[n(533)] || (q(e[n(515)]), N(-1), B.current?.[n(545)]());
+								},
+								children: f(re, {})
+							})]
+						})
+					}, e[t(583)]);
+				}),
+				f(w(559), {
+					ref: B,
+					id: ge,
+					className: "ds-taginput__input",
+					role: b ? w(526) : void 0,
+					"aria-expanded": b ? X : void 0,
+					"aria-controls": X ? T : void 0,
+					"aria-autocomplete": b ? "list" : void 0,
+					"aria-activedescendant": X && R >= 0 ? ee(T, R) : void 0,
+					"aria-invalid": me || A || void 0,
+					"aria-label": C,
+					"aria-labelledby": ye,
+					"aria-describedby": be,
+					autoComplete: "off",
+					disabled: x,
+					value: O,
+					placeholder: E[w(549)] ? "" : fe,
+					"data-error": A || void 0,
+					onChange: Ke,
+					onKeyDown: Ge,
+					onPaste: qe,
+					onFocus: () => Ee(!0),
+					onBlur: () => {
+						Ee(!1), N(-1);
+					}
+				}),
+				f(w(553), {
+					className: w(580),
+					"aria-live": w(522),
+					children: Ce
+				})
+			]
+		}),
+		he && E.map((e, t) => f(w(559), {
+			type: w(574),
+			name: he,
+			value: e
+		}, W[t])),
+		b && Be.mounted && f(o, {
+			ref: Ae,
+			closing: Be[w(502)],
+			anchorRef: ke,
+			maxHeight: ve,
+			children: f(a, {
+				id: T,
+				options: He,
+				activeIndex: R,
+				isSelected: () => !1,
+				onSelect: (e) => Ue(e[w(577)]),
+				onActiveChange: z,
+				"aria-label": C ? C + w(535) : "추천"
+			})
+		})
+	] });
+}
+export { h as TagInput };