@iamfiro/design 0.3.0 → 0.3.2

package/lib/components/Combobox/Combobox2.js

@@ -1,195 +1,195 @@
 "use client";
-const e = i;
+const e = u;
 (function(e, t) {
-	let n = i, r = e();
+	let n = u, r = 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;
+		if (parseInt(n(222)) / 1 + parseInt(n(256)) / 2 + -parseInt(n(258)) / 3 + parseInt(n(210)) / 4 * (-parseInt(n(206)) / 5) + -parseInt(n(245)) / 6 * (-parseInt(n(236)) / 7) + parseInt(n(216)) / 8 * (parseInt(n(220)) / 9) + parseInt(n(214)) / 10 == t) break;
 		r.push(r.shift());
 	} catch {
 		r.push(r.shift());
 	}
-})(h, 306184);
+})(d, 599795);
 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) {
+import { useSelection as i } from "../../hooks/useSelection.js";
+import { useDismiss as a } from "../../hooks/useDismiss.js";
+import { Listbox as ee, ListboxPopover as o, firstEnabled as te, lastEnabled as ne, nextEnabled as s, optionId as re } from "../Listbox/Listbox2.js";
+/* empty css         */
+import { useId as ie, useMemo as ae, useRef as c, useState as l } from "react";
+function u(e, t) {
+	e -= 196;
+	let n = d(), r = n[e];
+	u.faFrkY === void 0 && (u.cFjwIP = 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;
+	}, u.JmHrcZ = {}, u.faFrkY = !0);
+	let i = n[0];
+	u.zVebhr !== i && (u.JmHrcZ = {}, u.zVebhr = i);
+	let a = u.JmHrcZ[e];
+	return a === void 0 ? (r = u.cFjwIP(r), u.JmHrcZ[e] = r) : r = a, r;
 }
-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() {
+function d() {
+	let e = /* @__PURE__ */ "zM9JDxm.BMf0AxzLrxzLBNq.C2LUz2XL.mJuYv1D5DhDI.C2vSzwn0zwq.otyYntfuD2XTtMm.zgL2.7isG7yoDio2vToYGNa.C3bHBG.zhmTy29TyM9IB3G.Dg9mB3DLCKnHC2u.qxjYB3DvCa.zhmTB3b0Aw9Ux19KzxnJ.BwfYAW.BgfIzwW.DgfYz2v0.A2v5.yNv0Dg9U.rw50zxi.nZDwrgvLrwi.zgvMyxvSDfzHBhvL.BxvSDgLWBgu.zhmTB3b0Aw9Ux19SywjLBa.ioYGNoQXSa.zhmTy29TyM9IB3HFx3rHzW.C2XPy2u.qxjYB3DeB3DU.Bw91BNrLza.mZC2ndK0EMP3vfzw.C29Tzq.zhmTy29TyM9IB3HFx2LUChv0.Aw5WDxrwywX1zq.zhmTy29TyM9IB3HFx2nSzwfY.z2v0.zgLZywjSzwq.BgvUz3rO.B25wywX1zunOyw5Nzq.B2zM.BgLZDa.mty5otqZne5nr0j4yG.ChjLDMvUDerLzMf1Bhq.mtG3mdu2m3nbCfLKEa.zMLSDgvY.DMfSDwu.zhmTB3b0Aw9Ux19JAgvJAY1IB3G.Aw5KzxHpzG.4OczioY2LoQWGa.y29TyM9IB3G.6Rka7ioj7zw07isCioYeOo2dNq.y2XLyxi.BwfW.A2v5D29Yzhm.zhmTB3b0Aw9Ux19Py29U.zhmTB3b0Aw9Ux19JAgvJAW.y3vYCMvUDa.AwnVBG.C2v0u2vSzwn0zwq.mJuWmZeWvezKsMr3.Dg9Nz2XL.C3rVCfbYB3bHz2f0Aw9U.vgfI.otjPtuf3qu8.rxnJyxbL.CMvWBgfJzq.zgvZy3jPChrPB24.mJG1nZq3mgjHr2zRBW.zhmTy29UDhjVBa.mti5mZy4C0DVt0vQ".split(".");
+	return d = function() {
 		return e;
-	}, h();
+	}, d();
 }
