@iamfiro/design 0.3.1 → 0.3.4

package/lib/components/Combobox/Combobox2.js

@@ -1,194 +1,188 @@
 "use client";
-const e = r;
+const e = c;
 (function(e, t) {
-	let n = r, i = e();
+	let n = c, r = e();
 	for (;;) try {
-		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());
+		if (parseInt(n(332)) / 1 * (-parseInt(n(368)) / 2) + -parseInt(n(365)) / 3 * (parseInt(n(344)) / 4) + parseInt(n(376)) / 5 + parseInt(n(329)) / 6 * (-parseInt(n(337)) / 7) + -parseInt(n(325)) / 8 * (-parseInt(n(352)) / 9) + -parseInt(n(378)) / 10 * (-parseInt(n(328)) / 11) + -parseInt(n(333)) / 12 * (parseInt(n(327)) / 13) == t) break;
+		r.push(r.shift());
 	} catch {
-		i.push(i.shift());
+		r.push(r.shift());
 	}
-})(a, 967689);
+})(x, 249237);
 import { usePresence as t } from "../../hooks/usePresence.js";
 import { useControllableState as n } from "../../hooks/useControllableState.js";
-function r(e, t) {
-	e -= 134;
-	let n = a(), i = n[e];
-	r.szlFZZ === void 0 && (r.wyJLAW = function(e) {
+import { cx as r } from "../../primitives/index.js";
+import { useSelection as i } from "../../hooks/useSelection.js";
+import { useDismiss as a } from "../../hooks/useDismiss.js";
+import { Listbox as ee, ListboxPopover as te, firstEnabled as o, lastEnabled as ne, nextEnabled as s, optionId as re } from "../Listbox/Listbox2.js";
+/* empty css         */
+function c(e, t) {
+	e -= 325;
+	let n = x(), r = n[e];
+	c.rAwduP === void 0 && (c.JccIuY = 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);
-	}, 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 { 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;
-	}, a();
+	}, c.zhcBKv = {}, c.rAwduP = !0);
+	let i = n[0];
+	c.zRSlca !== i && (c.zhcBKv = {}, c.zRSlca = i);
+	let a = c.zhcBKv[e];
+	return a === void 0 ? (r = c.JccIuY(r), c.zhcBKv[e] = r) : r = a, r;
 }
