@iamfiro/design 0.3.2 → 0.3.5

package/lib/components/MultiSelect/MultiSelect2.js

@@ -1,195 +1,195 @@
 "use client";
-const e = d;
-(function(e, t) {
-	let n = d, r = e();
+const e = t;
+function t(e, n) {
+	e -= 306;
+	let r = d(), i = r[e];
+	t.oPmFvI === void 0 && (t.lKouTI = 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.bBiHmD = {}, t.oPmFvI = !0);
+	let a = r[0];
+	t.xqPagU !== a && (t.bBiHmD = {}, t.xqPagU = a);
+	let o = t.bBiHmD[e];
+	return o === void 0 ? (i = t.lKouTI(i), t.bBiHmD[e] = i) : i = o, i;
+}
+(function(e, n) {
+	let r = t, i = e();
 	for (;;) try {
-		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());
+		if (parseInt(r(306)) / 1 + -parseInt(r(321)) / 2 + parseInt(r(347)) / 3 * (-parseInt(r(336)) / 4) + -parseInt(r(362)) / 5 * (parseInt(r(361)) / 6) + parseInt(r(355)) / 7 * (parseInt(r(366)) / 8) + -parseInt(r(310)) / 9 + parseInt(r(357)) / 10 * (parseInt(r(365)) / 11) == n) break;
+		i.push(i.shift());
 	} catch {
-		r.push(r.shift());
+		i.push(i.shift());
 	}
-})(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() {
+})(d, 515984);
+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";
+import { Listbox as ee, ListboxPopover as s, firstEnabled as c, lastEnabled as l, nextEnabled as u, optionId as te } from "../Listbox/Listbox2.js";
+/* empty css               */
+function d() {
+	let e = /* @__PURE__ */ "BgvUz3rO.mtK3nZmXmgDrrfnlyq.zxzLCNK.zgL2.Aw5JBhvKzxm.nduWnMv2ELLczW.nduZnxrPrvPjBa.Bw91BNrLza.zhmTB3b0Aw9Ux190zxH0.ntvvA2zHEgu.mJu4nJrIqKrruMy.nZa4ndC1r05nAfDQ.C3rVCfbYB3bHz2f0Aw9U.BgfIzwW.ChjLDMvUDerLzMf1Bhq.nJm3otaYowjhB0jyrq.zgLZywjSzwq.AgLKzgvU.DgfNCW.zhmTBxvSDgLZzwXLy3rFx2fSBc1JB3vUDa.Dg9mB3DLCKnHC2u.zhmTBxvSDgLZzwXLy3q.y3vYCMvUDa.zhmTC2vSzwn0lxrYAwDNzxiTlq.BgLZDgjVEa.Dgv4Da.mJuXmZKYuxnMB1n6.y29TyM9IB3G.y291BNq.Bwv0yuTLEq.zMLUza.zhmTBxvSDgLZzwXLy3rFx3rHzW.lwXPC3q.rxnJyxbL.A2v5.qMfJA3nWywnL.C29Tzq.zhmTBxvSDgLZzwXLy3rFx2fSBa.Aw5KzxHpzG.sg9Tzq.y2XVC2LUzW.ngjHsfvxuq.ioYGNoQXSa.zhmTC2vSzwn0lxrYAwDNzxjFx2nOzxzYB24.C3bHBG.vgfI.qxjYB3DeB3DU.B25qB2LUDgvYrg93BG.yNv0Dg9U.C3rHCNrZv2L0Aa.DMfSDwu.C2XPy2u.mJi4mZa5tgj6rMvj.BwfW.y3rYBeTLEq.zhmTBxvSDgLZzwXLy3rFx3jLBw92zq.zMLSDgvY.ywX0s2v5.zhmTC2vSzwn0lxrYAwDNzxjFx2LJB24.Aw5WDxq.odG5BuDxB0vu".split(".");
+	return d = function() {
 		return e;
-	}, u();
+	}, d();
 }
