@iamfiro/design 0.3.4 → 0.3.5

package/lib/components/MultiSelect/MultiSelect2.js

@@ -1,92 +1,112 @@
 "use client";
-const e = v;
-(function(e, t) {
-	let n = v, 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(245)) / 1 * (-parseInt(n(200)) / 2) + parseInt(n(212)) / 3 + -parseInt(n(235)) / 4 * (parseInt(n(190)) / 5) + -parseInt(n(195)) / 6 * (-parseInt(n(240)) / 7) + parseInt(n(224)) / 8 * (parseInt(n(209)) / 9) + -parseInt(n(254)) / 10 * (-parseInt(n(201)) / 11) + -parseInt(n(213)) / 12 * (parseInt(n(253)) / 13) == 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());
 	}
-})(y, 235476);
-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 o, firstEnabled as s, lastEnabled as c, nextEnabled as l, optionId as te } from "../Listbox/Listbox2.js";
+})(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;
+	}, d();
+}
 /* empty css            */
-import { useId as ne, useRef as u, useState as re } from "react";
-import { Check as ie, ChevronDown as d, Minus as f, X as p } from "lucide-react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-function _({ options: _, value: v, defaultValue: y = [], onValueChange: ae, open: oe, onOpenChange: se, placeholder: ce = e(215), size: b = "md", disabled: x, invalid: S, leading: C, display: w = e(233), maxTags: le = 2, selectAll: T, selectAllLabel: E = "전체 선택", formatCount: ue = (t) => t + e(208), 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(v, y, ae), [N, P] = n(oe, !1, se), F = t(N), [I, L] = re(-1), R = u(null), z = u(null), B = u({
+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: 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(241)](e), H = (e) => M(_.filter((t) => e.includes(t[k(237)])).map((e) => e[k(237)])), 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.disabled || H(V(e[t(237)]) ? j[t(228)]((n) => n !== e[t(237)]) : [...j, e.value]);
-	}, W = _[k(228)]((e) => !e[k(246)]), G = W[k(204)] > 0 && W[k(192)]((e) => V(e[k(237)])), K = !G && W[k(219)]((e) => V(e.value)), q = () => {
-		let e = k, t = j[e(228)]((t) => _.find((e) => e.value === t)?.[e(246)]);
-		H(G ? t : [...t, ...W[e(236)]((t) => t[e(237)])]);
+		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(s(_)), P(!0);
-	}, Y = a({
+		L(c(t)), P(!0);
+	}, Y = o({
 		open: N,
 		onOpen: J,
 		onClose: () => P(!1),
 		panelRef: z,
-		onRelease: (e) => _[e] && U(_[e]),
+		onRelease: (e) => t[e] && U(t[e]),
 		disabled: x
 	}), X = (e) => {
-		let t = k, n = Date.now(), r = B[t(217)];
-		r[t(210)] = n - r.at > 600 ? e : r.text + e, r.at = n;
-		let i = r[t(210)][t(220)](), a = [..._.slice(I + 1), ..._.slice(0, I + 1)][t(252)]((e) => !e.disabled && e[t(191)][t(220)]()[t(248)](i));
-		a && (N || P(!0), L(_.indexOf(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;
+		let n = k;
 		switch (e.key) {
-			case t(250):
-				e[t(242)](), N ? L(l(_, I, 1)) : J();
+			case n(341):
+				e.preventDefault(), N ? L(u(t, I, 1)) : J();
 				break;
-			case t(244):
-				e[t(242)](), N ? L(l(_, I, -1)) : (L(c(_)), P(!0));
+			case "ArrowUp":
+				e[n(309)](), N ? L(u(t, I, -1)) : (L(l(t)), P(!0));
 				break;
-			case t(238):
-			case t(207):
+			case n(334):
+			case "End":
 				if (!N) break;
-				e[t(242)](), L(e[t(188)] === "Home" ? s(_) : c(_));
+				e[n(309)](), L(e.key === n(334) ? c(t) : l(t));
 				break;
 			case "Enter":
 			case " ":
-				if (e[t(188)] === " " && Date[t(255)]() - B[t(217)].at < 600) {
-					e.preventDefault(), X(" ");
+				if (e[n(329)] === " " && Date.now() - B[n(317)].at < 600) {
+					e[n(309)](), X(" ");
 					break;
 				}
-				e[t(242)](), N ? I >= 0 && U(_[I]) : J();
+				e[n(309)](), N ? I >= 0 && U(t[I]) : J();
 				break;
-			case t(193):
-				N && (e[t(242)](), P(!1));
+			case n(328):
+				N && (e[n(309)](), P(!1));
 				break;
-			case "Tab":
+			case n(340):
 				N && P(!1);
 				break;
-			case "Backspace":
-				!N && j.length && H(j[t(243)](0, -1));
+			case n(330):
+				!N && j[n(356)] && H(j[n(346)](0, -1));
 				break;
-			default: (e.metaKey || e[t(198)]) && e[t(188)][t(220)]() === "a" && N && T ? (e[t(242)](), q()) : e[t(188)][t(204)] !== 1 || e.ctrlKey || e[t(225)] || e[t(206)] || X(e[t(188)]);
+			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 = _[k(228)]((e) => V(e[k(237)])), Q = w === k(233) ? Z[k(243)](0, le) : [], $ = Z[k(204)] - Q.length;
-	return g(m, { children: [
-		g(k(222), {
+	}, 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(343), {
 			ref: R,
 			id: de,
-			type: k(222),
-			role: k(234),
-			"aria-haspopup": k(216),
+			type: "button",
+			role: k(322),
+			"aria-haspopup": k(319),
 			"aria-expanded": N,
 			"aria-controls": N ? A : void 0,
 			"aria-activedescendant": N && I >= 0 ? te(A, I) : void 0,
@@ -94,82 +114,82 @@ function _({ options: _, value: v, defaultValue: y = [], onValueChange: ae, open
 			"aria-label": O,
 			"aria-labelledby": he,
 			disabled: x,
-			className: r(k(203), k(229), k(231), b !== "md" && k(211) + 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(204)] || void 0,
-			"data-tags": w === k(233) && Z.length > 0 || void 0,
-			onPointerDown: Y[k(249)],
-			onClick: Y[k(196)],
+			"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 && h(k(214), {
-					className: k(232),
+				C && _("span", {
+					className: k(353),
 					children: C
 				}),
-				g("span", {
-					className: k(223),
+				v(k(339), {
+					className: "ds-select-trigger__value ds-multiselect__value",
 					children: [
-						!Z[k(204)] && ce,
-						w === k(205) && Z[k(204)] > 0 && ue(Z.length),
-						Q.map((e) => g(k(214), {
-							className: k(189),
-							children: [e[k(191)], !x && h("span", {
-								role: k(222),
-								"aria-label": e[k(191)] + k(194),
-								className: k(197),
-								onPointerDown: (e) => e[k(230)](),
+						!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(230)](), U(e);
+									t[k(307)](), U(e);
 								},
-								children: h(p, {})
+								children: _(re, {})
 							})]
-						}, e[k(237)])),
-						$ > 0 && w === k(233) && g(k(214), {
-							className: k(202),
+						}, e.value)),
+						$ > 0 && w === "tags" && v(k(339), {
+							className: "ds-multiselect__more",
 							children: ["+", $]
 						})
 					]
 				}),
-				h(d, { className: k(199) })
+				_(h, { className: k(338) })
 			]
 		}),
-		D && j[k(236)]((e) => h(k(221), {
-			type: k(227),
+		D && j[k(348)]((e) => _(k(354), {
+			type: k(312),
 			name: D,
 			value: e
 		}, e)),
-		F[k(226)] && g(o, {
+		F[k(363)] && v(s, {
 			ref: z,
-			closing: F.closing,
+			closing: F[k(335)],
 			anchorRef: R,
 			maxHeight: pe,
-			children: [T && W[k(204)] > 0 && g(k(247), {
-				className: k(218),
+			children: [T && W[k(356)] > 0 && v(k(359), {
+				className: k(332),
 				onClick: q,
 				children: [
-					h("span", {
+					_("span", {
 						className: "ds-option__check-box",
 						"data-checked": G || K || void 0,
-						children: h(K ? f : ie, {})
+						children: _(K ? g : m, {})
 					}),
-					h("span", {
-						className: k(251),
+					_(k(339), {
+						className: k(364),
 						children: E
 					}),
-					g(k(214), {
-						className: k(239),
+					v(k(339), {
+						className: k(314),
 						children: [
-							Z[k(204)],
+							Z.length,
 							"/",
-							_[k(204)]
+							t.length
 						]
 					})
 				]
-			}), h(ee, {
+			}), _(ee, {
 				id: A,
-				options: _,
+				options: t,
 				activeIndex: I,
 				isSelected: V,
 				onSelect: U,
@@ -181,24 +201,4 @@ function _({ options: _, value: v, defaultValue: y = [], onValueChange: ae, open
 		})
 	] });
 }
-export { _ as MultiSelect };
-function v(e, t) {
-	e -= 188;
-	let n = y(), r = n[e];
-	v.LZtlAN === void 0 && (v.HmKiOY = 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);
-	}, v.YLlOAT = {}, v.LZtlAN = !0);
-	let i = n[0];
-	v.RnFSzZ !== i && (v.YLlOAT = {}, v.RnFSzZ = i);
-	let a = v.YLlOAT[e];
-	return a === void 0 ? (r = v.HmKiOY(r), v.YLlOAT[e] = r) : r = a, r;
-}
-function y() {
-	let e = /* @__PURE__ */ "ioYGNoQXSa.otK2ndC0uujcruX0.B25dBgLJAW.zhmTBxvSDgLZzwXLy3rFx3jLBw92zq.y3rYBeTLEq.zhmTC2vSzwn0lxrYAwDNzxjFx2nOzxzYB24.ngz3BfD3yW.nJK5ndLPzLLoEKi.zhmTBxvSDgLZzwXLy3rFx21VCMu.zhmTy29UDhjVBa.BgvUz3rO.y291BNq.ywX0s2v5.rw5K.6RcCioYeOo2dNEUqQa.mtG2m25twxbWrW.Dgv4Da.zhmTC2vSzwn0lxrYAwDNzxiTlq.mZiZmZeZCLLmsfrY.ntqWodrPteDgEge.C3bHBG.7isG7yoD7zwy7is47jQu.BgLZDgjVEa.y3vYCMvUDa.zhmTBxvSDgLZzwXLy3rFx2fSBa.C29Tzq.Dg9mB3DLCKnHC2u.Aw5WDxq.yNv0Dg9U.zhmTC2vSzwn0lxrYAwDNzxjFx3zHBhvLigrZlw11BhrPC2vSzwn0x192ywX1zq.mtGWmdHlC2rOs2y.Bwv0yuTLEq.Bw91BNrLza.AgLKzgvU.zMLSDgvY.zhmTC2vSzwn0lxrYAwDNzxi.C3rVCfbYB3bHz2f0Aw9U.zhmTBxvSDgLZzwXLy3q.zhmTC2vSzwn0lxrYAwDNzxjFx2LJB24.DgfNCW.y29TyM9IB3G.ogfJqNLwra.BwfW.DMfSDwu.sg9Tzq.zhmTBxvSDgLZzwXLy3rFx2fSBc1JB3vUDa.n0ryC0vIta.Aw5JBhvKzxm.ChjLDMvUDerLzMf1Bhq.C2XPy2u.qxjYB3DvCa.mJyWnM1KquHwDa.zgLZywjSzwq.zgL2.C3rHCNrZv2L0Aa.B25qB2LUDgvYrg93BG.qxjYB3DeB3DU.zhmTB3b0Aw9Ux190zxH0.zMLUza.mtiZnvzIEenUqW.ntqWDxvksw9T.BM93.A2v5.zhmTBxvSDgLZzwXLy3rFx3rHzW.mtaZntG1meDlwxrqwa.BgfIzwW.zxzLCNK.rxnJyxbL".split(".");
-	return y = function() {
-		return e;
-	}, y();
-}
+export { y as MultiSelect };