@iamfiro/design 0.3.2 → 0.3.4

package/lib/components/Combobox/Combobox2.js

@@ -1,195 +1,188 @@
 "use client";
-const e = u;
+const e = c;
 (function(e, t) {
-	let n = u, r = e();
+	let n = c, r = e();
 	for (;;) try {
-		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;
+		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 {
 		r.push(r.shift());
 	}
-})(d, 599795);
+})(x, 249237);
 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 { 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";
+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         */
-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) {
+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);
-	}, u.JmHrcZ = {}, u.faFrkY = !0);
+	}, c.zhcBKv = {}, c.rAwduP = !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;
+	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;
 }
-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;
-	}, d();
-}
-import { Check as f, ChevronDown as oe, Plus as se, X as p } from "lucide-react";
+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.toLowerCase()[e(212)](/\s+/g, ""), v = (t, n) => {
+var _ = (t) => t[e(379)]()[e(380)](/\s+/g, ""), v = (t, n) => {
 	let r = e, i = _(n);
-	return [t[r(231)], ...t[r(200)] ?? []][r(246)]((e) => _(e).includes(i));
+	return [t[r(343)], ...t.keywords ?? []].some((e) => _(e).includes(i));
 };
 function y({ text: t, query: n }) {
-	let r = e, i = n ? t[r(227)]()[r(262)](n[r(227)]()) : -1;
+	let r = e, i = n ? t.toLowerCase()[r(348)](n[r(379)]()) : -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)])
+		t.slice(0, i),
+		h(r(334), { children: t[r(340)](i, i + n[r(350)]) }),
+		t[r(340)](i + n.length)
 	] });
 }
-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: [
+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: [
 		"‘",
-		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)]
+		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: 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 = () => {
+		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("");
 	};
 	a(I, [V, U], X);