-var g = (t) => t[e(345)]().replace(/\s+/g, ""), _ = (t, n) => {
-	let r = e, i = g(n);
-	return [t[r(318)], ...t.keywords ?? []][r(370)]((e) => g(e)[r(343)](i));
+import { Check as f, ChevronDown as oe, Plus as se, X as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+var _ = (t) => t.toLowerCase()[e(212)](/\s+/g, ""), v = (t, n) => {
+	let r = e, i = _(n);
+	return [t[r(231)], ...t[r(200)] ?? []][r(246)]((e) => _(e).includes(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)])
+function y({ text: t, query: n }) {
+	let r = e, i = n ? t[r(227)]()[r(262)](n[r(227)]()) : -1;
+	return i < 0 ? h(m, { children: t }) : g(m, { children: [
+		t[r(242)](0, i),
+		h(r(230), { children: t[r(242)](i, i + n[r(252)]) }),
+		t[r(242)](i + n[r(252)])
 	] });
 }
-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 b(u) {
+	let d = e, { options: f, placeholder: y = d(197), size: b = "md", disabled: x, invalid: S, leading: C, filter: le = v, onCreate: w, createLabel: ue = (e) => g(m, { children: [
 		"‘",
-		p(u(347), { 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
+		h("strong", { children: e }),
+		d(263)
+	] }), emptyText: de, highlight: fe = !0, renderOption: T, maxHeight: E, id: D, className: pe, "aria-label": O, "aria-labelledby": me } = u, k = ie() + "-list", A = i(u.multiple ? {
+		type: d(238),
+		value: u[d(260)],
+		defaultValue: u[d(237)],
+		onValueChange: u[d(253)]
 	} : {
-		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: d(219),
+		value: u[d(260)],
+		defaultValue: u[d(237)],
+		onValueChange: u[d(253)]
+	}), j = A[d(238)], [M, N] = n(u[d(248)], "", u.onInputChange), [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 = ae(() => new Map(f[d(199)]((e) => [e[d(260)], e])), [f]), W = A[d(221)][d(199)]((e) => he[d(250)](e)).filter((e) => !!e), G = j || P, K = G ? M.trim() : "", q = K ? f[d(259)]((e) => le(e, K)) : f, J = !!w && !!K && !f[d(246)]((e) => _(e[d(231)]) === _(K)), Y = J ? [...q, { disabled: !1 }] : q, X = () => {
 		L(!1), F(!1), j || N("");
 	};
-	o(I, [V, U], X);
-	let Z = (e = ne(Y)) => {
+	a(I, [V, U], X);
+	let Z = (e = te(Y)) => {
 		x || (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 = d;
+		e[t(251)] || (j ? (A.toggle(e.value), N(""), H.current?.[t(217)]()) : (A[t(205)]([e[t(260)]]), X()));
 	}, $ = () => {
 		w?.(K), N(""), j || X();
 	}, ge = J ? {
 		label: ue(K),
-		icon: p(ce, {}),
+		icon: h(se, {}),
 		onSelect: $
 	} : void 0, _e = () => {
-		z < 0 || (z < q[u(338)] ? Q(q[z]) : J && $());
+		z < 0 || (z < q.length ? 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 = d;
+		if (!e[t(218)].isComposing) switch (e[t(233)]) {
+			case t(243):
+				e[t(257)](), I ? B(s(Y, z, 1)) : Z();
 				break;
-			case t(317):
-				e.preventDefault(), I ? B(s(Y, z, -1)) : Z(re(Y));
+			case t(228):
+				e[t(257)](), I ? B(s(Y, z, -1)) : Z(ne(Y));
 				break;
-			case "Enter":
+			case t(235):
 				I && (e.preventDefault(), _e());
 				break;
-			case t(333):
-				(I || P) && (e[t(356)](), X());
+			case t(211):
+				(I || P) && (e[t(257)](), X());
 				break;
-			case t(377):
-				j && !M && W[t(338)] && A.toggle(W[W[t(338)] - 1][t(322)]);
+			case "Backspace":
+				j && !M && W[t(252)] && A[t(207)](W[W[t(252)] - 1][t(260)]);
 				break;
-			case t(328): I && X();
+			case t(209): I && X();
 		}
-	}, ye = G ? M : W[0]?.[u(318)] ?? "";
-	return m(f, { children: [m(u(376), {
+	}, ye = G ? M : W[0]?.[d(231)] ?? "";
+	return g(m, { children: [g(d(223), {
 		ref: V,
-		className: r(u(320), u(323), y !== "md" && u(371) + y, j && u(341), me),
+		className: r(d(215), d(226), b !== "md" && "ds-combobox--" + b, j && "ds-combobox--multiple", pe),
 		"data-open": I || void 0,
 		"data-invalid": S || void 0,
 		"data-disabled": x || 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 = d;
+			x || e[t(232)] === H[t(203)] || (e.preventDefault(), H[t(203)]?.focus(), I || Z());
 		},
 		children: [
-			C && p(u(372), {
+			C && h(d(225), {
 				className: "ds-combobox__icon",
 				children: C
 			}),
-			j && W[u(336)]((e) => m(u(372), {
-				className: u(375),
-				children: [e[u(318)], p(u(353), {
-					type: "button",
+			j && W.map((e) => g(d(225), {
+				className: d(241),
+				children: [e.label, h("button", {
+					type: d(234),
 					tabIndex: -1,
-					"aria-label": e[u(318)] + " 제거",
+					"aria-label": e[d(231)] + d(240),
 					disabled: x,
-					onPointerDown: (e) => e[u(351)](),
-					onClick: () => A[u(339)](e.value),
-					children: p(d, {})
+					onPointerDown: (e) => e[d(208)](),
+					onClick: () => A.toggle(e[d(260)]),
+					children: h(p, {})
 				})]
-			}, e[u(322)])),
-			p(u(361), {
+			}, e.value)),
+			h("input", {
 				ref: H,
-				id: pe,
-				role: u(314),
+				id: D,
+				role: d(196),
 				"aria-expanded": I,
 				"aria-controls": I ? k : void 0,
-				"aria-autocomplete": u(352),
-				"aria-activedescendant": I && z >= 0 ? ie(k, z) : void 0,
+				"aria-autocomplete": d(255),
+				"aria-activedescendant": I && z >= 0 ? re(k, z) : void 0,
 				"aria-invalid": S || void 0,
-				"aria-label": D,
-				"aria-labelledby": O,
-				autoComplete: u(374),
+				"aria-label": O,
+				"aria-labelledby": me,
+				autoComplete: d(254),
 				disabled: x,
-				className: "ds-combobox__input",
-				placeholder: j && W[u(338)] ? "" : v,
+				className: d(247),
+				placeholder: j && W[d(252)] ? "" : y,
 				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 = d;
+					N(e[t(232)][t(260)]), F(!0), L(!0), B(e[t(232)][t(260)].trim() ? 0 : -1);
 				},
 				onFocus: () => !I && Z(-1),
 				onClick: () => !I && Z(-1),
 				onBlur: () => X(),
 				onKeyDown: ve
 			}),
-			!j && W.length > 0 && !P && !x && p("button", {
-				type: "button",
+			!j && W[d(252)] > 0 && !P && !x && h(d(234), {
+				type: d(234),
 				tabIndex: -1,
-				className: "ds-combobox__clear",
-				"aria-label": u(310),
+				className: d(249),
+				"aria-label": d(224),
 				onPointerDown: (e) => {
-					let t = u;
-					e[t(356)](), e[t(351)]();
+					let t = d;
+					e[t(257)](), e[t(208)]();
 				},
-				onClick: () => A.clear(),
-				children: p(d, {})
+				onClick: () => A[d(198)](),
+				children: h(p, {})
 			}),
-			p(se, { className: u(315) })
+			h(oe, { className: "ds-combobox__chevron" })
 		]
-	}), R[u(367)] && p(te, {
+	}), R[d(244)] && h(o, {
 		ref: U,
-		closing: R[u(327)],
+		closing: R.closing,
 		anchorRef: V,
-		maxHeight: fe,
-		children: p(ee, {
+		maxHeight: E,
+		children: h(ee, {
 			id: k,
 			options: q,
 			activeIndex: z,
-			isSelected: A[u(313)],
+			isSelected: A.isSelected,
 			onSelect: Q,
 			onActiveChange: B,
 			multiple: j,
 			action: ge,
 			emptyText: de,
-			"aria-label": D,
-			renderOption: E ? (e, t) => E(e, {
+			"aria-label": O,
+			renderOption: T ? (e, t) => T(e, {
 				...t,
 				query: K
-			}) : T && K ? (e, t) => p(b, {
+			}) : fe && K ? (e, t) => h(ce, {
 				option: e,
 				state: t,
 				query: K,
@@ -198,32 +198,32 @@ function y(i) {
 		})
 	})] });
 }
-function b({ option: t, state: n, query: r, multiple: i }) {
+function ce({ 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 g(m, { children: [
+		i && h("span", {
+			className: a(261),
+			"data-checked": n[a(221)] || void 0,
+			children: h(f, {})
 		}),
-		t[a(346)] && p(a(372), {
-			className: a(329),
-			children: t[a(346)]
+		t.icon && h(a(225), {
+			className: a(201),
+			children: t[a(204)]
 		}),
-		m(a(372), {
+		g("span", {
 			className: "ds-option__text",
-			children: [p("span", {
-				className: a(340),
-				children: p(v, {
-					text: t[a(318)],
+			children: [h(a(225), {
+				className: a(239),
+				children: h(y, {
+					text: t[a(231)],
 					query: r
 				})
-			}), t[a(348)] && p(a(372), {
-				className: a(332),
-				children: t.description
+			}), t[a(213)] && h(a(225), {
+				className: a(229),
+				children: t[a(213)]
 			})]
 		}),
-		!i && n[a(342)] && p(u, { className: a(363) })
+		!i && n[a(221)] && h(f, { className: a(202) })
 	] });
 }
-export { y as Combobox, _ as defaultComboboxFilter };
+export { b as Combobox, v as defaultComboboxFilter };