-/* 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);
-	}, 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 { 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: 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({
+function y({ options: t, value: d, defaultValue: y = [], onValueChange: ae, open: oe, onOpenChange: se, placeholder: ce = "선택하세요", size: b = "md", disabled: x, invalid: S, leading: C, display: w = e(313), maxTags: le = 2, selectAll: T, selectAllLabel: E = "전체 선택", formatCount: ue = (e) => e + "개 선택됨", name: D, id: de, className: fe, maxHeight: pe, renderOption: me, "aria-label": O, "aria-labelledby": he }) {
+	let k = e, A = ne() + k(327), [j, M] = r(d, y, ae), [N, P] = r(oe, !1, se), F = n(N), [I, L] = p(-1), R = f(null), z = f(null), B = f({
 		text: "",
 		at: 0
 	});
-	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) => {
+	a(N, [R, z], () => P(!1));
+	let V = (e) => j[k(360)](e), H = (e) => M(t[k(351)]((t) => e[k(360)](t.value))[k(348)]((e) => e.value)), U = (e) => {
 		let t = k;
-		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)]);
+		e.disabled || H(V(e[t(345)]) ? j.filter((n) => n !== e[t(345)]) : [...j, e.value]);
+	}, W = t.filter((e) => !e[k(311)]), G = W.length > 0 && W[k(358)]((e) => V(e[k(345)])), K = !G && W[k(331)]((e) => V(e[k(345)])), q = () => {
+		let e = k, n = j.filter((n) => t[e(325)]((t) => t[e(345)] === n)?.[e(311)]);
+		H(G ? n : [...n, ...W.map((t) => t[e(345)])]);
 	}, J = () => {
-		L(o(u)), P(!0);
-	}, Y = a({
+		L(c(t)), P(!0);
+	}, Y = o({
 		open: N,
 		onOpen: J,
 		onClose: () => P(!1),
 		panelRef: z,
-		onRelease: (e) => u[e] && U(u[e]),
+		onRelease: (e) => t[e] && U(t[e]),
 		disabled: x
 	}), X = (e) => {
-		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)));
+		let n = k, r = Date.now(), i = B[n(317)];
+		i.text = r - i.at > 600 ? e : i[n(320)] + e, i.at = r;
+		let a = i.text[n(315)](), o = [...t[n(346)](I + 1), ...t.slice(0, I + 1)][n(325)]((e) => !e.disabled && e.label.toLowerCase()[n(344)](a));
+		o && (N || P(!0), L(t[n(333)](o)));
 	}, ge = (e) => {
-		let t = k;
-		switch (e[t(174)]) {
-			case "ArrowDown":
-				e.preventDefault(), N ? L(c(u, I, 1)) : J();
+		let n = k;
+		switch (e.key) {
+			case n(341):
+				e.preventDefault(), N ? L(u(t, I, 1)) : J();
 				break;
-			case t(125):
-				e.preventDefault(), N ? L(c(u, I, -1)) : (L(s(u)), P(!0));
+			case "ArrowUp":
+				e[n(309)](), N ? L(u(t, I, -1)) : (L(l(t)), P(!0));
 				break;
-			case t(126):
-			case t(171):
+			case n(334):
+			case "End":
 				if (!N) break;
-				e[t(148)](), L(e[t(174)] === t(126) ? o(u) : s(u));
+				e[n(309)](), L(e.key === n(334) ? c(t) : l(t));
 				break;
-			case t(173):
+			case "Enter":
 			case " ":
-				if (e[t(174)] === " " && Date[t(121)]() - B[t(135)].at < 600) {
-					e.preventDefault(), X(" ");
+				if (e[n(329)] === " " && Date.now() - B[n(317)].at < 600) {
+					e[n(309)](), X(" ");
 					break;
 				}
-				e.preventDefault(), N ? I >= 0 && U(u[I]) : J();
+				e[n(309)](), N ? I >= 0 && U(t[I]) : J();
 				break;
-			case t(175):
-				N && (e[t(148)](), P(!1));
+			case n(328):
+				N && (e[n(309)](), P(!1));
 				break;
-			case t(159):
+			case n(340):
 				N && P(!1);
 				break;
-			case t(156):
-				!N && j[t(146)] && H(j[t(152)](0, -1));
+			case n(330):
+				!N && j[n(356)] && H(j[n(346)](0, -1));
 				break;
-			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)]);
+			default: (e[n(324)] || e[n(349)]) && e[n(329)][n(315)]() === "a" && N && T ? (e[n(309)](), q()) : e[n(329)][n(356)] !== 1 || e.ctrlKey || e[n(324)] || e[n(352)] || X(e[n(329)]);
 		}
-	}, Z = u.filter((e) => V(e[k(114)])), Q = w === k(164) ? Z.slice(0, le) : [], $ = Z[k(146)] - Q[k(146)];
+	}, Z = t[k(351)]((e) => V(e.value)), Q = w === k(313) ? Z[k(346)](0, le) : [], $ = Z.length - Q[k(356)];
 	return v(ie, { children: [
-		v(k(128), {
+		v(k(343), {
 			ref: R,
 			id: de,
-			type: k(128),
-			role: k(139),
-			"aria-haspopup": k(167),
+			type: "button",
+			role: k(322),
+			"aria-haspopup": k(319),
 			"aria-expanded": N,
 			"aria-controls": N ? A : void 0,
-			"aria-activedescendant": N && I >= 0 ? l(A, I) : void 0,
+			"aria-activedescendant": N && I >= 0 ? te(A, I) : void 0,
 			"aria-invalid": S || void 0,
 			"aria-label": O,
 			"aria-labelledby": he,
 			disabled: x,
-			className: r(k(144), k(118), k(117), b !== "md" && "ds-select-trigger--" + b, fe),
+			className: i("ds-control", "ds-select-trigger", k(316), b !== "md" && k(318) + b, fe),
 			"data-open": N || void 0,
 			"data-invalid": S || void 0,
 			"data-disabled": x || void 0,
-			"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)],
+			"data-placeholder": !Z[k(356)] || void 0,
+			"data-tags": w === k(313) && Z.length > 0 || void 0,
+			onPointerDown: Y[k(342)],
+			onClick: Y.onClick,
 			onKeyDown: ge,
 			children: [
-				C && _(k(120), {
-					className: k(122),
+				C && _("span", {
+					className: k(353),
 					children: C
 				}),
-				v(k(120), {
-					className: k(165),
+				v(k(339), {
+					className: "ds-select-trigger__value ds-multiselect__value",
 					children: [
-						!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)](),
+						!Z[k(356)] && ce,
+						w === k(323) && Z[k(356)] > 0 && ue(Z[k(356)]),
+						Q.map((e) => v(k(339), {
+							className: k(326),
+							children: [e[k(308)], !x && _("span", {
+								role: k(343),
+								"aria-label": e.label + k(337),
+								className: k(350),
+								onPointerDown: (e) => e[k(307)](),
 								onClick: (t) => {
-									t[k(153)](), U(e);
+									t[k(307)](), U(e);
 								},
 								children: _(re, {})
 							})]
-						}, e[k(114)])),
-						$ > 0 && w === k(164) && v(k(120), {
-							className: k(160),
+						}, e.value)),
+						$ > 0 && w === "tags" && v(k(339), {
+							className: "ds-multiselect__more",
 							children: ["+", $]
 						})
 					]
 				}),
-				_(h, { className: "ds-select-trigger__chevron" })
+				_(h, { className: k(338) })
 			]
 		}),
-		D && j[k(142)]((e) => _(k(143), {
-			type: k(170),
+		D && j[k(348)]((e) => _(k(354), {
+			type: k(312),
 			name: D,
 			value: e
 		}, e)),
-		F[k(154)] && v(te, {
+		F[k(363)] && v(s, {
 			ref: z,
-			closing: F[k(169)],
+			closing: F[k(335)],
 			anchorRef: R,
 			maxHeight: pe,
-			children: [T && W[k(146)] > 0 && v("div", {
-				className: k(172),
+			children: [T && W[k(356)] > 0 && v(k(359), {
+				className: k(332),
 				onClick: q,
 				children: [
-					_(k(120), {
-						className: k(119),
+					_("span", {
+						className: "ds-option__check-box",
 						"data-checked": G || K || void 0,
 						children: _(K ? g : m, {})
 					}),
-					_(k(120), {
-						className: "ds-option__text",
-						children: ue
+					_(k(339), {
+						className: k(364),
+						children: E
 					}),
-					v(k(120), {
-						className: k(134),
+					v(k(339), {
+						className: k(314),
 						children: [
-							Z[k(146)],
+							Z.length,
 							"/",
-							u.length
+							t.length
 						]
 					})
 				]
 			}), _(ee, {
 				id: A,
-				options: u,
+				options: t,
 				activeIndex: I,
 				isSelected: V,
 				onSelect: U,