@iamfiro/design 0.3.0 → 0.3.1

package/lib/components/MultiSelect/MultiSelect2.js

@@ -1,59 +1,53 @@
 "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();
-}
-(function(e, t) {
-	let n = s, r = e();
+const e = t;
+(function(e, n) {
+	let r = t, i = 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;
-		r.push(r.shift());
+		if (parseInt(r(499)) / 1 + parseInt(r(493)) / 2 + parseInt(r(516)) / 3 + -parseInt(r(525)) / 4 + -parseInt(r(529)) / 5 + -parseInt(r(497)) / 6 + -parseInt(r(481)) / 7 * (parseInt(r(478)) / 8) == n) break;
+		i.push(i.shift());
 	} catch {
-		r.push(r.shift());
+		i.push(i.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) {
+})(y, 425126);
+function t(e, n) {
+	e -= 478;
+	let r = y(), i = r[e];
+	t.uLQleD === void 0 && (t.UgEsPZ = 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);
+	}, t.OdocWD = {}, t.uLQleD = !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;
+	t.OkWWPz !== a && (t.OdocWD = {}, t.OkWWPz = a);
+	let o = t.OdocWD[e];
+	return o === void 0 ? (i = t.UgEsPZ(i), t.OdocWD[e] = i) : i = o, i;
 }
-import { Listbox as c, ListboxPopover as ee, firstEnabled as l, lastEnabled as u, nextEnabled as d, optionId as te } from "../Listbox/Listbox2.js";
+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 te, firstEnabled as s, lastEnabled as c, nextEnabled as l, optionId as ne } 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({
+import { useId as re, useRef as u, useState as d } from "react";
+import { Check as f, ChevronDown as p, Minus as m, X as h } from "lucide-react";
+import { Fragment as ie, jsx as g, jsxs as _ } from "react/jsx-runtime";
+function v({ options: t, value: v, defaultValue: y = [], onValueChange: ae, open: oe, onOpenChange: se, placeholder: ce = e(511), size: b = "md", disabled: x, invalid: S, leading: C, display: w = e(502), maxTags: le = 2, selectAll: T, selectAllLabel: E = e(531), formatCount: ue = (e) => e + "개 선택됨", name: D, id: de, className: fe, maxHeight: pe, renderOption: me, "aria-label": O, "aria-labelledby": he }) {
+	let k = e, A = re() + k(521), [j, M] = r(v, y, ae), [N, P] = r(oe, !1, se), F = n(N), [I, L] = d(-1), R = u(null), z = u(null), B = u({
 		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) => {
+	let V = (e) => j[k(503)](e), H = (e) => M(t[k(533)]((t) => e[k(503)](t[k(510)]))[k(495)]((e) => e[k(510)])), 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.disabled || H(V(e[t(510)]) ? j[t(533)]((n) => n !== e[t(510)]) : [...j, e.value]);
+	}, W = t.filter((e) => !e[k(513)]), G = W[k(515)] > 0 && W[k(522)]((e) => V(e[k(510)])), K = !G && W[k(488)]((e) => V(e[k(510)])), q = () => {
+		let e = k, n = j[e(533)]((n) => t.find((t) => t[e(510)] === n)?.disabled);
+		H(G ? n : [...n, ...W.map((e) => e.value)]);
 	}, J = () => {
-		L(l(t)), P(!0);
+		L(s(t)), P(!0);
 	}, Y = o({
 		open: N,
 		onOpen: J,
@@ -62,132 +56,132 @@ function y({ options: t, value: s, defaultValue: y = [], onValueChange: ae, open
 		onRelease: (e) => t[e] && U(t[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 n = k, r = Date[n(526)](), i = B[n(485)];
+		i.text = r - i.at > 600 ? e : i[n(482)] + e, i.at = r;
+		let a = i[n(482)].toLowerCase(), o = [...t[n(506)](I + 1), ...t[n(506)](0, I + 1)][n(508)]((e) => !e[n(513)] && e[n(520)].toLowerCase()[n(494)](a));
+		o && (N || P(!0), L(t[n(492)](o)));
 	}, ge = (e) => {
 		let n = k;
-		switch (e[n(247)]) {
+		switch (e[n(498)]) {
 			case "ArrowDown":
-				e.preventDefault(), N ? L(d(t, I, 1)) : J();
+				e[n(490)](), N ? L(l(t, I, 1)) : J();
 				break;
-			case n(305):
-				e.preventDefault(), N ? L(d(t, I, -1)) : (L(u(t)), P(!0));
+			case "ArrowUp":
+				e[n(490)](), N ? L(l(t, I, -1)) : (L(c(t)), P(!0));
 				break;
-			case n(293):
-			case n(281):
+			case n(528):
+			case n(501):
 				if (!N) break;
-				e[n(297)](), L(e[n(247)] === n(293) ? l(t) : u(t));
+				e[n(490)](), L(e.key === n(528) ? s(t) : c(t));
 				break;
-			case n(277):
+			case n(500):
 			case " ":
-				if (e[n(247)] === " " && Date[n(302)]() - B[n(279)].at < 600) {
+				if (e[n(498)] === " " && Date[n(526)]() - B[n(485)].at < 600) {
 					e.preventDefault(), X(" ");
 					break;
 				}
-				e[n(297)](), N ? I >= 0 && U(t[I]) : J();
+				e.preventDefault(), N ? I >= 0 && U(t[I]) : J();
 				break;
-			case n(266):
-				N && (e.preventDefault(), P(!1));
+			case "Escape":
+				N && (e[n(490)](), P(!1));
 				break;
-			case n(288):
+			case n(530):
 				N && P(!1);
 				break;
-			case n(275):
-				!N && j.length && H(j[n(254)](0, -1));
+			case "Backspace":
+				!N && j[n(515)] && H(j.slice(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[n(504)] || e[n(487)]) && e[n(498)].toLowerCase() === "a" && N && T ? (e[n(490)](), q()) : e[n(498)][n(515)] !== 1 || e[n(487)] || e[n(504)] || e[n(514)] || X(e.key);
 		}
-	}, Z = t.filter((e) => V(e.value)), Q = w === k(264) ? Z.slice(0, le) : [], $ = Z[k(258)] - Q[k(258)];
-	return v(ie, { children: [
-		v(k(303), {
+	}, Z = t[k(533)]((e) => V(e[k(510)])), Q = w === k(502) ? Z[k(506)](0, le) : [], $ = Z[k(515)] - Q[k(515)];
+	return _(ie, { children: [
+		_(k(518), {
 			ref: R,
 			id: de,
-			type: k(303),
-			role: "combobox",
-			"aria-haspopup": k(268),
+			type: k(518),
+			role: k(489),
+			"aria-haspopup": "listbox",
 			"aria-expanded": N,
 			"aria-controls": N ? A : void 0,
-			"aria-activedescendant": N && I >= 0 ? te(A, I) : void 0,
+			"aria-activedescendant": N && I >= 0 ? ne(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: i("ds-control", "ds-select-trigger", k(512), b !== "md" && k(505) + 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(515)] || void 0,
+			"data-tags": w === k(502) && Z.length > 0 || void 0,
+			onPointerDown: Y.onPointerDown,
+			onClick: Y.onClick,
 			onKeyDown: ge,
 			children: [
-				C && _(k(249), {
-					className: k(292),
+				C && g(k(480), {
+					className: k(523),
 					children: C
 				}),
-				v("span", {
-					className: k(289),
+				_("span", {
+					className: k(484),
 					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)](),
+						w === k(486) && Z[k(515)] > 0 && ue(Z.length),
+						Q[k(495)]((e) => _(k(480), {
+							className: "ds-multiselect__tag",
+							children: [e[k(520)], !x && g("span", {
+								role: "button",
+								"aria-label": e.label + k(507),
+								className: k(491),
+								onPointerDown: (e) => e.stopPropagation(),
 								onClick: (t) => {
-									t[k(299)](), U(e);
+									t.stopPropagation(), U(e);
 								},
-								children: _(re, {})
+								children: g(h, {})
 							})]
-						}, e[k(271)])),
-						$ > 0 && w === k(264) && v("span", {
-							className: k(276),
+						}, e[k(510)])),
+						$ > 0 && w === "tags" && _("span", {
+							className: k(479),
 							children: ["+", $]
 						})
 					]
 				}),
-				_(h, { className: k(263) })
+				g(p, { className: k(517) })
 			]
 		}),
-		D && j.map((e) => _("input", {
-			type: k(301),
+		D && j[k(495)]((e) => g(k(509), {
+			type: k(524),
 			name: D,
 			value: e
 		}, e)),
-		F[k(285)] && v(ee, {
+		F[k(527)] && _(te, {
 			ref: z,
-			closing: F.closing,
+			closing: F[k(519)],
 			anchorRef: R,
 			maxHeight: pe,
-			children: [T && W[k(258)] > 0 && v("div", {
-				className: k(282),
+			children: [T && W[k(515)] > 0 && _(k(532), {
+				className: k(483),
 				onClick: q,
 				children: [
-					_(k(249), {
-						className: k(252),
+					g("span", {
+						className: "ds-option__check-box",
 						"data-checked": G || K || void 0,
-						children: _(K ? g : m, {})
+						children: g(K ? m : f, {})
 					}),
-					_(k(249), {
-						className: k(270),
-						children: ue
+					g("span", {
+						className: "ds-option__text",
+						children: E
 					}),
-					v(k(249), {
-						className: k(286),
+					_(k(480), {
+						className: k(496),
 						children: [
-							Z[k(258)],
+							Z.length,
 							"/",
-							t[k(258)]
+							t.length
 						]
 					})
 				]
-			}), _(c, {
+			}), g(ee, {
 				id: A,
 				options: t,
 				activeIndex: I,
@@ -201,4 +195,10 @@ function y({ options: t, value: s, defaultValue: y = [], onValueChange: ae, open
 		})
 	] });
 }
-export { y as MultiSelect };
+export { v as MultiSelect };
+function y() {
+	let e = /* @__PURE__ */ "y291BNq.y3rYBeTLEq.C29Tzq.y29TyM9IB3G.ChjLDMvUDerLzMf1Bhq.zhmTBxvSDgLZzwXLy3rFx3jLBw92zq.Aw5KzxHpzG.mtqYmty4nMPPEefhwq.C3rHCNrZv2L0Aa.BwfW.zhmTBxvSDgLZzwXLy3rFx2fSBc1JB3vUDa.mJi4mtGZnNjTEgTwDq.A2v5.mte2nZnYChrtuei.rw50zxi.rw5K.DgfNCW.Aw5JBhvKzxm.Bwv0yuTLEq.zhmTC2vSzwn0lxrYAwDNzxiTlq.C2XPy2u.ioYGNoQXSa.zMLUza.Aw5WDxq.DMfSDwu.7isG7yoD7zwy7is47jQu.zhmTBxvSDgLZzwXLy3q.zgLZywjSzwq.ywX0s2v5.BgvUz3rO.mtC1otm2ogrUwfnirq.zhmTC2vSzwn0lxrYAwDNzxjFx2nOzxzYB24.yNv0Dg9U.y2XVC2LUzW.BgfIzwW.lwXPC3q.zxzLCNK.zhmTC2vSzwn0lxrYAwDNzxjFx2LJB24.AgLKzgvU.mteYmtCYoejQvgvnsq.BM93.Bw91BNrLza.sg9Tzq.mtaXmZi3nunJwwrwvG.vgfI.7kce7lk0ioYeOo2dNq.zgL2.zMLSDgvY.oe1lCMTpsq.zhmTBxvSDgLZzwXLy3rFx21VCMu.C3bHBG.mtqZmtCXshrPsLrX.Dgv4Da.zhmTBxvSDgLZzwXLy3rFx2fSBa.zhmTC2vSzwn0lxrYAwDNzxjFx3zHBhvLigrZlw11BhrPC2vSzwn0x192ywX1zq.y3vYCMvUDa".split(".");
+	return y = function() {
+		return e;
+	}, y();
+}