-	let Z = (e = te(Y)) => {
-		x || (B(e), L(!0));
+	let Z = (e = o(Y)) => {
+		S || (B(e), L(!0));
 	}, Q = (e) => {
 		let t = d;
-		e[t(251)] || (j ? (A.toggle(e.value), N(""), H.current?.[t(217)]()) : (A[t(205)]([e[t(260)]]), X()));
+		e.disabled || (j ? (A[t(341)](e[t(373)]), N(""), H.current?.[t(356)]()) : (A[t(372)]([e[t(373)]]), X()));
 	}, $ = () => {
-		w?.(K), N(""), j || X();
+		T?.(K), N(""), j || X();
 	}, ge = J ? {
-		label: ue(K),
-		icon: h(se, {}),
+		label: le(K),
+		icon: h(f, {}),
 		onSelect: $
 	} : void 0, _e = () => {
-		z < 0 || (z < q.length ? Q(q[z]) : J && $());
+		z < 0 || (z < q[d(350)] ? Q(q[z]) : J && $());
 	}, ve = (e) => {
 		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();
+		if (!e[t(330)].isComposing) switch (e.key) {
+			case t(355):
+				e.preventDefault(), I ? B(s(Y, z, 1)) : Z();
 				break;
-			case t(228):
-				e[t(257)](), I ? B(s(Y, z, -1)) : Z(ne(Y));
+			case t(371):
+				e.preventDefault(), I ? B(s(Y, z, -1)) : Z(ne(Y));
 				break;
-			case t(235):
+			case t(384):
 				I && (e.preventDefault(), _e());
 				break;
-			case t(211):
-				(I || P) && (e[t(257)](), X());
+			case "Escape":
+				(I || P) && (e[t(387)](), X());
 				break;
-			case "Backspace":
-				j && !M && W[t(252)] && A[t(207)](W[W[t(252)] - 1][t(260)]);
+			case t(391):
+				j && !M && W[t(350)] && A.toggle(W[W.length - 1].value);
 				break;
-			case t(209): I && X();
+			case "Tab": I && X();
 		}
-	}, ye = G ? M : W[0]?.[d(231)] ?? "";
-	return g(m, { children: [g(d(223), {
+	}, ye = G ? M : W[0]?.[d(343)] ?? "";
+	return g(m, { children: [g(d(353), {
 		ref: V,
-		className: r(d(215), d(226), b !== "md" && "ds-combobox--" + b, j && "ds-combobox--multiple", pe),
+		className: r(d(367), "ds-combobox", x !== "md" && "ds-combobox--" + x, j && d(342), pe),
 		"data-open": I || void 0,
-		"data-invalid": S || void 0,
-		"data-disabled": x || void 0,
+		"data-invalid": C || void 0,
+		"data-disabled": S || void 0,
 		onPointerDown: (e) => {
 			let t = d;
-			x || e[t(232)] === H[t(203)] || (e.preventDefault(), H[t(203)]?.focus(), I || Z());
+			S || e[t(377)] === H[t(326)] || (e.preventDefault(), H.current?.[t(356)](), I || Z());
 		},
 		children: [
-			C && h(d(225), {
-				className: "ds-combobox__icon",
-				children: C
+			w && h(d(361), {
+				className: d(369),
+				children: w
 			}),
-			j && W.map((e) => g(d(225), {
-				className: d(241),
-				children: [e.label, h("button", {
-					type: d(234),
+			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[d(231)] + d(240),
-					disabled: x,
-					onPointerDown: (e) => e[d(208)](),
-					onClick: () => A.toggle(e[d(260)]),
+					"aria-label": e[d(343)] + d(383),
+					disabled: S,
+					onPointerDown: (e) => e.stopPropagation(),
+					onClick: () => A.toggle(e[d(373)]),
 					children: h(p, {})
 				})]
 			}, e.value)),
-			h("input", {
+			h(d(389), {
 				ref: H,
-				id: D,
-				role: d(196),
+				id: fe,
+				role: d(381),
 				"aria-expanded": I,
 				"aria-controls": I ? k : void 0,
-				"aria-autocomplete": d(255),
+				"aria-autocomplete": d(364),
 				"aria-activedescendant": I && z >= 0 ? re(k, z) : void 0,
-				"aria-invalid": S || void 0,
+				"aria-invalid": C || void 0,
 				"aria-label": O,
 				"aria-labelledby": me,
-				autoComplete: d(254),
-				disabled: x,
-				className: d(247),
-				placeholder: j && W[d(252)] ? "" : y,
+				autoComplete: "off",
+				disabled: S,
+				className: d(358),
+				placeholder: j && W[d(350)] ? "" : b,
 				value: ye,
 				onChange: (e) => {
 					let t = d;
-					N(e[t(232)][t(260)]), F(!0), L(!0), B(e[t(232)][t(260)].trim() ? 0 : -1);
+					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[d(252)] > 0 && !P && !x && h(d(234), {
-				type: d(234),
+			!j && W.length > 0 && !P && !S && h("button", {
+				type: "button",
 				tabIndex: -1,
-				className: d(249),
-				"aria-label": d(224),
+				className: d(363),
+				"aria-label": "선택 해제",
 				onPointerDown: (e) => {
-					let t = d;
-					e[t(257)](), e[t(208)]();
+					e[d(387)](), e.stopPropagation();
 				},
-				onClick: () => A[d(198)](),
+				onClick: () => A[d(331)](),
 				children: h(p, {})
 			}),
-			h(oe, { className: "ds-combobox__chevron" })
+			h(oe, { className: d(390) })
 		]
-	}), R[d(244)] && h(o, {
+	}), R[d(385)] && h(te, {
 		ref: U,
-		closing: R.closing,
+		closing: R[d(338)],
 		anchorRef: V,
-		maxHeight: E,
+		maxHeight: D,
 		children: h(ee, {
 			id: k,
 			options: q,
 			activeIndex: z,
-			isSelected: A.isSelected,
+			isSelected: A[d(366)],
 			onSelect: Q,
 			onActiveChange: B,
 			multiple: j,
 			action: ge,
-			emptyText: de,
+			emptyText: ue,
 			"aria-label": O,
-			renderOption: T ? (e, t) => T(e, {
+			renderOption: E ? (e, t) => E(e, {
 				...t,
 				query: K
-			}) : fe && K ? (e, t) => h(ce, {
+			}) : de && K ? (e, t) => h(se, {
 				option: e,
 				state: t,
 				query: K,
@@ -198,32 +191,38 @@ function b(u) {
 		})
 	})] });
 }
-function ce({ 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 g(m, { children: [
-		i && h("span", {
-			className: a(261),
-			"data-checked": n[a(221)] || void 0,
-			children: h(f, {})
+		i && h(a(361), {
+			className: "ds-option__check-box",
+			"data-checked": n[a(351)] || void 0,
+			children: h(d, {})
 		}),
-		t.icon && h(a(225), {
-			className: a(201),
-			children: t[a(204)]
+		t.icon && h(a(361), {
+			className: "ds-option__icon",
+			children: t[a(336)]
 		}),
-		g("span", {
-			className: "ds-option__text",
-			children: [h(a(225), {
-				className: a(239),
+		g(a(361), {
+			className: a(339),
+			children: [h(a(361), {
+				className: a(354),
 				children: h(y, {
-					text: t[a(231)],
+					text: t[a(343)],
 					query: r
 				})
-			}), t[a(213)] && h(a(225), {
-				className: a(229),
-				children: t[a(213)]
+			}), t[a(382)] && h(a(361), {
+				className: a(360),
+				children: t[a(382)]
 			})]
 		}),
-		!i && n[a(221)] && h(f, { className: a(202) })
+		!i && n.selected && h(d, { className: a(386) })
 	] });
 }
 export { b as Combobox, v as defaultComboboxFilter };