@iamfiro/design 0.3.0 → 0.3.2

package/lib/components/MultiSelect/MultiSelect2.js

@@ -1,195 +1,195 @@
 "use client";
-const e = s;
-function t() {
-	let e = /* @__PURE__ */ "zhmTB3b0Aw9Ux19JAgvJAY1IB3G.zgLZywjSzwq.C2XPy2u.y3rYBeTLEq.mJa0oti0nKnMAg1StW.zMLUza.BgvUz3rO.oda2ndCYqvr6vhzy.BwfW.zhmTBxvSDgLZzwXLy3rFx3rHzW.ioYGNoQXSa.zhmTC2vSzwn0lxrYAwDNzxjFx2nOzxzYB24.DgfNCW.mtb2whDez3O.rxnJyxbL.7isG7yoD7zwy7is47jQu.BgLZDgjVEa.B25dBgLJAW.zhmTB3b0Aw9Ux190zxH0.DMfSDwu.otGYmtGWt3PUqMvn.C3rHCNrZv2L0Aa.Bwv0yuTLEq.qMfJA3nWywnL.zhmTBxvSDgLZzwXLy3rFx21VCMu.rw50zxi.zMLSDgvY.y3vYCMvUDa.mJi5otiYmdbtyNrpqMG.rw5K.zhmTBxvSDgLZzwXLy3rFx2fSBa.y291BNq.ofDpDvjbCW.Bw91BNrLza.zhmTBxvSDgLZzwXLy3rFx2fSBc1JB3vUDa.mtq4qujMDwT1.vgfI.zhmTC2vSzwn0lxrYAwDNzxjFx3zHBhvLigrZlw11BhrPC2vSzwn0x192ywX1zq.Dgv4Da.6RcCioYeOo2dNEUqQa.zhmTC2vSzwn0lxrYAwDNzxjFx2LJB24.sg9Tzq.zhmTBxvSDgLZzwXLy3q.zhmTBxvSDgLZzwXLy3rFx3jLBw92zq.m1nxyKzdrW.ChjLDMvUDerLzMf1Bhq.Dg9mB3DLCKnHC2u.C3rVCfbYB3bHz2f0Aw9U.Aw5JBhvKzxm.AgLKzgvU.BM93.yNv0Dg9U.B25qB2LUDgvYrg93BG.qxjYB3DvCa.mteZntq1zxDcCeHR.mtu2mtqWmgPdsvblvq.BgfIzwW.C29Tzq.A2v5.Aw5KzxHpzG.C3bHBG.zhmTC2vSzwn0lxrYAwDNzxiTlq.mtK5nZC3owzhC1nsuq".split(".");
-	return t = function() {
-		return e;
-	}, t();
-}
+const e = d;
 (function(e, t) {
-	let n = s, r = e();
+	let n = d, r = e();
 	for (;;) try {
-		if (parseInt(n(272)) / 1 + -parseInt(n(307)) / 2 * (-parseInt(n(296)) / 3) + -parseInt(n(287)) / 4 * (-parseInt(n(306)) / 5) + -parseInt(n(259)) / 6 + -parseInt(n(251)) / 7 * (-parseInt(n(284)) / 8) + -parseInt(n(256)) / 9 * (-parseInt(n(265)) / 10) + -parseInt(n(280)) / 11 == t) break;
+		if (-parseInt(n(133)) / 1 + -parseInt(n(147)) / 2 * (-parseInt(n(136)) / 3) + -parseInt(n(149)) / 4 + -parseInt(n(138)) / 5 + parseInt(n(116)) / 6 + parseInt(n(130)) / 7 * (-parseInt(n(157)) / 8) + parseInt(n(145)) / 9 * (parseInt(n(115)) / 10) == t) break;
 		r.push(r.shift());
 	} catch {
 		r.push(r.shift());
 	}
-})(t, 891592);
-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 { useDismiss as a } from "../../hooks/useDismiss.js";
-import { usePressToOpen as o } from "../../hooks/usePressToOpen.js";
-function s(e, n) {
-	e -= 245;
-	let r = t(), i = r[e];
-	s.LVQWwo === void 0 && (s.PIrtQy = function(e) {
+})(u, 959254);
+import { usePresence as t } from "../../hooks/usePresence.js";
+import { useControllableState as n } from "../../hooks/useControllableState.js";
+import { cx as r } from "../../primitives/index.js";
+import { useDismiss as i } from "../../hooks/useDismiss.js";
+import { usePressToOpen as a } from "../../hooks/usePressToOpen.js";
+import { Listbox as ee, ListboxPopover as te, firstEnabled as o, lastEnabled as s, nextEnabled as c, optionId as l } from "../Listbox/Listbox2.js";
+function u() {
+	let e = /* @__PURE__ */ "zMLUza.qMfJA3nWywnL.mJe2A1HPvvrd.Dg9mB3DLCKnHC2u.vgfI.zhmTBxvSDgLZzwXLy3rFx21VCMu.Aw5KzxHpzG.zhmTBxvSDgLZzwXLy3rFx3jLBw92zq.Dgv4Da.DgfNCW.zhmTC2vSzwn0lxrYAwDNzxjFx3zHBhvLigrZlw11BhrPC2vSzwn0x192ywX1zq.BgfIzwW.BgLZDgjVEa.zgLZywjSzwq.y2XVC2LUzW.AgLKzgvU.rw5K.zhmTBxvSDgLZzwXLy3rFx2fSBa.rw50zxi.A2v5.rxnJyxbL.DMfSDwu.ntqWqujOEKHV.nty1ndqYnfPfA1fTCa.zhmTBxvSDgLZzwXLy3q.zhmTC2vSzwn0lxrYAwDNzxi.zhmTB3b0Aw9Ux19JAgvJAY1IB3G.C3bHBG.BM93.zhmTC2vSzwn0lxrYAwDNzxjFx2LJB24.6RcCioYeOo2dNEUqQa.B25dBgLJAW.qxjYB3DvCa.sg9Tzq.y3rYBeTLEq.yNv0Dg9U.Aw5JBhvKzxm.mtqYmtKXC0jxv2fs.zMLSDgvY.C3rHCNrZv2L0Aa.mtaWntu4owXctxf1ua.zhmTBxvSDgLZzwXLy3rFx2fSBc1JB3vUDa.y3vYCMvUDa.mJa3sxnkrhLP.Bwv0yuTLEq.ndi3mZuXnwrSBgLOsq.y29TyM9IB3G.y291BNq.zxzLCNK.BwfW.Aw5WDxq.zhmTy29UDhjVBa.mJi2odi3CMfVAeHn.BgvUz3rO.ntm0mtbcz3HnAuC.ChjLDMvUDerLzMf1Bhq.mZeXmJa1nNn0qMT1tW.C29Tzq.7isG7yoD7zwy7is47jQu.C2XPy2u.C3rVCfbYB3bHz2f0Aw9U.Bw91BNrLza".split(".");
+	return u = function() {
+		return e;
+	}, u();
+}
+/* empty css               */
+/* empty css            */
+function d(e, t) {
+	e -= 114;
+	let n = u(), r = n[e];
+	d.CGFLml === void 0 && (d.qYRbKK = 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);
-	}, s.iOWmWb = {}, s.LVQWwo = !0);
-	let a = r[0];
-	s.BKeajN !== a && (s.iOWmWb = {}, s.BKeajN = a);
-	let o = s.iOWmWb[e];
-	return o === void 0 ? (i = s.PIrtQy(i), s.iOWmWb[e] = i) : i = o, i;
+	}, d.UVLIaD = {}, d.CGFLml = !0);
+	let i = n[0];
+	d.sbIjJo !== i && (d.UVLIaD = {}, d.sbIjJo = i);
+	let a = d.UVLIaD[e];
+	return a === void 0 ? (r = d.qYRbKK(r), d.UVLIaD[e] = r) : r = a, r;
 }
