@iamfiro/design 0.1.0 → 0.3.0

package/lib/components/ScrollArea/ScrollArea2.js

@@ -0,0 +1,218 @@
+"use client";
+const e = t;
+function t(e, n) {
+	e -= 150;
+	let r = _(), i = r[e];
+	t.zcRAFr === void 0 && (t.DduiMs = 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);
+	}, t.YAzZGM = {}, t.zcRAFr = !0);
+	let a = r[0];
+	t.YphFkn !== a && (t.YAzZGM = {}, t.YphFkn = a);
+	let o = t.YAzZGM[e];
+	return o === void 0 ? (i = t.DduiMs(i), t.YAzZGM[e] = i) : i = o, i;
+}
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (-parseInt(r(209)) / 1 + parseInt(r(171)) / 2 + parseInt(r(191)) / 3 + -parseInt(r(152)) / 4 + -parseInt(r(180)) / 5 * (parseInt(r(175)) / 6) + -parseInt(r(153)) / 7 * (parseInt(r(218)) / 8) + -parseInt(r(164)) / 9 * (-parseInt(r(162)) / 10) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(_, 223555);
+import { TIMING as n } from "../../hooks/timing.js";
+import { cx as r } from "../../primitives/index.js";
+import { focusableIn as i } from "../../hooks/useFocusTrap.js";
+/* empty css           */
+import { useCallback as a, useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+var f = 12, p = 24, m = 8, h = (e, n, r) => {
+	let i = t;
+	r ? e[i(184)](n, "") : e[i(151)](n);
+}, g = (e, n) => {
+	let r = t;
+	typeof e === r(163) ? e(n) : e && (e[r(215)] = n);
+};
+function _() {
+	let e = /* @__PURE__ */ "zgf0ys1Zy3jVBgXHyMXLlxK.BgvUz3rO.C2nYB2XSsgvPz2H0.y2XPzw50wa.AgvPz2H0.mJC5nZGXzu51qNbH.C2nYB2XSv2LKDgG.C2v0ug9PBNrLCKnHChr1CMu.y2XLyxjuAw1LB3v0.yNv0Dg9U.zM9YrwfJAa.y3vYCMvUDa.zgL2.zgf0ys1MywrLlxjPz2H0.mtzlEwvJBKO.BNvTyMvY.C2nYB2XSqNK.CMvTB3zLqxr0CMLIDxrL.ndqYmZG4C2DdrNvQ.otq2oty3wffHChfW.rxnJyxbL.zgf0ys1MywrLlwjVDhrVBq.zgvSDgfz.C2nYB2XStgvMDa.A2v5zg93BG.zgf0ys1MywrLlxrVCa.zgf0ys1KCMfNz2LUzW.zhmTC2nYB2XSlwfYzwfFx2nVBNrLBNq.ndG3mtbxAhvJAhe.zNvUy3rPB24.mtiYnhzmtwrjuW.C2nYB2XSvg9W.zgvSDgfnB2rL.Bwf4.z2v0qM91BMrPBMDdBgLLBNrszwn0.yxHPCW.zgf0ys1Zy3jVBgXPBMC.mJqWmJKWwwnkzfDz.C3r5Bgu.CMvTB3zLrxzLBNrmAxn0zw5LCG.C2v0vgLTzw91Da.nM1pBKPjtG.y2XPzw50sgvPz2H0.y2XPzw50wq.B2jZzxj2zq.ChjLDMvUDerLzMf1Bhq.mte4mZy0mhDVq29mDa.zhmTC2nYB2XSlwfYzwfFx3rODw1I.yxv0BW.BgvMDa.C2v0qxr0CMLIDxrL.DhjHBNnMB3jT.CMvNAw9U.Cg9PBNrLCG.DMvYDgLJywW.BwLU.Dg9W.mtaXntG2nLftwgrbqG.ChGSidaP.Ag92zxjhCMfJzq.Ag9YAxPVBNrHBa.y3vYCMvUDfrHCMDLDa.C3rVCfbYB3bHz2f0Aw9U.C3rHCNq.CMf0Aw8.DhjHBNnSyxrLm2qO.C21VB3rO.zhmTC2nYB2XSlwfYzwfFx2jHCIbKCY1Zy3jVBgWTyxjLyv9FyMfYls14.D2HLzwW.y2XPzw50v2LKDgG".split(".");
+	return _ = function() {
+		return e;
+	}, _();
+}
+function v({ children: _, orientation: v = e(188), maxHeight: y, scrollbars: b = e(182), fade: x, stickToBottom: S, onAtBottomChange: C, viewportRef: w, viewportClassName: ee, focusable: T, onScroll: E, className: D, style: O, "aria-label": k, "aria-labelledby": A, ...j }) {
+	let M = e, N = c(null), P = c(null), F = c(null), I = c(null), L = c(null), R = c(null), z = c(null), B = c({
+		x: {
+			track: 0,
+			thumb: 0
+		},
+		y: {
+			track: 0,
+			thumb: 0
+		}
+	}), V = c(!0), H = c(void 0), U = c(null), [W, G] = l(!1), K = c(C);
+	o(() => {
+		let e = t;
+		K[e(215)] = C;
+	});
+	let q = a(() => {
+		let e = t, n = N[e(215)], r = P.current;
+		if (!n || !r) return;
+		let { scrollTop: i, scrollLeft: a, scrollHeight: o, scrollWidth: s, clientHeight: c, clientWidth: l } = r, u = o - c, d = s - l, g = v !== e(194) && u > 1, _ = v !== e(188) && d > 1;
+		if (h(n, e(204), g), h(n, "data-scrollable-x", _), g && R[e(215)]) {
+			let t = c - 12 - (_ ? f : 0), n = Math[e(189)](t, Math[e(167)](p, t * c / o)), r = (t - n) * Math[e(189)](u, Math.max(0, i)) / u;
+			B.current.y = {
+				track: t,
+				thumb: n
+			}, R.current[e(172)][e(208)] = n + "px", R[e(215)][e(172)][e(185)] = "translate3d(0, " + r + e(192);
+		}
+		if (_ && z.current) {
+			let t = l - 12 - (g ? f : 0), n = Math[e(189)](t, Math[e(167)](p, t * l / s)), r = (t - n) * Math.min(d, Math[e(167)](0, a)) / d;
+			B.current.x = {
+				track: t,
+				thumb: n
+			}, z[e(215)].style.width = n + "px", z[e(215)][e(172)].transform = e(199) + r + "px, 0, 0)";
+		}
+		h(n, e(159), g && i > 1), h(n, e(155), g && i < u - 1), h(n, "data-fade-left", _ && a > 1), h(n, e(217), _ && a < d - 1);
+		let y = u - i <= m;
+		y !== V[e(215)] && (V[e(215)] = y, K[e(215)]?.(y));
+	}, [v]);
+	s(() => {
+		let e = t, n = P.current, r = F[e(215)];
+		if (!n || !r) return;
+		S && (n[e(165)] = n[e(206)]);
+		let a = () => {
+			let t = e;
+			S && V[t(215)] && (n[t(165)] = n.scrollHeight), q();
+			let a = n[t(206)] - n.clientHeight > 1 || n[t(210)] - n[t(203)] > 1;
+			G(a && i(r)[t(205)] === 0);
+		};
+		a();
+		let o = new ResizeObserver(a);
+		return o[e(178)](n), o[e(178)](r), () => o.disconnect();
+	}, [S, q]), o(() => {
+		let e = t, n = P[e(215)], r = [I[e(215)], L[e(215)]].filter((e) => !!e), i = (t) => {
+			let r = e;
+			if (!n) return;
+			let i = t[r(166)] === 1 ? 16 : t[r(166)] === 2 ? n.clientHeight : 1;
+			t[r(179)](), n[r(150)]({
+				left: t.deltaX * i,
+				top: t[r(156)] * i
+			});
+		};
+		return r[e(214)]((t) => t.addEventListener(e(202), i, { passive: !1 })), () => r[e(214)]((t) => t[e(173)](e(202), i));
+	}, [v]), o(() => () => window[M(212)](H[M(215)]), []);
+	let J = (e) => {
+		let t = M;
+		q();
+		let r = N[t(215)];
+		r && (r[t(184)](t(170), ""), window[t(212)](H[t(215)]), H[t(215)] = window[t(174)](() => r[t(151)](t(170)), n[t(193)])), E?.(e);
+	}, Y = c((e) => {
+		let t = M;
+		if (e.key !== t(154) || !U[t(215)]) return;
+		e[t(179)](), e[t(196)]();
+		let n = P[t(215)], r = U[t(215)];
+		n && (r[t(169)] === "y" ? n.scrollTop = r[t(197)] : n[t(157)] = r[t(197)]), X();
+	}), X = () => {
+		let e = M;
+		U.current = null, N.current?.[e(151)](e(160)), window[e(173)](e(158), Y[e(215)], !0);
+	}, Z = (e) => (t) => {
+		let n = M, r = P[n(215)];
+		if (t[n(213)] !== 0 || !r) return;
+		t[n(179)](), t[n(196)](), t.currentTarget[n(211)](t.pointerId);
+		let { track: i, thumb: a } = B[n(215)][e], o = e === "y" ? r[n(206)] - r.clientHeight : r[n(210)] - r.clientWidth;
+		U[n(215)] = {
+			axis: e,
+			pointer: e === "y" ? t[n(177)] : t[n(207)],
+			start: e === "y" ? r.scrollTop : r.scrollLeft,
+			ratio: o / Math[n(167)](1, i - a)
+		}, N.current?.[n(184)](n(160), ""), window.addEventListener(n(158), Y[n(215)], !0);
+	}, Q = (e) => {
+		let t = M, n = U[t(215)], r = P.current;
+		if (!n || !r) return;
+		let i = n.start + ((n[t(169)] === "y" ? e[t(177)] : e.clientX) - n[t(187)]) * n[t(198)];
+		n[t(169)] === "y" ? r[t(165)] = i : r[t(157)] = i;
+	}, $ = (e) => (t) => {
+		let n = M, r = P[n(215)], i = e === "y" ? R[n(215)] : z[n(215)];
+		if (t.button !== 0 || !r || !i || t.target !== t[n(195)]) return;
+		t[n(179)]();
+		let a = i[n(168)]();
+		if (e === "y") {
+			let e = t[n(177)] < a[n(190)] ? -1 : 1;
+			r[n(150)]({
+				top: e * r[n(176)] * .9,
+				behavior: n(200)
+			});
+		} else {
+			let e = t[n(207)] < a[n(183)] ? -1 : 1;
+			r.scrollBy({
+				left: e * r[n(203)] * .9,
+				behavior: n(200)
+			});
+		}
+	}, te = (e) => {
+		let t = M;
+		P[t(215)] = e, g(w, e);
+	}, ne = T ?? W, re = typeof x === M(219) ? x : 28, ie = v !== M(194), ae = v !== "vertical";
+	return d(M(216), {
+		ref: N,
+		className: r("ds-scroll-area", !!x && "ds-scroll-area--fade", D),
+		"data-orientation": v,
+		"data-scrollbars": b,
+		style: {
+			maxHeight: y,
+			"--_fade": re + "px",
+			...O
+		},
+		...j,
+		children: [
+			u("div", {
+				ref: te,
+				className: r("ds-scroll-area__viewport", ee),
+				role: k || A ? M(186) : void 0,
+				"aria-label": k,
+				"aria-labelledby": A,
+				tabIndex: ne ? 0 : void 0,
+				onScroll: J,
+				children: u(M(216), {
+					ref: F,
+					className: M(161),
+					children: _
+				})
+			}),
+			ie && u(M(216), {
+				ref: I,
+				className: "ds-scroll-area__bar ds-scroll-area__bar--y",
+				"aria-hidden": !0,
+				onPointerDown: $("y"),
+				children: u(M(216), {
+					ref: R,
+					className: M(181),
+					onPointerDown: Z("y"),
+					onPointerMove: Q,
+					onPointerUp: X,
+					onPointerCancel: X,
+					onLostPointerCapture: () => U[M(215)] && X()
+				})
+			}),
+			ae && u(M(216), {
+				ref: L,
+				className: M(201),
+				"aria-hidden": !0,
+				onPointerDown: $("x"),
+				children: u(M(216), {
+					ref: z,
+					className: M(181),
+					onPointerDown: Z("x"),
+					onPointerMove: Q,
+					onPointerUp: X,
+					onPointerCancel: X,
+					onLostPointerCapture: () => U[M(215)] && X()
+				})
+			})
+		]
+	});
+}
+export { v as ScrollArea };

package/lib/components/Select/Select2.js

@@ -0,0 +1,153 @@
+"use client";
+const e = f;
+function t() {
+	let e = /* @__PURE__ */ "7isG7yoD7zwy7is47jQu.Dgv4Da.BgfIzwW.oty5mtq4we1Wzg9g.ntC3ofv5D3nJAa.zhmTC2vSzwn0lxrYAwDNzxi.y2XVC2LUzW.mtGZBhLnAvP4.Bwv0yuTLEq.rw5K.qxjYB3DeB3DU.zhmTC2vSzwn0lxrYAwDNzxiTlq.qxjYB3DvCa.zhmTC2vSzwn0lxrYAwDNzxiTlwjHCMu.AgLKzgvU.mte1ndy4DM9pqw1n.AwnVBG.BgLZDgjVEa.zhmTC2vSzwn0lxrYAwDNzxjFx2nOzxzYB24.yNv0Dg9U.zMLUza.vgfI.C2XPy2u.zhmTy29UDhjVBa.ChjLDMvUDerLzMf1Bhq.Aw5KzxHpzG.y3vYCMvUDa.BM93.Aw5WDxq.mtC5meP0zeP0wG.mZK2mJK5mMDKDuDOsW.ndqZmtzqrxb1t0y.mZq0n29jrfzfqW.mtvOEvnLDu0.sg9Tzq.A2v5.C3bHBG.zhmTC2vSzwn0lxrYAwDNzxjFx3zHBhvL.Bw91BNrLza.Dg9mB3DLCKnHC2u.rxnJyxbL.DMfSDwu.mJmZnMXAyM53sG.zM9JDxm.zMLUzeLUzgv4.rw50zxi.nJm2m1PKz2zXua.C3rHCNrZv2L0Aa.y29TyM9IB3G.zgLZywjSzwq.BgvUz3rO.lwXPC3q".split(".");
+	return t = function() {
+		return e;
+	}, t();
+}
+(function(e, t) {
+	let n = f, r = e();
+	for (;;) try {
+		if (-parseInt(n(374)) / 1 + parseInt(n(415)) / 2 * (-parseInt(n(366)) / 3) + parseInt(n(414)) / 4 + parseInt(n(392)) / 5 * (parseInt(n(390)) / 6) + parseInt(n(405)) / 7 * (-parseInt(n(401)) / 8) + parseInt(n(391)) / 9 * (parseInt(n(388)) / 10) + parseInt(n(389)) / 11 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(t, 136149);
+import { usePresence as n } from "../../hooks/usePresence.js";
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+import { cx as i } from "../../primitives/index.js";
+import { useDismiss as a } from "../../hooks/useDismiss.js";
+import { usePressToOpen as o } from "../../hooks/usePressToOpen.js";
+import { Listbox as s, ListboxPopover as ee, firstEnabled as c, lastEnabled as l, nextEnabled as u, optionId as d } from "../Listbox/Listbox2.js";
+/* empty css       */
+function f(e, n) {
+	e -= 366;
+	let r = t(), i = r[e];
+	f.MrSqQg === void 0 && (f.YchiRY = 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);
+	}, f.rpvmgn = {}, f.MrSqQg = !0);
+	let a = r[0];
+	f.BJIHqF !== a && (f.rpvmgn = {}, f.BJIHqF = a);
+	let o = f.rpvmgn[e];
+	return o === void 0 ? (i = f.YchiRY(i), f.rpvmgn[e] = i) : i = o, i;
+}
+import { useId as p, useRef as m, useState as h } from "react";
+import { ChevronDown as te } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+function y({ options: t, value: f, defaultValue: y = null, onValueChange: b, open: x, onOpenChange: S, placeholder: C = e(411), size: w = "md", disabled: T, invalid: E, leading: D, name: O, id: ne, className: re, maxHeight: k, renderValue: A, renderOption: j, bare: M, anchorRef: N, "aria-label": P, "aria-labelledby": ie }) {
+	let F = e, I = p() + F(410), [L, R] = r(f, y, (e) => e !== null && b?.(e)), [z, B] = r(x, !1, S), V = n(z), [H, U] = h(-1), W = m(null), G = m(null), K = m({
+		text: "",
+		at: 0
+	}), q = t[F(403)]((e) => e[F(400)] === L), J = t[q];
+	a(z, [W, G], () => B(!1));
+	let Y = (e) => {
+		U(e >= 0 && !t[e]?.disabled ? e : c(t)), B(!0);
+	}, X = (e) => {
+		let t = F;
+		e[t(408)] || (R(e[t(400)]), B(!1), W[t(385)]?.[t(402)]());
+	}, Z = o({
+		open: z,
+		onOpen: () => Y(q),
+		onClose: () => B(!1),
+		panelRef: G,
+		onRelease: (e) => t[e] && X(t[e]),
+		disabled: T
+	}), Q = (e) => {
+		let n = F, r = Date[n(386)](), i = K.current;
+		i[n(412)] = r - i.at > 600 ? e : i[n(412)] + e, i.at = r;
+		let a = z ? H : q, o = i[n(412)][n(398)](), s = [...t[n(381)](a + 1), ...t[n(381)](0, a + 1)][n(379)]((e) => !e.disabled && e[n(413)][n(398)]()[n(406)](o));
+		s && (z ? U(t[n(384)](s)) : R(s.value));
+	}, ae = (e) => {
+		let n = F;
+		switch (e[n(394)]) {
+			case n(369):
+				e[n(383)](), z ? U(u(t, H, 1)) : Y(q);
+				break;
+			case n(371):
+				e[n(383)](), z ? U(u(t, H, -1)) : Y(q >= 0 ? q : l(t));
+				break;
+			case n(393):
+			case n(368):
+				if (!z) break;
+				e[n(383)](), U(e[n(394)] === n(393) ? c(t) : l(t));
+				break;
+			case n(404):
+			case " ":
+				if (e[n(394)] === " " && Date[n(386)]() - K[n(385)].at < 600) {
+					e[n(383)](), Q(" ");
+					break;
+				}
+				e.preventDefault(), z ? H >= 0 && X(t[H]) : Y(q);
+				break;
+			case n(399):
+				z && (e[n(383)](), B(!1));
+				break;
+			case n(380):
+				z && B(!1);
+				break;
+			default: e.key[n(409)] !== 1 || e.ctrlKey || e[n(367)] || e.altKey || Q(e[n(394)]);
+		}
+	}, $ = D ?? J?.[F(375)];
+	return v(g, { children: [
+		v(F(378), {
+			ref: W,
+			id: ne,
+			type: F(378),
+			role: F(407),
+			"aria-haspopup": F(376),
+			"aria-expanded": z,
+			"aria-controls": z ? I : void 0,
+			"aria-activedescendant": z && H >= 0 ? d(I, H) : void 0,
+			"aria-invalid": E || void 0,
+			"aria-label": P,
+			"aria-labelledby": ie,
+			disabled: T,
+			className: i(!M && F(382), F(416), w !== "md" && F(370) + w, M && F(372), re),
+			"data-open": z || void 0,
+			"data-invalid": E || void 0,
+			"data-disabled": T || void 0,
+			"data-placeholder": !J || void 0,
+			onPointerDown: Z.onPointerDown,
+			onClick: Z.onClick,
+			onKeyDown: ae,
+			children: [
+				$ && _(F(395), {
+					className: "ds-select-trigger__icon",
+					children: $
+				}),
+				_("span", {
+					className: F(396),
+					children: J ? A?.(J) ?? J[F(413)] : C
+				}),
+				_(te, { className: F(377) })
+			]
+		}),
+		O && _(F(387), {
+			type: F(373),
+			name: O,
+			value: L ?? ""
+		}),
+		V[F(397)] && _(ee, {
+			ref: G,
+			closing: V[F(417)],
+			anchorRef: N ?? W,
+			maxHeight: k,
+			children: _(s, {
+				id: I,
+				options: t,
+				activeIndex: H,
+				isSelected: (e) => e === L,
+				onSelect: X,
+				onActiveChange: U,
+				renderOption: j,
+				"aria-label": P
+			})
+		})
+	] });
+}
+export { y as Select };

package/lib/components/Sidebar/Sidebar2.js

@@ -0,0 +1,127 @@
+"use client";
+const e = t;
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (parseInt(r(195)) / 1 + parseInt(r(188)) / 2 + parseInt(r(192)) / 3 + parseInt(r(201)) / 4 * (-parseInt(r(199)) / 5) + parseInt(r(185)) / 6 * (-parseInt(r(200)) / 7) + -parseInt(r(204)) / 8 * (-parseInt(r(194)) / 9) + -parseInt(r(203)) / 10 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(f, 707582);
+function t(e, n) {
+	e -= 179;
+	let r = f(), i = r[e];
+	t.zeGzTF === void 0 && (t.HadnCy = 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);
+	}, t.RHGIRx = {}, t.zeGzTF = !0);
+	let a = r[0];
+	t.RiVftq !== a && (t.RHGIRx = {}, t.RiVftq = a);
+	let o = t.RHGIRx[e];
+	return o === void 0 ? (i = t.HadnCy(i), t.RHGIRx[e] = i) : i = o, i;
+}
+import { cx as n } from "../../primitives/index.js";
+/* empty css        */
+import { useId as r, useState as i } from "react";
+import { ChevronDown as a } from "lucide-react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+function l({ header: e, footer: r, children: i, className: a, "aria-label": o = "메뉴" }) {
+	let l = t;
+	return c(l(189), {
+		className: n("ds-sidebar", a),
+		children: [
+			e && s(l(184), {
+				className: "ds-sidebar__header",
+				children: e
+			}),
+			s(l(191), {
+				"aria-label": o,
+				className: "ds-sidebar__body ds-scroll",
+				children: i
+			}),
+			r && s(l(184), {
+				className: "ds-sidebar__footer ds-scroll",
+				children: r
+			})
+		]
+	});
+}
+function u({ label: e, icon: n, count: l, collapsible: u, defaultOpen: d = !0, children: f }) {
+	let p = t, [m, h] = i(d), g = r(), _ = !u || m, v = c(o, { children: [
+		n && s(p(186), {
+			className: p(179),
+			children: n
+		}),
+		s("span", {
+			className: p(193),
+			children: e
+		}),
+		l != null && s(p(186), {
+			className: "ds-sidebar__count",
+			children: l
+		}),
+		u && s(a, { className: p(181) })
+	] });
+	return c(p(184), {
+		className: p(187),
+		"data-open": _ || void 0,
+		children: [e && (u ? s(p(180), {
+			type: "button",
+			className: p(198),
+			"aria-expanded": m,
+			"aria-controls": g,
+			onClick: () => h((e) => !e),
+			children: v
+		}) : s(p(184), {
+			className: "ds-sidebar__group-head",
+			children: v
+		})), s(p(184), {
+			id: g,
+			className: p(182),
+			inert: !_ || void 0,
+			children: s("ul", {
+				className: p(183),
+				children: f
+			})
+		})]
+	});
+}
+function d({ children: e, href: n, onClick: r, active: i, icon: a, badge: o, disabled: l }) {
+	let u = t;
+	return s("li", { children: c("a", {
+		href: l ? void 0 : n ?? "#",
+		"aria-current": i ? u(202) : void 0,
+		"aria-disabled": l || void 0,
+		className: u(190),
+		onClick: (e) => {
+			let t = u;
+			if (l) return e[t(197)]();
+			r && (e[t(197)](), r());
+		},
+		children: [
+			a && s("span", {
+				className: "ds-sidebar__item-icon",
+				children: a
+			}),
+			s(u(186), {
+				className: "ds-sidebar__item-label",
+				children: e
+			}),
+			o != null && s(u(186), {
+				className: "ds-sidebar__badge",
+				children: o
+			})
+		]
+	}) });
+}
+l.Group = u, l[e(196)] = d;
+export { l as Sidebar, u as SidebarGroup, d as SidebarItem };
+function f() {
+	let e = /* @__PURE__ */ "mtiZotK2nLrHquzJzG.zhmTC2LKzwjHCL9Fz3jVDxaTBgfIzwW.ovvOy1LTyW.mtaXodu5oeTJtLrjqq.sxrLBq.ChjLDMvUDerLzMf1Bhq.zhmTC2LKzwjHCL9Fz3jVDxaTAgvHza.otbJAKvysfG.mJCWmdz2C2vmu0m.mJGZmJeYuunNAuzp.CgfNzq.mtaXndi2ntbtAND4yNq.odG5ntCYmhjkyK9VuW.zhmTC2LKzwjHCL9Fz3jVDxaTAwnVBG.yNv0Dg9U.zhmTC2LKzwjHCL9Fy2HLDNjVBG.zhmTC2LKzwjHCL9FzM9Sza.zhmTC2LKzwjHCL9FBgLZDa.zgL2.oteYEujRqwXV.C3bHBG.zhmTC2LKzwjHCL9Fz3jVDxa.mJa3nZy2nfvbDefuqW.yxnPzgu.zhmTC2LKzwjHCL9FAxrLBq.BMf2".split(".");
+	return f = function() {
+		return e;
+	}, f();
+}

package/lib/components/Skeleton/Skeleton2.js

@@ -0,0 +1,91 @@
+"use client";
+function e(t, r) {
+	t -= 327;
+	var i = n(), a = i[t];
+	e.nCmXFD === void 0 && (e.krwGSf = function(e) {
+		for (var t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=", n = "", r = "", i = 0, a, o, s = 0; o = e.charAt(s++); ~o && (a = i % 4 ? a * 64 + o : o, i++ % 4) && (n += String.fromCharCode(255 & a >> (-2 * i & 6)))) o = t.indexOf(o);
+		for (var c = 0, l = n.length; c < l; c++) r += "%" + ("00" + n.charCodeAt(c).toString(16)).slice(-2);
+		return decodeURIComponent(r);
+	}, e.tjwTwW = {}, e.nCmXFD = !0);
+	var o = i[0];
+	e.yPQXHy !== o && (e.tjwTwW = {}, e.yPQXHy = o);
+	var s = e.tjwTwW[t];
+	return s === void 0 ? (a = e.krwGSf(a), e.tjwTwW[t] = a) : a = s, a;
+}
+var t = e;
+function n() {
+	var e = /* @__PURE__ */ "mtzWEa.nJiL.67Ai65+S7jIK64QuioYKKq.mty2nJGZodbTs1bTAwq.zhmTC2TLBgv0B24Tz3jVDxa.ndu3mZu5nwDzD3HMBW.mc43mMvT.zhmTC2TLBgv0B24TDgv4Df9FBgLUzq.C2HPBw1LCG.BNvTyMvY.nZK1ote0nfn4u1LsCa.mZKWota2ouvcvKDRra.C3bHBG.mJjru0jgBve.mty5otCWAfjOvfLt.zhmTC2TLBgv0B24Tlq.BM9Uzq.ode0odD4rejRq0i.zhmTC2TLBgv0B24Tz3jVDxbFx2nVBNrLBNq.mteZmKHuAejzDa.mZCZnuHotuPMrq.yM9KEs1Tza.ng9OtKLjra.zhmTC2TLBgv0B24.ntzUv1zbCfO.zgL2".split(".");
+	return n = function() {
+		return e;
+	}, n();
+}
+(function(t, n) {
+	for (var r = e, i = t();;) try {
+		if (-parseInt(r(349)) / 1 + parseInt(r(328)) / 2 * (-parseInt(r(329)) / 3) + -parseInt(r(331)) / 4 * (parseInt(r(340)) / 5) + -parseInt(r(345)) / 6 + parseInt(r(352)) / 7 * (parseInt(r(333)) / 8) + parseInt(r(346)) / 9 + -parseInt(r(338)) / 10 * (-parseInt(r(348)) / 11) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 733621);
+import { cx as r } from "../../primitives/index.js";
+/* empty css         */
+import { jsx as i } from "react/jsx-runtime";
+var a = {
+	none: "0",
+	sm: "6px",
+	md: "10px",
+	lg: t(335),
+	full: "999px"
+}, o = (e) => typeof e == "number" ? e + "px" : e;
+function s({ width: e = "100%", height: n = 16, radius: s = "sm", animation: c = "shimmer", className: l, style: u }) {
+	var d = t;
+	return i(d(347), {
+		"aria-hidden": !0,
+		className: r(d(332), c !== d(351) && d(350) + c, l),
+		style: {
+			width: o(e),
+			height: o(n),
+			borderRadius: typeof s === d(344) ? s : a[s],
+			...u
+		}
+	});
+}
+function c({ lines: e = 3, lastLineWidth: n = t(336), variant: a = t(330), animation: o = t(343), className: c }) {
+	var l = t;
+	return i(l(347), {
+		"aria-hidden": !0,
+		className: r("ds-skeleton-text", c),
+		style: { font: "var(--type-" + a + ")" },
+		children: Array.from({ length: e }, (t, r) => i(l(347), {
+			className: l(342),
+			children: i(s, {
+				width: r === e - 1 && e > 1 ? n : "100%",
+				height: l(341),
+				radius: "sm",
+				animation: o,
+				style: { "--_delay": r * 90 + "ms" }
+			})
+		}, r))
+	});
+}
+function l({ size: e = 36, animation: t }) {
+	return i(s, {
+		width: e,
+		height: e,
+		radius: "full",
+		animation: t
+	});
+}
+function u({ loading: e, fallback: n, children: a, label: o = t(337), className: s }) {
+	var c = t;
+	return i("div", {
+		className: r(c(339), s),
+		"aria-busy": e,
+		"aria-label": e ? o : void 0,
+		children: e ? n : i(c(334), {
+			className: c(327),
+			children: a
+		})
+	});
+}
+export { s as Skeleton, l as SkeletonCircle, u as SkeletonGroup, c as SkeletonText };