@iamfiro/design 0.3.0 → 0.3.1

package/lib/components/Combobox/Combobox2.js

@@ -1,195 +1,194 @@
 "use client";
-const e = i;
+const e = r;
 (function(e, t) {
-	let n = i, r = e();
+	let n = r, i = e();
 	for (;;) try {
-		if (-parseInt(n(335)) / 1 + parseInt(n(319)) / 2 + -parseInt(n(373)) / 3 * (-parseInt(n(350)) / 4) + parseInt(n(344)) / 5 * (-parseInt(n(321)) / 6) + -parseInt(n(354)) / 7 + parseInt(n(358)) / 8 + parseInt(n(362)) / 9 == t) break;
-		r.push(r.shift());
+		if (-parseInt(n(161)) / 1 + -parseInt(n(199)) / 2 + -parseInt(n(150)) / 3 + parseInt(n(174)) / 4 + parseInt(n(143)) / 5 + -parseInt(n(198)) / 6 * (parseInt(n(156)) / 7) + parseInt(n(158)) / 8 == t) break;
+		i.push(i.shift());
 	} catch {
-		r.push(r.shift());
+		i.push(i.shift());
 	}
-})(h, 306184);
+})(a, 967689);
 import { usePresence as t } from "../../hooks/usePresence.js";
 import { useControllableState as n } from "../../hooks/useControllableState.js";
-import { cx as r } from "../../primitives/index.js";
-function i(e, t) {
-	e -= 310;
-	let n = h(), r = n[e];
-	i.QxJcXw === void 0 && (i.obLKru = function(e) {
+function r(e, t) {
+	e -= 134;
+	let n = a(), i = n[e];
+	r.szlFZZ === void 0 && (r.wyJLAW = 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);
-	}, i.LxAGUW = {}, i.QxJcXw = !0);
-	let a = n[0];
-	i.UoOnUz !== a && (i.LxAGUW = {}, i.UoOnUz = a);
-	let o = i.LxAGUW[e];
-	return o === void 0 ? (r = i.obLKru(r), i.LxAGUW[e] = r) : r = o, r;
+	}, r.GNKAuR = {}, r.szlFZZ = !0);
+	let o = n[0];
+	r.mkolEe !== o && (r.GNKAuR = {}, r.mkolEe = o);
+	let s = r.GNKAuR[e];
+	return s === void 0 ? (i = r.wyJLAW(i), r.GNKAuR[e] = i) : i = s, i;
 }