-import { Listbox as c, ListboxPopover as ee, firstEnabled as l, lastEnabled as u, nextEnabled as d, optionId as te } from "../Listbox/Listbox2.js";
-/* empty css               */
-/* empty css            */
 import { useId as ne, useRef as f, useState as p } from "react";
 import { Check as m, ChevronDown as h, Minus as g, X as re } from "lucide-react";
 import { Fragment as ie, jsx as _, jsxs as v } from "react/jsx-runtime";
-function y({ options: t, value: s, defaultValue: y = [], onValueChange: ae, open: oe, onOpenChange: se, placeholder: ce = e(267), size: b = "md", disabled: x, invalid: S, leading: C, display: w = e(264), maxTags: le = 2, selectAll: T, selectAllLabel: ue = "전체 선택", formatCount: E = (t) => t + e(291), name: D, id: de, className: fe, maxHeight: pe, renderOption: me, "aria-label": O, "aria-labelledby": he }) {
-	let k = e, A = ne() + "-list", [j, M] = r(s, y, ae), [N, P] = r(oe, !1, se), F = n(N), [I, L] = p(-1), R = f(null), z = f(null), B = f({
+function y({ options: u, value: d, defaultValue: y = [], onValueChange: ae, open: oe, onOpenChange: se, placeholder: ce = e(151), size: b = "md", disabled: x, invalid: S, leading: C, display: w = e(164), maxTags: le = 2, selectAll: T, selectAllLabel: ue = "전체 선택", formatCount: E = (t) => t + e(123), name: D, id: de, className: fe, maxHeight: pe, renderOption: me, "aria-label": O, "aria-labelledby": he }) {
+	let k = e, A = ne() + "-list", [j, M] = n(d, y, ae), [N, P] = n(oe, !1, se), F = t(N), [I, L] = p(-1), R = f(null), z = f(null), B = f({
 		text: "",
 		at: 0
 	});
-	a(N, [R, z], () => P(!1));
-	let V = (e) => j.includes(e), H = (e) => M(t[k(278)]((t) => e[k(300)](t.value))[k(260)]((e) => e[k(271)])), U = (e) => {
+	i(N, [R, z], () => P(!1));
+	let V = (e) => j[k(129)](e), H = (e) => M(u.filter((t) => e[k(129)](t[k(114)])).map((e) => e[k(114)])), U = (e) => {
 		let t = k;
-		e.disabled || H(V(e[t(271)]) ? j[t(278)]((n) => n !== e[t(271)]) : [...j, e[t(271)]]);
-	}, W = t[k(278)]((e) => !e.disabled), G = W[k(258)] > 0 && W.every((e) => V(e.value)), K = !G && W[k(246)]((e) => V(e[k(271)])), q = () => {
-		let e = k, n = j[e(278)]((n) => t[e(257)]((e) => e.value === n)?.[e(253)]);
-		H(G ? n : [...n, ...W[e(260)]((t) => t[e(271)])]);
+		e[t(168)] || H(V(e[t(114)]) ? j[t(131)]((n) => n !== e[t(114)]) : [...j, e[t(114)]]);
+	}, W = u[k(131)]((e) => !e[k(168)]), G = W[k(146)] > 0 && W[k(141)]((e) => V(e[k(114)])), K = !G && W[k(150)]((e) => V(e[k(114)])), q = () => {
+		let e = k, t = j[e(131)]((t) => u[e(155)]((n) => n[e(114)] === t)?.[e(168)]);
+		H(G ? t : [...t, ...W[e(142)]((e) => e.value)]);
 	}, J = () => {
-		L(l(t)), P(!0);
-	}, Y = o({
+		L(o(u)), P(!0);
+	}, Y = a({
 		open: N,
 		onOpen: J,
 		onClose: () => P(!1),
 		panelRef: z,
-		onRelease: (e) => t[e] && U(t[e]),
+		onRelease: (e) => u[e] && U(u[e]),
 		disabled: x
 	}), X = (e) => {
-		let n = k, r = Date[n(302)](), i = B[n(279)];
-		i[n(290)] = r - i.at > 600 ? e : i[n(290)] + e, i.at = r;
-		let a = i[n(290)][n(298)](), o = [...t[n(254)](I + 1), ...t[n(254)](0, I + 1)].find((e) => !e[n(253)] && e[n(245)].toLowerCase()[n(273)](a));
-		o && (N || P(!0), L(t[n(248)](o)));
+		let t = k, n = Date.now(), r = B[t(135)];
+		r[t(163)] = n - r.at > 600 ? e : r[t(163)] + e, r.at = n;
+		let i = r.text[t(158)](), a = [...u[t(152)](I + 1), ...u[t(152)](0, I + 1)][t(155)]((e) => !e[t(168)] && e[t(166)][t(158)]()[t(132)](i));
+		a && (N || P(!0), L(u[t(161)](a)));
 	}, ge = (e) => {
-		let n = k;
-		switch (e[n(247)]) {
+		let t = k;
+		switch (e[t(174)]) {
 			case "ArrowDown":
-				e.preventDefault(), N ? L(d(t, I, 1)) : J();
+				e.preventDefault(), N ? L(c(u, I, 1)) : J();
 				break;
-			case n(305):
-				e.preventDefault(), N ? L(d(t, I, -1)) : (L(u(t)), P(!0));
+			case t(125):
+				e.preventDefault(), N ? L(c(u, I, -1)) : (L(s(u)), P(!0));
 				break;
-			case n(293):
-			case n(281):
+			case t(126):
+			case t(171):
 				if (!N) break;
-				e[n(297)](), L(e[n(247)] === n(293) ? l(t) : u(t));
+				e[t(148)](), L(e[t(174)] === t(126) ? o(u) : s(u));
 				break;
-			case n(277):
+			case t(173):
 			case " ":
-				if (e[n(247)] === " " && Date[n(302)]() - B[n(279)].at < 600) {
+				if (e[t(174)] === " " && Date[t(121)]() - B[t(135)].at < 600) {
 					e.preventDefault(), X(" ");
 					break;
 				}
-				e[n(297)](), N ? I >= 0 && U(t[I]) : J();
+				e.preventDefault(), N ? I >= 0 && U(u[I]) : J();
 				break;
-			case n(266):
-				N && (e.preventDefault(), P(!1));
+			case t(175):
+				N && (e[t(148)](), P(!1));
 				break;
-			case n(288):
+			case t(159):
 				N && P(!1);
 				break;
-			case n(275):
-				!N && j.length && H(j[n(254)](0, -1));
+			case t(156):
+				!N && j[t(146)] && H(j[t(152)](0, -1));
 				break;
-			default: (e[n(274)] || e[n(255)]) && e[n(247)][n(298)]() === "a" && N && T ? (e[n(297)](), q()) : e[n(247)].length !== 1 || e.ctrlKey || e[n(274)] || e.altKey || X(e[n(247)]);
+			default: (e[t(137)] || e[t(127)]) && e[t(174)][t(158)]() === "a" && N && T ? (e[t(148)](), q()) : e.key[t(146)] !== 1 || e[t(127)] || e.metaKey || e.altKey || X(e[t(174)]);
 		}
-	}, Z = t.filter((e) => V(e.value)), Q = w === k(264) ? Z.slice(0, le) : [], $ = Z[k(258)] - Q[k(258)];
+	}, Z = u.filter((e) => V(e[k(114)])), Q = w === k(164) ? Z.slice(0, le) : [], $ = Z[k(146)] - Q[k(146)];
 	return v(ie, { children: [
-		v(k(303), {
+		v(k(128), {
 			ref: R,
 			id: de,
-			type: k(303),
-			role: "combobox",
-			"aria-haspopup": k(268),
+			type: k(128),
+			role: k(139),
+			"aria-haspopup": k(167),
 			"aria-expanded": N,
 			"aria-controls": N ? A : void 0,
-			"aria-activedescendant": N && I >= 0 ? te(A, I) : void 0,
+			"aria-activedescendant": N && I >= 0 ? l(A, I) : void 0,
 			"aria-invalid": S || void 0,
 			"aria-label": O,
 			"aria-labelledby": he,
 			disabled: x,
-			className: i("ds-control", "ds-select-trigger", k(294), b !== "md" && k(250) + b, fe),
+			className: r(k(144), k(118), k(117), b !== "md" && "ds-select-trigger--" + b, fe),
 			"data-open": N || void 0,
 			"data-invalid": S || void 0,
 			"data-disabled": x || void 0,
-			"data-placeholder": !Z[k(258)] || void 0,
-			"data-tags": w === k(264) && Z[k(258)] > 0 || void 0,
-			onPointerDown: Y[k(304)],
-			onClick: Y[k(269)],
+			"data-placeholder": !Z[k(146)] || void 0,
+			"data-tags": w === k(164) && Z[k(146)] > 0 || void 0,
+			onPointerDown: Y.onPointerDown,
+			onClick: Y[k(124)],
 			onKeyDown: ge,
 			children: [
-				C && _(k(249), {
-					className: k(292),
+				C && _(k(120), {
+					className: k(122),
 					children: C
 				}),
-				v("span", {
-					className: k(289),
+				v(k(120), {
+					className: k(165),
 					children: [
-						!Z.length && ce,
-						w === k(283) && Z.length > 0 && E(Z[k(258)]),
-						Q[k(260)]((e) => v(k(249), {
-							className: k(261),
-							children: [e[k(245)], !x && _(k(249), {
-								role: k(303),
-								"aria-label": e[k(245)] + k(262),
-								className: k(295),
-								onPointerDown: (e) => e[k(299)](),
+						!Z[k(146)] && ce,
+						w === k(140) && Z.length > 0 && E(Z.length),
+						Q[k(142)]((e) => v(k(120), {
+							className: "ds-multiselect__tag",
+							children: [e.label, !x && _(k(120), {
+								role: k(128),
+								"aria-label": e[k(166)] + " 제거",
+								className: k(162),
+								onPointerDown: (e) => e[k(153)](),
 								onClick: (t) => {
-									t[k(299)](), U(e);
+									t[k(153)](), U(e);
 								},
 								children: _(re, {})
 							})]
-						}, e[k(271)])),
-						$ > 0 && w === k(264) && v("span", {
-							className: k(276),
+						}, e[k(114)])),
+						$ > 0 && w === k(164) && v(k(120), {
+							className: k(160),
 							children: ["+", $]
 						})
 					]
 				}),
-				_(h, { className: k(263) })
+				_(h, { className: "ds-select-trigger__chevron" })
 			]
 		}),
-		D && j.map((e) => _("input", {
-			type: k(301),
+		D && j[k(142)]((e) => _(k(143), {
+			type: k(170),
 			name: D,
 			value: e
 		}, e)),
-		F[k(285)] && v(ee, {
+		F[k(154)] && v(te, {
 			ref: z,
-			closing: F.closing,
+			closing: F[k(169)],
 			anchorRef: R,
 			maxHeight: pe,
-			children: [T && W[k(258)] > 0 && v("div", {
-				className: k(282),
+			children: [T && W[k(146)] > 0 && v("div", {
+				className: k(172),
 				onClick: q,
 				children: [
-					_(k(249), {
-						className: k(252),
+					_(k(120), {
+						className: k(119),
 						"data-checked": G || K || void 0,
 						children: _(K ? g : m, {})
 					}),
-					_(k(249), {
-						className: k(270),
+					_(k(120), {
+						className: "ds-option__text",
 						children: ue
 					}),
-					v(k(249), {
-						className: k(286),
+					v(k(120), {
+						className: k(134),
 						children: [
-							Z[k(258)],
+							Z[k(146)],
 							"/",
-							t[k(258)]
+							u.length
 						]
 					})
 				]
-			}), _(c, {
+			}), _(ee, {
 				id: A,
-				options: t,
+				options: u,
 				activeIndex: I,
 				isSelected: V,
 				onSelect: U,