@iamfiro/design 0.3.1 → 0.3.2

package/lib/components/Combobox/Combobox2.js

@@ -1,194 +1,195 @@
 "use client";
-const e = r;
+const e = u;
 (function(e, t) {
-	let n = r, i = e();
+	let n = u, 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(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 {
-		i.push(i.shift());
+		r.push(r.shift());
 	}
-})(a, 967689);
+})(d, 599795);
 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 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);
-	}, 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;
+	}, 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 { 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() {
+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;
-	}, a();
+	}, d();
 }
-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 { 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(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[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(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(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: [
 		"‘",
-		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("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: 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(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("");
 	};
-	s(I, [V, U], X);
-	let Z = (e = ne(Y)) => {
-		b || (B(e), L(!0));
+	a(I, [V, U], X);
+	let Z = (e = te(Y)) => {
+		x || (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[t(251)] || (j ? (A.toggle(e.value), N(""), H.current?.[t(217)]()) : (A[t(205)]([e[t(260)]]), X()));
 	}, $ = () => {
-		C?.(K), N(""), j || X();
+		w?.(K), N(""), j || X();
 	}, ge = J ? {
-		label: de(K),
-		icon: m(ce, {}),
+		label: ue(K),
+		icon: h(se, {}),
 		onSelect: $
 	} : void 0, _e = () => {
-		z < 0 || (z < q[a(165)] ? Q(q[z]) : J && $());
+		z < 0 || (z < q.length ? 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(218)].isComposing) switch (e[t(233)]) {
+			case t(243):
+				e[t(257)](), 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(228):
+				e[t(257)](), I ? B(s(Y, z, -1)) : Z(ne(Y));
 				break;
-			case t(148):
-				I && (e[t(193)](), _e());
+			case t(235):
+				I && (e.preventDefault(), _e());
 				break;
-			case "Escape":
-				(I || P) && (e[t(193)](), X());
+			case t(211):
+				(I || P) && (e[t(257)](), X());
 				break;
-			case t(167):
-				j && !M && W[t(165)] && A[t(169)](W[W[t(165)] - 1][t(147)]);
+			case "Backspace":
+				j && !M && W[t(252)] && A[t(207)](W[W[t(252)] - 1][t(260)]);
 				break;
-			case t(159): I && X();
+			case t(209): I && X();
 		}
-	}, ye = G ? M : W[0]?.[a(134)] ?? "";
-	return h(p, { children: [h(a(153), {
+	}, ye = G ? M : W[0]?.[d(231)] ?? "";
+	return g(m, { children: [g(d(223), {
 		ref: V,
-		className: i(a(185), a(184), y !== "md" && a(168) + y, j && a(177), E),
+		className: r(d(215), d(226), b !== "md" && "ds-combobox--" + b, j && "ds-combobox--multiple", pe),
 		"data-open": I || void 0,
-		"data-invalid": x || void 0,
-		"data-disabled": b || void 0,
+		"data-invalid": S || void 0,
+		"data-disabled": x || 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;
+			x || e[t(232)] === H[t(203)] || (e.preventDefault(), H[t(203)]?.focus(), I || Z());
 		},
 		children: [
-			S && m(a(149), {
-				className: a(194),
-				children: S
+			C && h(d(225), {
+				className: "ds-combobox__icon",
+				children: C
 			}),
-			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(225), {
+				className: d(241),
+				children: [e.label, h("button", {
+					type: d(234),
 					tabIndex: -1,
-					"aria-label": e[a(134)] + a(175),
-					disabled: b,
-					onPointerDown: (e) => e.stopPropagation(),
-					onClick: () => A[a(169)](e[a(147)]),
-					children: m(f, {})
+					"aria-label": e[d(231)] + d(240),
+					disabled: x,
+					onPointerDown: (e) => e[d(208)](),
+					onClick: () => A.toggle(e[d(260)]),
+					children: h(p, {})
 				})]
-			}, e[a(147)])),
-			m(a(170), {
+			}, e.value)),
+			h("input", {
 				ref: H,
-				id: me,
-				role: a(186),
+				id: D,
+				role: d(196),
 				"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(255),
+				"aria-activedescendant": I && z >= 0 ? re(k, z) : void 0,
+				"aria-invalid": S || void 0,
+				"aria-label": O,
+				"aria-labelledby": me,
+				autoComplete: d(254),
+				disabled: x,
+				className: d(247),
+				placeholder: j && W[d(252)] ? "" : y,
 				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(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[a(165)] > 0 && !P && !b && m(a(183), {
-				type: "button",
+			!j && W[d(252)] > 0 && !P && !x && h(d(234), {
+				type: d(234),
 				tabIndex: -1,
-				className: a(181),
-				"aria-label": "선택 해제",
+				className: d(249),
+				"aria-label": d(224),
 				onPointerDown: (e) => {
-					e[a(193)](), e.stopPropagation();
+					let t = d;
+					e[t(257)](), e[t(208)]();
 				},
-				onClick: () => A.clear(),
-				children: m(f, {})
+				onClick: () => A[d(198)](),
+				children: h(p, {})
 			}),
-			m(se, { className: a(136) })
+			h(oe, { className: "ds-combobox__chevron" })
 		]
-	}), R.mounted && m(te, {
+	}), R[d(244)] && h(o, {
 		ref: U,
-		closing: R[a(190)],
+		closing: R.closing,
 		anchorRef: V,
-		maxHeight: T,
-		children: m(ee, {
+		maxHeight: E,
+		children: h(ee, {
 			id: k,
 			options: q,
 			activeIndex: z,
-			isSelected: A[a(141)],
+			isSelected: A.isSelected,
 			onSelect: Q,
 			onActiveChange: B,
 			multiple: j,
 			action: ge,
-			emptyText: fe,
-			"aria-label": D,
-			renderOption: w ? (e, t) => w(e, {
+			emptyText: de,
+			"aria-label": O,
+			renderOption: T ? (e, t) => T(e, {
 				...t,
 				query: K
-			}) : pe && K ? (e, t) => m(le, {
+			}) : fe && K ? (e, t) => h(ce, {
 				option: e,
 				state: t,
 				query: K,
@@ -197,32 +198,32 @@ function y(r) {
 		})
 	})] });
 }
-function le({ option: t, state: n, query: r, multiple: i }) {
+function ce({ 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("span", {
+			className: a(261),
+			"data-checked": n[a(221)] || void 0,
+			children: h(f, {})
 		}),
-		t[a(151)] && m(a(149), {
-			className: "ds-option__icon",
-			children: t[a(151)]
+		t.icon && h(a(225), {
+			className: a(201),
+			children: t[a(204)]
 		}),
-		h(a(149), {
+		g("span", {
 			className: "ds-option__text",
-			children: [m("span", {
-				className: "ds-option__label",
-				children: m(v, {
-					text: t[a(134)],
+			children: [h(a(225), {
+				className: a(239),
+				children: h(y, {
+					text: t[a(231)],
 					query: r
 				})
-			}), t[a(191)] && m(a(149), {
-				className: a(163),
-				children: t[a(191)]
+			}), t[a(213)] && h(a(225), {
+				className: a(229),
+				children: t[a(213)]
 			})]
 		}),
-		!i && n[a(146)] && m(d, { className: a(178) })
+		!i && n[a(221)] && h(f, { className: a(202) })
 	] });
 }
-export { y as Combobox, _ as defaultComboboxFilter };
+export { b as Combobox, v as defaultComboboxFilter };