-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(134)], ...t[r(197)] ?? []][r(188)]((e) => g(e)[r(189)](i));
+import { useId as ie, useMemo as ae, useRef as l, useState as u } from "react";
+import { Check as d, ChevronDown as oe, Plus as f, X as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+var _ = (t) => t[e(379)]()[e(380)](/\s+/g, ""), v = (t, n) => {
+	let r = e, i = _(n);
+	return [t[r(343)], ...t.keywords ?? []].some((e) => _(e).includes(i));
 };
-function v({ text: t, query: n }) {
-	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({ text: t, query: n }) {
+	let r = e, i = n ? t.toLowerCase()[r(348)](n[r(379)]()) : -1;
+	return i < 0 ? h(m, { children: t }) : g(m, { children: [
+		t.slice(0, i),
+		h(r(334), { children: t[r(340)](i, i + n[r(350)]) }),
+		t[r(340)](i + n.length)
 	] });
 }
-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: [
+function b(c) {
+	let d = e, { options: y, placeholder: b = d(349), size: x = "md", disabled: S, invalid: C, leading: w, filter: ce = v, onCreate: T, createLabel: le = (e) => g(m, { children: [
 		"‘",
-		m(a(192), { children: e }),
-		"’ 추가"
-	] }), 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
+		h(d(347), { children: e }),
+		d(370)
+	] }), emptyText: ue, highlight: de = !0, renderOption: E, maxHeight: D, id: fe, className: pe, "aria-label": O, "aria-labelledby": me } = c, k = ie() + "-list", A = i(c[d(345)] ? {
+		type: d(345),
+		value: c[d(373)],
+		defaultValue: c[d(375)],
+		onValueChange: c[d(346)]
 	} : {
-		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 = () => {
+		type: d(359),
+		value: c.value,
+		defaultValue: c[d(375)],
+		onValueChange: c.onValueChange
+	}), j = A[d(345)], [M, N] = n(c[d(374)], "", c.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 = ae(() => new Map(y[d(388)]((e) => [e.value, e])), [y]), W = A[d(351)][d(388)]((e) => he.get(e))[d(335)]((e) => !!e), G = j || P, K = G ? M[d(357)]() : "", q = K ? y[d(335)]((e) => ce(e, K)) : y, J = !!T && !!K && !y.some((e) => _(e[d(343)]) === _(K)), Y = J ? [...q, { disabled: !1 }] : q, X = () => {
 		L(!1), F(!1), j || N("");
 	};
-	s(I, [V, U], X);
-	let Z = (e = ne(Y)) => {
-		b || (B(e), L(!0));
+	a(I, [V, U], X);
+	let Z = (e = o(Y)) => {
+		S || (B(e), L(!0));
 	}, Q = (e) => {
-		let t = a;
-		e[t(145)] || (j ? (A[t(169)](e.value), N(""), H.current?.[t(187)]()) : (A[t(138)]([e[t(147)]]), X()));
+		let t = d;
+		e.disabled || (j ? (A[t(341)](e[t(373)]), N(""), H.current?.[t(356)]()) : (A[t(372)]([e[t(373)]]), X()));
 	}, $ = () => {
-		C?.(K), N(""), j || X();
+		T?.(K), N(""), j || X();
 	}, ge = J ? {
-		label: de(K),
-		icon: m(ce, {}),
+		label: le(K),
+		icon: h(f, {}),
 		onSelect: $
 	} : void 0, _e = () => {
-		z < 0 || (z < q[a(165)] ? Q(q[z]) : J && $());
+		z < 0 || (z < q[d(350)] ? Q(q[z]) : J && $());
 	}, ve = (e) => {
-		let t = a;
-		if (!e.nativeEvent.isComposing) switch (e[t(164)]) {
-			case t(157):
-				e[t(193)](), I ? B(c(Y, z, 1)) : Z();
+		let t = d;
+		if (!e[t(330)].isComposing) switch (e.key) {
+			case t(355):
+				e.preventDefault(), I ? B(s(Y, z, 1)) : Z();
 				break;
-			case t(171):
-				e[t(193)](), I ? B(c(Y, z, -1)) : Z(re(Y));
+			case t(371):
+				e.preventDefault(), I ? B(s(Y, z, -1)) : Z(ne(Y));
 				break;
-			case t(148):
-				I && (e[t(193)](), _e());
+			case t(384):
+				I && (e.preventDefault(), _e());
 				break;
 			case "Escape":
-				(I || P) && (e[t(193)](), X());
+				(I || P) && (e[t(387)](), X());
 				break;
-			case t(167):
-				j && !M && W[t(165)] && A[t(169)](W[W[t(165)] - 1][t(147)]);
+			case t(391):
+				j && !M && W[t(350)] && A.toggle(W[W.length - 1].value);
 				break;
-			case t(159): I && X();
+			case "Tab": I && X();
 		}
-	}, ye = G ? M : W[0]?.[a(134)] ?? "";
-	return h(p, { children: [h(a(153), {
+	}, ye = G ? M : W[0]?.[d(343)] ?? "";
+	return g(m, { children: [g(d(353), {
 		ref: V,
-		className: i(a(185), a(184), y !== "md" && a(168) + y, j && a(177), E),
+		className: r(d(367), "ds-combobox", x !== "md" && "ds-combobox--" + x, j && d(342), pe),
 		"data-open": I || void 0,
-		"data-invalid": x || void 0,
-		"data-disabled": b || void 0,
+		"data-invalid": C || void 0,
+		"data-disabled": S || void 0,
 		onPointerDown: (e) => {
-			let t = a;
-			b || e.target === H[t(155)] || (e.preventDefault(), H[t(155)]?.[t(187)](), I || Z());
+			let t = d;
+			S || e[t(377)] === H[t(326)] || (e.preventDefault(), H.current?.[t(356)](), I || Z());
 		},
 		children: [
-			S && m(a(149), {
-				className: a(194),
-				children: S
+			w && h(d(361), {
+				className: d(369),
+				children: w
 			}),
-			j && W[a(142)]((e) => h("span", {
-				className: a(176),
-				children: [e[a(134)], m("button", {
-					type: a(183),
+			j && W.map((e) => g(d(361), {
+				className: "ds-combobox__tag",
+				children: [e[d(343)], h("button", {
+					type: d(362),
 					tabIndex: -1,
-					"aria-label": e[a(134)] + a(175),
-					disabled: b,
+					"aria-label": e[d(343)] + d(383),
+					disabled: S,
 					onPointerDown: (e) => e.stopPropagation(),
-					onClick: () => A[a(169)](e[a(147)]),
-					children: m(f, {})
+					onClick: () => A.toggle(e[d(373)]),
+					children: h(p, {})
 				})]
-			}, e[a(147)])),
-			m(a(170), {
+			}, e.value)),
+			h(d(389), {
 				ref: H,
-				id: me,
-				role: a(186),
+				id: fe,
+				role: d(381),
 				"aria-expanded": I,
 				"aria-controls": I ? k : void 0,
-				"aria-autocomplete": a(173),
-				"aria-activedescendant": I && z >= 0 ? ie(k, z) : void 0,
-				"aria-invalid": x || void 0,
-				"aria-label": D,
-				"aria-labelledby": O,
-				autoComplete: a(137),
-				disabled: b,
-				className: "ds-combobox__input",
-				placeholder: j && W[a(165)] ? "" : v,
+				"aria-autocomplete": d(364),
+				"aria-activedescendant": I && z >= 0 ? re(k, z) : void 0,
+				"aria-invalid": C || void 0,
+				"aria-label": O,
+				"aria-labelledby": me,
+				autoComplete: "off",
+				disabled: S,
+				className: d(358),
+				placeholder: j && W[d(350)] ? "" : b,
 				value: ye,
 				onChange: (e) => {
-					let t = a;
-					N(e[t(195)][t(147)]), F(!0), L(!0), B(e[t(195)][t(147)][t(166)]() ? 0 : -1);
+					let t = d;
+					N(e[t(377)][t(373)]), F(!0), L(!0), B(e[t(377)].value[t(357)]() ? 0 : -1);
 				},
 				onFocus: () => !I && Z(-1),
 				onClick: () => !I && Z(-1),
 				onBlur: () => X(),
 				onKeyDown: ve
 			}),
-			!j && W[a(165)] > 0 && !P && !b && m(a(183), {
+			!j && W.length > 0 && !P && !S && h("button", {
 				type: "button",
 				tabIndex: -1,
-				className: a(181),
+				className: d(363),
 				"aria-label": "선택 해제",
 				onPointerDown: (e) => {
-					e[a(193)](), e.stopPropagation();
+					e[d(387)](), e.stopPropagation();
 				},
-				onClick: () => A.clear(),
-				children: m(f, {})
+				onClick: () => A[d(331)](),
+				children: h(p, {})
 			}),
-			m(se, { className: a(136) })
+			h(oe, { className: d(390) })
 		]
-	}), R.mounted && m(te, {
+	}), R[d(385)] && h(te, {
 		ref: U,
-		closing: R[a(190)],
+		closing: R[d(338)],
 		anchorRef: V,
-		maxHeight: T,
-		children: m(ee, {
+		maxHeight: D,
+		children: h(ee, {
 			id: k,
 			options: q,
 			activeIndex: z,
-			isSelected: A[a(141)],
+			isSelected: A[d(366)],
 			onSelect: Q,
 			onActiveChange: B,
 			multiple: j,
 			action: ge,
-			emptyText: fe,
-			"aria-label": D,
-			renderOption: w ? (e, t) => w(e, {
+			emptyText: ue,
+			"aria-label": O,
+			renderOption: E ? (e, t) => E(e, {
 				...t,
 				query: K
-			}) : pe && K ? (e, t) => m(le, {
+			}) : de && K ? (e, t) => h(se, {
 				option: e,
 				state: t,
 				query: K,
@@ -197,32 +191,38 @@ function y(r) {
 		})
 	})] });
 }
-function le({ option: t, state: n, query: r, multiple: i }) {
+function x() {
+	let e = /* @__PURE__ */ "y3vYCMvUDa.mte5ntiYvNLpqMnA.nZGYntrHwgH1wu0.nJm2qKf2sLHV.BMf0AxzLrxzLBNq.y2XLyxi.mwfIq2jwrq.ntuYzgHKthHV.BwfYAW.zMLSDgvY.AwnVBG.ndqZmw1vrw9Qvq.y2XVC2LUzW.zhmTB3b0Aw9Ux190zxH0.C2XPy2u.Dg9Nz2XL.zhmTy29TyM9IB3GTlw11BhrPCgXL.BgfIzwW.mJbIBM93ruS.BxvSDgLWBgu.B25wywX1zunOyw5Nzq.C3rYB25N.Aw5KzxHpzG.6Rka7ioj7zw07isCioYeOo2dNq.BgvUz3rO.C2vSzwn0zwq.ndqWnJKWnfr5z3PXCa.zgL2.zhmTB3b0Aw9Ux19SywjLBa.qxjYB3DeB3DU.zM9JDxm.DhjPBq.zhmTy29TyM9IB3HFx2LUChv0.C2LUz2XL.zhmTB3b0Aw9Ux19KzxnJ.C3bHBG.yNv0Dg9U.zhmTy29TyM9IB3HFx2nSzwfY.BgLZDa.otmWDhzJt29A.AxntzwXLy3rLza.zhmTy29UDhjVBa.nJa4nJe0wLPlsxfg.zhmTy29TyM9IB3HFx2LJB24.4OczioY2LoQWGa.qxjYB3DvCa.C2v0u2vSzwn0zwq.DMfSDwu.Aw5WDxrwywX1zq.zgvMyxvSDfzHBhvL.nJa3ntmWs01qD25j.DgfYz2v0.nJeWvLLHzLfT.Dg9mB3DLCKnHC2u.CMvWBgfJzq.y29TyM9IB3G.zgvZy3jPChrPB24.ioYGNoQXSa.rw50zxi.Bw91BNrLza.zhmTB3b0Aw9Ux19JAgvJAW.ChjLDMvUDerLzMf1Bhq.BwfW.Aw5WDxq.zhmTy29TyM9IB3HFx2nOzxzYB24.qMfJA3nWywnL.oe9tzg5fzq".split(".");
+	return x = function() {
+		return e;
+	}, x();
+}
+function se({ option: t, state: n, query: r, multiple: i }) {
 	let a = e;
-	return h(p, { children: [
-		i && m(a(149), {
-			className: a(179),
-			"data-checked": n[a(146)] || void 0,
-			children: m(d, {})
+	return g(m, { children: [
+		i && h(a(361), {
+			className: "ds-option__check-box",
+			"data-checked": n[a(351)] || void 0,
+			children: h(d, {})
 		}),
-		t[a(151)] && m(a(149), {
+		t.icon && h(a(361), {
 			className: "ds-option__icon",
-			children: t[a(151)]
+			children: t[a(336)]
 		}),
-		h(a(149), {
-			className: "ds-option__text",
-			children: [m("span", {
-				className: "ds-option__label",
-				children: m(v, {
-					text: t[a(134)],
+		g(a(361), {
+			className: a(339),
+			children: [h(a(361), {
+				className: a(354),
+				children: h(y, {
+					text: t[a(343)],
 					query: r
 				})
-			}), t[a(191)] && m(a(149), {
-				className: a(163),
-				children: t[a(191)]
+			}), t[a(382)] && h(a(361), {
+				className: a(360),
+				children: t[a(382)]
 			})]
 		}),
-		!i && n[a(146)] && m(d, { className: a(178) })
+		!i && n.selected && h(d, { className: a(386) })
 	] });
 }
-export { y as Combobox, _ as defaultComboboxFilter };
+export { b as Combobox, v as defaultComboboxFilter };