-import { useSelection as a } from "../../hooks/useSelection.js";
-import { useDismiss as o } from "../../hooks/useDismiss.js";
-import { Listbox as ee, ListboxPopover as te, firstEnabled as ne, lastEnabled as re, nextEnabled as s, optionId as ie } from "../Listbox/Listbox2.js";
-/* empty css         */
-import { useId as ae, useMemo as oe, useRef as c, useState as l } from "react";
-import { Check as u, ChevronDown as se, Plus as ce, X as d } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-function h() {
-	let e = /* @__PURE__ */ "Dg9Nz2XL.zhmTB3b0Aw9Ux19SywjLBa.zhmTy29TyM9IB3GTlw11BhrPCgXL.C2vSzwn0zwq.Aw5JBhvKzxm.mtKWmdeZnufNA1vfAq.Dg9mB3DLCKnHC2u.AwnVBG.C3rYB25N.zgvZy3jPChrPB24.y3vYCMvUDa.mtGWz3rYzhDN.C3rVCfbYB3bHz2f0Aw9U.BgLZDa.yNv0Dg9U.mtC0nZy0mvDereX6tW.zhmTB3b0Aw9Ux19JAgvJAY1IB3G.ChjLDMvUDerLzMf1Bhq.zM9JDxm.mZi0nJu4neTNEwPfCa.A2v5.AxndB21WB3nPBMC.Aw5WDxq.mta0ndqXnePivxDnzW.zhmTB3b0Aw9Ux19JAgvJAW.zgvMyxvSDfzHBhvL.lwXPC3q.DgfYz2v0.Bw91BNrLza.B25wywX1zunOyw5Nzq.C2XPy2u.C29Tzq.zhmTy29TyM9IB3GTlq.C3bHBG.nJKYn3HZzgzJtW.B2zM.zhmTy29TyM9IB3HFx3rHzW.zgL2.qMfJA3nWywnL.DhjPBq.7isG7yoDio2vToYGNa.zgLZywjSzwq.6Rka7ioj7zw07isCioYeOo2dNq.AxntzwXLy3rLza.y29TyM9IB3G.zhmTy29TyM9IB3HFx2nOzxzYB24.BMf0AxzLrxzLBNq.qxjYB3DvCa.BgfIzwW.oti4ntC2BM1SDeno.zhmTy29UDhjVBa.nMzbCefAzq.DMfSDwu.zhmTy29TyM9IB3G.qxjYB3DeB3DU.BxvSDgLWBgu.zMLSDgvY.y2XVC2LUzW.vgfI.zhmTB3b0Aw9Ux19Py29U.B25jBNb1DenOyw5Nzq.z2v0.zhmTB3b0Aw9Ux19KzxnJ.rxnJyxbL.C2v0u2vSzwn0zwq.mtu0mtG4Cfr0uNvs.BwfW.C2LUz2XL.BgvUz3rO".split(".");
-	return h = function() {
+import { cx as i } from "../../primitives/index.js";
+function a() {
+	let e = /* @__PURE__ */ "B2zM.C2v0u2vSzwn0zwq.CMvWBgfJzq.BwfYAW.AxntzwXLy3rLza.BwfW.mJyXmZC1mePKtNnOvG.Aw5WDxrwywX1zq.zgLZywjSzwq.C2vSzwn0zwq.DMfSDwu.rw50zxi.C3bHBG.ndiWmta1oxbJwfLiCq.AwnVBG.6Rka7ioj7zw07isCioYeOo2dNq.zgL2.C2LUz2XL.y3vYCMvUDa.mtrcB0jPs0C.qxjYB3DeB3DU.mZiWntyZnJHvsxrYy0i.vgfI.C2XPy2u.mty3nteZm0nnwuzIyW.zMLSDgvY.zhmTB3b0Aw9Ux19KzxnJ.A2v5.BgvUz3rO.DhjPBq.qMfJA3nWywnL.zhmTy29TyM9IB3GTlq.Dg9Nz2XL.Aw5WDxq.qxjYB3DvCa.zgvMyxvSDfzHBhvL.BgLZDa.nJqWmJa0ngPTrwPnvq.ioYGNoQXSa.zhmTy29TyM9IB3HFx3rHzW.zhmTy29TyM9IB3GTlw11BhrPCgXL.zhmTB3b0Aw9Ux19JAgvJAW.zhmTB3b0Aw9Ux19JAgvJAY1IB3G.Dg9mB3DLCKnHC2u.zhmTy29TyM9IB3HFx2nSzwfY.B25wywX1zunOyw5Nzq.yNv0Dg9U.zhmTy29TyM9IB3G.zhmTy29UDhjVBa.y29TyM9IB3G.zM9JDxm.C29Tzq.Aw5JBhvKzxm.y2XVC2LUzW.zgvZy3jPChrPB24.C3rYB25N.ChjLDMvUDerLzMf1Bhq.zhmTy29TyM9IB3HFx2LJB24.DgfYz2v0.z2v0.A2v5D29Yzhm.mJeYmta1ng16q0rIwa.mJC2mdiYog5nC2DTsa.BgfIzwW.BxvSDgLWBgu.zhmTy29TyM9IB3HFx2nOzxzYB24".split(".");
+	return a = function() {
 		return e;
-	}, h();
+	}, a();
 }
-var g = (t) => t[e(345)]().replace(/\s+/g, ""), _ = (t, n) => {
+import { useSelection as o } from "../../hooks/useSelection.js";
+import { useDismiss as s } from "../../hooks/useDismiss.js";
+import { Listbox as ee, ListboxPopover as te, firstEnabled as ne, lastEnabled as re, nextEnabled as c, optionId as ie } from "../Listbox/Listbox2.js";
+/* empty css         */
+import { useId as ae, useMemo as oe, useRef as l, useState as u } from "react";
+import { Check as d, ChevronDown as se, Plus as ce, X as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+var g = (t) => t.toLowerCase()[e(139)](/\s+/g, ""), _ = (t, n) => {
 	let r = e, i = g(n);
-	return [t[r(318)], ...t.keywords ?? []][r(370)]((e) => g(e)[r(343)](i));
+	return [t[r(134)], ...t[r(197)] ?? []][r(188)]((e) => g(e)[r(189)](i));
 };
 function v({ text: t, query: n }) {
-	let r = e, i = n ? t[r(345)]().indexOf(n[r(345)]()) : -1;
-	return i < 0 ? p(f, { children: t }) : m(f, { children: [
-		t[r(369)](0, i),
-		p("mark", { children: t[r(369)](i, i + n.length) }),
-		t[r(369)](i + n[r(338)])
+	let r = e, i = n ? t[r(180)]().indexOf(n[r(180)]()) : -1;
+	return i < 0 ? m(p, { children: t }) : h(p, { children: [
+		t[r(160)](0, i),
+		m(r(140), { children: t[r(160)](i, i + n.length) }),
+		t[r(160)](i + n[r(165)])
 	] });
 }
-function y(i) {
-	let u = e, { options: h, placeholder: v = u(312), size: y = "md", disabled: x, invalid: S, leading: C, filter: le = _, onCreate: w, createLabel: ue = (e) => m(f, { children: [
+function y(r) {
+	let a = e, { options: d, placeholder: v = a(152), size: y = "md", disabled: b, invalid: x, leading: S, filter: ue = _, onCreate: C, createLabel: de = (e) => h(p, { children: [
 		"‘",
-		p(u(347), { children: e }),
+		m(a(192), { children: e }),
 		"’ 추가"
-	] }), emptyText: de, highlight: T = !0, renderOption: E, maxHeight: fe, id: pe, className: me, "aria-label": D, "aria-labelledby": O } = i, k = ae() + u(365), A = a(i.multiple ? {
-		type: u(325),
-		value: i[u(322)],
-		defaultValue: i[u(364)],
-		onValueChange: i.onValueChange
+	] }), emptyText: fe, highlight: pe = !0, renderOption: w, maxHeight: T, id: me, className: E, "aria-label": D, "aria-labelledby": O } = r, k = ae() + "-list", A = o(r[a(135)] ? {
+		type: "multiple",
+		value: r[a(147)],
+		defaultValue: r[a(172)],
+		onValueChange: r.onValueChange
 	} : {
-		type: u(337),
-		value: i.value,
-		defaultValue: i.defaultValue,
-		onValueChange: i[u(368)]
-	}), j = A.multiple, [M, N] = n(i.inputValue, "", i[u(330)]), [P, F] = l(!1), [I, L] = l(!1), R = t(I), [z, B] = l(-1), V = c(null), H = c(null), U = c(null), he = oe(() => new Map(h[u(336)]((e) => [e.value, e])), [h]), W = A[u(342)][u(336)]((e) => he[u(331)](e))[u(326)]((e) => !!e), G = j || P, K = G ? M[u(378)]() : "", q = K ? h[u(326)]((e) => le(e, K)) : h, J = !!w && !!K && !h[u(370)]((e) => g(e[u(318)]) === g(K)), Y = J ? [...q, { disabled: !1 }] : q, X = () => {
+		type: a(154),
+		value: r[a(147)],
+		defaultValue: r.defaultValue,
+		onValueChange: r[a(182)]
+	}), j = A[a(135)], [M, N] = n(r[a(144)], "", r.onInputChange), [P, F] = u(!1), [I, L] = u(!1), R = t(I), [z, B] = u(-1), V = l(null), H = l(null), U = l(null), he = oe(() => new Map(d[a(142)]((e) => [e[a(147)], e])), [d]), W = A[a(146)][a(142)]((e) => he[a(196)](e))[a(162)]((e) => !!e), G = j || P, K = G ? M[a(166)]() : "", q = K ? d[a(162)]((e) => ue(e, K)) : d, J = !!C && !!K && !d[a(188)]((e) => g(e[a(134)]) === g(K)), Y = J ? [...q, { disabled: !1 }] : q, X = () => {
 		L(!1), F(!1), j || N("");
 	};
-	o(I, [V, U], X);
+	s(I, [V, U], X);
 	let Z = (e = ne(Y)) => {
-		x || (B(e), L(!0));
+		b || (B(e), L(!0));
 	}, Q = (e) => {
-		let t = u;
-		e[t(311)] || (j ? (A[t(339)](e[t(322)]), N(""), H[t(349)]?.[t(357)]()) : (A[t(334)]([e[t(322)]]), X()));
+		let t = a;
+		e[t(145)] || (j ? (A[t(169)](e.value), N(""), H.current?.[t(187)]()) : (A[t(138)]([e[t(147)]]), X()));
 	}, $ = () => {
-		w?.(K), N(""), j || X();
+		C?.(K), N(""), j || X();
 	}, ge = J ? {
-		label: ue(K),
-		icon: p(ce, {}),
+		label: de(K),
+		icon: m(ce, {}),
 		onSelect: $
 	} : void 0, _e = () => {
-		z < 0 || (z < q[u(338)] ? Q(q[z]) : J && $());
+		z < 0 || (z < q[a(165)] ? Q(q[z]) : J && $());
 	}, ve = (e) => {
-		let t = u;
-		if (!e[t(316)][t(360)]) switch (e[t(359)]) {
-			case t(324):
-				e.preventDefault(), I ? B(s(Y, z, 1)) : Z();
+		let t = a;
+		if (!e.nativeEvent.isComposing) switch (e[t(164)]) {
+			case t(157):
+				e[t(193)](), I ? B(c(Y, z, 1)) : Z();
 				break;
-			case t(317):
-				e.preventDefault(), I ? B(s(Y, z, -1)) : Z(re(Y));
+			case t(171):
+				e[t(193)](), I ? B(c(Y, z, -1)) : Z(re(Y));
 				break;
-			case "Enter":
-				I && (e.preventDefault(), _e());
+			case t(148):
+				I && (e[t(193)](), _e());
 				break;
-			case t(333):
-				(I || P) && (e[t(356)](), X());
+			case "Escape":
+				(I || P) && (e[t(193)](), X());
 				break;
-			case t(377):
-				j && !M && W[t(338)] && A.toggle(W[W[t(338)] - 1][t(322)]);
+			case t(167):
+				j && !M && W[t(165)] && A[t(169)](W[W[t(165)] - 1][t(147)]);
 				break;
-			case t(328): I && X();
+			case t(159): I && X();
 		}
-	}, ye = G ? M : W[0]?.[u(318)] ?? "";
-	return m(f, { children: [m(u(376), {
+	}, ye = G ? M : W[0]?.[a(134)] ?? "";
+	return h(p, { children: [h(a(153), {
 		ref: V,
-		className: r(u(320), u(323), y !== "md" && u(371) + y, j && u(341), me),
+		className: i(a(185), a(184), y !== "md" && a(168) + y, j && a(177), E),
 		"data-open": I || void 0,
-		"data-invalid": S || void 0,
-		"data-disabled": x || void 0,
+		"data-invalid": x || void 0,
+		"data-disabled": b || void 0,
 		onPointerDown: (e) => {
-			let t = u;
-			x || e[t(366)] === H[t(349)] || (e[t(356)](), H[t(349)]?.[t(357)](), I || Z());
+			let t = a;
+			b || e.target === H[t(155)] || (e.preventDefault(), H[t(155)]?.[t(187)](), I || Z());
 		},
 		children: [
-			C && p(u(372), {
-				className: "ds-combobox__icon",
-				children: C
+			S && m(a(149), {
+				className: a(194),
+				children: S
 			}),
-			j && W[u(336)]((e) => m(u(372), {
-				className: u(375),
-				children: [e[u(318)], p(u(353), {
-					type: "button",
+			j && W[a(142)]((e) => h("span", {
+				className: a(176),
+				children: [e[a(134)], m("button", {
+					type: a(183),
 					tabIndex: -1,
-					"aria-label": e[u(318)] + " 제거",
-					disabled: x,
-					onPointerDown: (e) => e[u(351)](),
-					onClick: () => A[u(339)](e.value),
-					children: p(d, {})
+					"aria-label": e[a(134)] + a(175),
+					disabled: b,
+					onPointerDown: (e) => e.stopPropagation(),
+					onClick: () => A[a(169)](e[a(147)]),
+					children: m(f, {})
 				})]
-			}, e[u(322)])),
-			p(u(361), {
+			}, e[a(147)])),
+			m(a(170), {
 				ref: H,
-				id: pe,
-				role: u(314),
+				id: me,
+				role: a(186),
 				"aria-expanded": I,
 				"aria-controls": I ? k : void 0,
-				"aria-autocomplete": u(352),
+				"aria-autocomplete": a(173),
 				"aria-activedescendant": I && z >= 0 ? ie(k, z) : void 0,
-				"aria-invalid": S || void 0,
+				"aria-invalid": x || void 0,
 				"aria-label": D,
 				"aria-labelledby": O,
-				autoComplete: u(374),
-				disabled: x,
+				autoComplete: a(137),
+				disabled: b,
 				className: "ds-combobox__input",
-				placeholder: j && W[u(338)] ? "" : v,
+				placeholder: j && W[a(165)] ? "" : v,
 				value: ye,
 				onChange: (e) => {
-					let t = u;
-					N(e[t(366)][t(322)]), F(!0), L(!0), B(e[t(366)][t(322)][t(378)]() ? 0 : -1);
+					let t = a;
+					N(e[t(195)][t(147)]), F(!0), L(!0), B(e[t(195)][t(147)][t(166)]() ? 0 : -1);
 				},
 				onFocus: () => !I && Z(-1),
 				onClick: () => !I && Z(-1),
 				onBlur: () => X(),
 				onKeyDown: ve
 			}),
-			!j && W.length > 0 && !P && !x && p("button", {
+			!j && W[a(165)] > 0 && !P && !b && m(a(183), {
 				type: "button",
 				tabIndex: -1,
-				className: "ds-combobox__clear",
-				"aria-label": u(310),
+				className: a(181),
+				"aria-label": "선택 해제",
 				onPointerDown: (e) => {
-					let t = u;
-					e[t(356)](), e[t(351)]();
+					e[a(193)](), e.stopPropagation();
 				},
 				onClick: () => A.clear(),
-				children: p(d, {})
+				children: m(f, {})
 			}),
-			p(se, { className: u(315) })
+			m(se, { className: a(136) })
 		]
-	}), R[u(367)] && p(te, {
+	}), R.mounted && m(te, {
 		ref: U,
-		closing: R[u(327)],
+		closing: R[a(190)],
 		anchorRef: V,
-		maxHeight: fe,
-		children: p(ee, {
+		maxHeight: T,
+		children: m(ee, {
 			id: k,
 			options: q,
 			activeIndex: z,
-			isSelected: A[u(313)],
+			isSelected: A[a(141)],
 			onSelect: Q,
 			onActiveChange: B,
 			multiple: j,
 			action: ge,
-			emptyText: de,
+			emptyText: fe,
 			"aria-label": D,
-			renderOption: E ? (e, t) => E(e, {
+			renderOption: w ? (e, t) => w(e, {
 				...t,
 				query: K
-			}) : T && K ? (e, t) => p(b, {
+			}) : pe && K ? (e, t) => m(le, {
 				option: e,
 				state: t,
 				query: K,
@@ -198,32 +197,32 @@ function y(i) {
 		})
 	})] });
 }
-function b({ option: t, state: n, query: r, multiple: i }) {
+function le({ option: t, state: n, query: r, multiple: i }) {
 	let a = e;
-	return m(f, { children: [
-		i && p("span", {
-			className: a(355),
-			"data-checked": n[a(342)] || void 0,
-			children: p(u, {})
+	return h(p, { children: [
+		i && m(a(149), {
+			className: a(179),
+			"data-checked": n[a(146)] || void 0,
+			children: m(d, {})
 		}),
-		t[a(346)] && p(a(372), {
-			className: a(329),
-			children: t[a(346)]
+		t[a(151)] && m(a(149), {
+			className: "ds-option__icon",
+			children: t[a(151)]
 		}),
-		m(a(372), {
+		h(a(149), {
 			className: "ds-option__text",
-			children: [p("span", {
-				className: a(340),
-				children: p(v, {
-					text: t[a(318)],
+			children: [m("span", {
+				className: "ds-option__label",
+				children: m(v, {
+					text: t[a(134)],
 					query: r
 				})
-			}), t[a(348)] && p(a(372), {
-				className: a(332),
-				children: t.description
+			}), t[a(191)] && m(a(149), {
+				className: a(163),
+				children: t[a(191)]
 			})]
 		}),
-		!i && n[a(342)] && p(u, { className: a(363) })
+		!i && n[a(146)] && m(d, { className: a(178) })
 	] });
 }
 export { y as Combobox, _ as defaultComboboxFilter };