@iamfiro/design 0.1.0 → 0.3.1

package/lib/components/SplitView/SplitView2.js

@@ -0,0 +1,95 @@
+"use client";
+const e = l;
+(function(e, t) {
+	let n = l, r = e();
+	for (;;) try {
+		if (-parseInt(n(437)) / 1 * (parseInt(n(428)) / 2) + parseInt(n(429)) / 3 * (parseInt(n(442)) / 4) + parseInt(n(418)) / 5 + -parseInt(n(425)) / 6 + -parseInt(n(421)) / 7 + parseInt(n(450)) / 8 + parseInt(n(431)) / 9 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(a, 262873);
+import { useControllableState as t } from "../../hooks/useControllableState.js";
+import { cx as n } from "../../primitives/index.js";
+/* empty css          */
+import { useRef as r, useState as i } from "react";
+function a() {
+	let e = /* @__PURE__ */ "A2v5.C2HPzNrlzxK.C2vJDgLVBG.mZu2odmYze1Sy1jk.DMvYDgLJywW.C29MDa.mZq2ntjbyMHQBLC.ntiXmZfiteXnvM0.C2v0ug9PBNrLCKnHChr1CMu.mte2ndK4n2H6BgH1yG.zhmTC3bSAxrFx3bHBMuGzhmTC3bSAxrFx2XPC3qGzhmTC2nYB2XS.sg9Tzq.rxnJyxbL.rw50zxi.zhmTC3bSAxrFx2rPDMLKzxi.ohL4suHMtq.qxjYB3Dmzwz0.y2XPzw50wa.zM9JDxm.rw5K.mZjjuujRExm.qxjYB3DsAwDODa.zgL2.Bwf4.Cg9PBNrLCKLK.ioUeIoU5HcdSOBdSOiG.y3vYCMvUDfrHCMDLDa.ChjLDMvUDerLzMf1Bhq.nJmZndGWrKfxC2Ph.y3vYCMvUDa.zhmTC3bSAxrFx3bHBMuGzhmTC3bSAxrFx2rLDgfPBcbKCY1Zy3jVBgW.ntK5mtK1uuXItejv.zhmTC3bSAxqTlq.yNv0Dg9U.ndu3mtb1zMzVtKS".split(".");
+	return a = function() {
+		return e;
+	}, a();
+}
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = 16;
+function l(e, t) {
+	e -= 416;
+	let n = a(), r = n[e];
+	l.nKWjJo === void 0 && (l.qyFhRO = 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);
+	}, l.tpXSnO = {}, l.nKWjJo = !0);
+	let i = n[0];
+	l.hHkrMg !== i && (l.tpXSnO = {}, l.hHkrMg = i);
+	let o = l.tpXSnO[e];
+	return o === void 0 ? (r = l.qyFhRO(r), l.tpXSnO[e] = r) : r = o, r;
+}
+function u({ list: a, children: l, listWidth: u, defaultListWidth: d = 300, onListWidthChange: f, minListWidth: p = 220, maxListWidth: m = 520, resizable: h, listTone: g = e(427), listLabel: _ = "목록", detailLabel: v = "상세", className: y, style: b }) {
+	let x = e, [S, C] = t(u, d, f), [w, T] = i(!1), E = r(null), D = (e) => Math.round(Math.min(m, Math[x(445)](p, e))), O = D(S), k = (e) => {
+		let t = x;
+		e[t(420)] === 0 && (e[t(449)](), e[t(448)][t(430)](e[t(446)]), e[t(448)][t(440)](), E[t(416)] = {
+			x: e[t(439)],
+			start: O
+		}, T(!0));
+	}, A = (e) => {
+		let t = E[x(416)];
+		if (!t) return;
+		let n = D(t.start + e.clientX - t.x);
+		n !== O && C(n);
+	}, j = () => {
+		let e = x;
+		E[e(416)] = null, T(!1);
+	}, M = (e) => {
+		let t = x, n = e[t(423)] ? 64 : c, r = null;
+		e.key === t(438) ? r = O - n : e[t(422)] === t(443) ? r = O + n : e[t(422)] === t(433) ? r = p : e.key === t(441) ? r = m : e[t(422)] === t(435) ? r = d : e.key === t(434) && E[t(416)] && (r = E[t(416)].start, j()), r !== null && (e.preventDefault(), C(D(r)));
+	};
+	return s(x(444), {
+		className: n("ds-split", x(419) + g, y),
+		"data-dragging": w || void 0,
+		style: {
+			"--_list": O + "px",
+			...b
+		},
+		children: [
+			o(x(424), {
+				className: x(432),
+				"aria-label": _,
+				children: a
+			}),
+			h && o(x(444), {
+				role: "separator",
+				tabIndex: 0,
+				"aria-orientation": x(426),
+				"aria-label": _ + x(447),
+				"aria-valuenow": O,
+				"aria-valuemin": p,
+				"aria-valuemax": m,
+				className: x(436),
+				onPointerDown: k,
+				onPointerMove: A,
+				onPointerUp: j,
+				onPointerCancel: j,
+				onLostPointerCapture: j,
+				onDoubleClick: () => C(D(d)),
+				onKeyDown: M
+			}),
+			o("section", {
+				className: x(417),
+				"aria-label": v,
+				children: l
+			})
+		]
+	});
+}
+export { u as SplitView };

package/lib/components/Stat/Stat2.js

@@ -0,0 +1,164 @@
+"use client";
+const e = s;
+(function(e, t) {
+	let n = s, r = e();
+	for (;;) try {
+		if (parseInt(n(220)) / 1 + parseInt(n(219)) / 2 + parseInt(n(221)) / 3 + -parseInt(n(233)) / 4 + -parseInt(n(234)) / 5 * (parseInt(n(217)) / 6) + parseInt(n(246)) / 7 * (parseInt(n(237)) / 8) + -parseInt(n(231)) / 9 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(p, 865590);
+import { Text as t } from "../../primitives/Typography2.js";
+import { Box as n, Inline as r, Separator as i, Stack as a } from "../../primitives/Layout2.js";
+import { IconTile as o } from "../../primitives/IconTile2.js";
+function s(e, t) {
+	e -= 215;
+	let n = p(), r = n[e];
+	s.UYuwuS === void 0 && (s.AxFXri = 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);
+	}, s.FDClfZ = {}, s.UYuwuS = !0);
+	let i = n[0];
+	s.QCwnBy !== i && (s.FDClfZ = {}, s.QCwnBy = i);
+	let a = s.FDClfZ[e];
+	return a === void 0 ? (r = s.AxFXri(r), s.FDClfZ[e] = r) : r = a, r;
+}
+/* empty css     */
+import { Children as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+var d = {
+	sm: "number-sm",
+	md: e(218),
+	lg: e(245)
+}, f = {
+	sm: e(232),
+	md: e(242),
+	lg: e(247)
+};
+function p() {
+	let e = /* @__PURE__ */ "C3rHy2TLza.z3jVDxa.B3zLCMXPBMu.zhmTC3rHDc1NCM91Ca.y2fWDgLVBG.zhmTC3rHDc1NCM91Cf9Fy2vSBa.zhmTC3rHDc0TDgLSzq.BMv1DhjHBa.nLf4ywL0qW.BNvTyMvYlw1K.mZeWmJeYngnyuhbpBW.oti2otmYDM1Hs1nO.ndCWnZaZB1rpvfP3.DMvYDgLJywW.BwfW.zhmTC3rHDc1NCM91Cf9FC2vW.zMLSDgvY.ltaUnxb4.y2vUDgvY.DgvYDgLHCNK.Dg9bCNjHEq.AM9PBG.mJu1mZC3n1r3B25nrG.BgfIzwWTEhm.nda1mZa4nhfeAgTvAG.nZu2mZK4nwjdtKjOzq.C3rYzxrJAa.y2fSyYH2yxiOls1Z.mtuYvhPtuMnc.zgL2.BM9Uzq.Aw5SAw5L.C2vTAwjVBgq.BgfIzwWTC20.msaXida.zhmTC3rHDa.BNvTyMvYlwXN.mZGZmZq4wxjOyxLK.BgfIzwWTBwq".split(".");
+	return p = function() {
+		return e;
+	}, p();
+}
+function m(t) {
+	let r = e, { tile: i, className: a, style: o } = t;
+	return i ? l(n, {
+		padding: 3,
+		background: "subtle",
+		className: [r(215), a][r(225)](Boolean).join(" "),
+		style: o,
+		children: l(h, {
+			...t,
+			className: void 0,
+			style: void 0
+		})
+	}) : l(h, { ...t });
+}
+function h({ label: n, value: i, total: s, unit: c, delta: p, caption: m, icon: h, iconTone: g = e(216), layout: _ = e(248), size: v = "md", tone: y = "default", className: b, style: x }) {
+	let S = e, C = f[v], w = h != null && l(o, {
+		size: _ === S(240) ? 18 : 20,
+		tone: g,
+		children: h
+	}), T = u(r, {
+		gap: 1,
+		align: "baseline",
+		wrap: !1,
+		children: [
+			l(t, {
+				variant: _ === S(240) ? C : d[v],
+				weight: _ === S(240) ? S(241) : void 0,
+				tone: y,
+				numeric: !0,
+				children: i
+			}),
+			c != null && l(t, {
+				variant: C,
+				tone: S(228),
+				children: c
+			}),
+			s != null && u(t, {
+				variant: C,
+				tone: S(228),
+				numeric: !0,
+				children: ["/ ", s]
+			})
+		]
+	});
+	return _ === S(240) ? u(r, {
+		gap: 2,
+		align: w ? S(227) : "baseline",
+		wrap: !1,
+		className: [S(244), b][S(225)](Boolean)[S(230)](" "),
+		style: x,
+		children: [
+			w,
+			l(t, {
+				variant: C,
+				tone: S(228),
+				children: n
+			}),
+			T,
+			p
+		]
+	}) : u(a, {
+		gap: w ? 2 : 1,
+		className: ["ds-stat", b][S(225)](Boolean)[S(230)](" "),
+		style: x,
+		children: [
+			w ? u(r, {
+				gap: 2,
+				wrap: !1,
+				children: [w, l(t, {
+					variant: S(250),
+					tone: S(228),
+					truncate: !0,
+					children: n
+				})]
+			}) : l(t, {
+				variant: "overline",
+				tone: S(228),
+				truncate: !0,
+				children: n
+			}),
+			u(r, {
+				gap: 2,
+				align: S(227),
+				wrap: !1,
+				children: [T, p]
+			}),
+			m != null && l(t, {
+				variant: S(252),
+				tone: S(228),
+				children: m
+			})
+		]
+	});
+}
+function g({ children: t, gap: n = 6, minItemWidth: a = 96, fill: o = !0, dividers: s = !0, "aria-label": d, className: f, style: p }) {
+	let m = e, h = n === 0 ? m(226) : m(236) + n + ") / -2 - 0.5px)";
+	return l(r, {
+		gap: n,
+		align: m(235),
+		role: m(249),
+		"aria-label": d,
+		className: [m(251), f].filter(Boolean)[m(230)](" "),
+		style: p,
+		children: c[m(229)](t)[m(223)]((e, t) => u(m(238), {
+			className: m(253),
+			style: {
+				flex: m(o ? 243 : 239),
+				minWidth: a
+			},
+			children: [s && l(i, {
+				orientation: m(222),
+				className: m(224),
+				style: { insetInlineStart: h }
+			}), e]
+		}, t))
+	});
+}
+export { m as Stat, g as StatGroup };

package/lib/components/StepList/StepList2.js

@@ -0,0 +1,131 @@
+"use client";
+const e = d;
+(function(e, t) {
+	let n = d, r = e();
+	for (;;) try {
+		if (-parseInt(n(293)) / 1 + parseInt(n(287)) / 2 + -parseInt(n(271)) / 3 * (-parseInt(n(288)) / 4) + -parseInt(n(276)) / 5 + parseInt(n(275)) / 6 * (-parseInt(n(267)) / 7) + -parseInt(n(290)) / 8 + parseInt(n(277)) / 9 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(i, 156791);
+import { Text as t } from "../../primitives/Typography2.js";
+import { Inline as n, Stack as r } from "../../primitives/Layout2.js";
+function i() {
+	let e = /* @__PURE__ */ "C3rLCa.BNvTyMvY.yM9KEs1SzW.zgL2.zhmTC3rLCc1SAxn0.yM9KEs1Tza.mZaXC0DyveXk.zhmTC3rLCc1SAxn0ls0.BwvKAxvT.yM9KEs14CW.mJaWnte3vfzYy2vm.zMLSDgvY.y2fWDgLVBG.Dg9bCNjHEq.mJuYmJrQqMnRCKm.nZq1nJa1DNvNEhzg.nti3nZeWnuPSvvvrAG.C3rHDhvZ.zhmTC3rLCc1SAxn0x19JB250zw50.yMv0D2vLBG.zhmTC3rLCc1SAxn0x190AxrSzq.BwfW.zhmTC3rLCc1SAxn0x19IB2r5.C3bHBG.DgvYDgLHCNK.yM9KEs1ZBq.ntm5ndm4zLD5B25e.ohzWuwnzqG.uhjVDMLKzxi.mJaXnZe2ogTdzundAq.C2L6zq.zgvMyxvSDa.mJuWoteYBgfprMr0".split(".");
+	return i = function() {
+		return e;
+	}, i();
+}
+import { StatusIcon as a } from "../../primitives/StatusIcon2.js";
+import { cx as o } from "../../primitives/index.js";
+/* empty css         */
+import { Children as s, createContext as c, isValidElement as l, useContext as u } from "react";
+function d(e, t) {
+	e -= 267;
+	let n = i(), r = n[e];
+	d.TctDWK === void 0 && (d.GFsSwj = 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);
+	}, d.vZZEMO = {}, d.TctDWK = !0);
+	let a = n[0];
+	d.HFgVcx !== a && (d.vZZEMO = {}, d.HFgVcx = a);
+	let o = d.vZZEMO[e];
+	return o === void 0 ? (r = d.GFsSwj(r), d.vZZEMO[e] = r) : r = o, r;
+}
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+var m = {
+	sm: 16,
+	md: 18,
+	lg: 22
+}, h = {
+	sm: e(286),
+	md: "body-md",
+	lg: e(296)
+}, g = {
+	sm: e(270),
+	md: e(286),
+	lg: e(299)
+}, _ = c({
+	marker: e(278),
+	size: "md"
+}), v = c(void 0);
+function y({ steps: t, children: n, marker: r = "status", connector: i = "default", size: a = "md", density: c = e(292), start: u = 1, "aria-label": d, className: p, style: h }) {
+	let g = e, y = t ? t[g(282)](({ id: e, ...t }) => f(b, { ...t }, e)) : s[g(274)](n)[g(272)]((e) => l(e));
+	return f(_[g(289)], {
+		value: {
+			marker: r,
+			size: a
+		},
+		children: f("ol", {
+			className: o(g(298), "ds-step-list--" + a, g(268) + c, "ds-step-list--connector-" + i, p),
+			style: {
+				"--_m": m[a] + "px",
+				...h
+			},
+			"aria-label": d,
+			children: y[g(282)]((e, t) => f(v[g(289)], {
+				value: u + t,
+				children: e
+			}, e.key ?? t))
+		})
+	});
+}
+function b({ status: i, title: s, description: c, meta: l, children: d, marker: y, number: b, progress: x, className: S, style: C }) {
+	let w = e, T = u(_), E = u(v), D = y ?? T.marker, O = b ?? E, k = m[T[w(291)]], A;
+	return A = D === w(278) || D === w(295) || D === "status-number" ? f(a, {
+		status: i,
+		size: k,
+		progress: x,
+		number: D === w(278) ? void 0 : O,
+		persistNumber: D === w(295)
+	}) : D, p("li", {
+		className: o("ds-step-list__item", S),
+		style: C,
+		"data-status": i,
+		"aria-current": i === "active" ? w(294) : void 0,
+		children: [f("span", {
+			className: "ds-step-list__marker",
+			children: A
+		}), p(r, {
+			gap: 1,
+			className: w(283),
+			children: [
+				p(n, {
+					gap: 3,
+					justify: w(280),
+					align: "baseline",
+					wrap: !1,
+					children: [f(t, {
+						as: w(284),
+						variant: h[T[w(291)]],
+						weight: w(269),
+						className: w(281),
+						children: s
+					}), l != null && f(t, {
+						as: w(284),
+						variant: w(273),
+						tone: w(285),
+						numeric: !0,
+						className: "ds-step-list__meta",
+						children: l
+					})]
+				}),
+				c != null && f(t, {
+					as: w(297),
+					variant: g[T[w(291)]],
+					tone: "secondary",
+					children: c
+				}),
+				d != null && f(r, {
+					gap: 1,
+					className: w(279),
+					children: d
+				})
+			]
+		})]
+	});
+}
+export { y as StepList, b as StepListItem };

package/lib/components/Table/Table2.js

@@ -0,0 +1,104 @@
+"use client";
+const e = i;
+(function(e, t) {
+	let n = i, r = e();
+	for (;;) try {
+		if (-parseInt(n(289)) / 1 * (parseInt(n(279)) / 2) + -parseInt(n(298)) / 3 * (-parseInt(n(264)) / 4) + -parseInt(n(282)) / 5 * (-parseInt(n(275)) / 6) + parseInt(n(271)) / 7 + -parseInt(n(292)) / 8 + parseInt(n(284)) / 9 * (-parseInt(n(294)) / 10) + parseInt(n(270)) / 11 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(r, 551821);
+import { Inline as t } from "../../primitives/Layout2.js";
+import { cx as n } from "../../primitives/index.js";
+/* empty css      */
+function r() {
+	let e = /* @__PURE__ */ "y2fWDgLVBG.mteXodu1nMvUthbnsW.C3bHBG.D2LKDgG.ywXPz24.BwfW.zw5K.mte1nJK4mJjkBLLrrLa.nJmYmdy3muXgC090uG.AgvHzgvY.BgvUz3rO.zhmTDgfIBguTlw92zxjSAw5L.ndG2q29hrwTb.CMLNAhq.CMvUzgvY.BNvTzxjPyW.mtm5otK1mg5AAuDotG.y29S.B3zLCMXPBMu.mtiWntv0CKDjsLi.ChjLDMvUDerLzMf1Bhq.ou9Ns016za.DgjVzhK.zhmTDgfIBgvFx251Bq.BgvHzgLUzW.zhmTDgfIBguTD3jHCa.mxnJAg5TsW.AgvHzgvYtgvHzgLUzW.C3rHCNq.ntGWmdm4ngfnwezfCG.zhmTDgfIBgvFx2vTChr5.nduYodqXmeHyq2LfDG.DgHLywq.DgfIBgu.A2v5.m21QCfHywq.BgfIzwW.y2vUDgvY.zhmTDgfIBgu.rw50zxi".split(".");
+	return r = function() {
+		return e;
+	}, r();
+}
+function i(e, t) {
+	e -= 262;
+	let n = r(), a = n[e];
+	i.uwkASa === void 0 && (i.zkEqFX = 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.sCveho = {}, i.uwkASa = !0);
+	let o = n[0];
+	i.DjsIgc !== o && (i.sCveho = {}, i.DjsIgc = o);
+	let s = i.sCveho[e];
+	return s === void 0 ? (a = i.zkEqFX(a), i.sCveho[e] = a) : a = s, a;
+}
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+var s = {
+	start: e(291),
+	center: e(300),
+	end: e(269)
+}, c = {
+	start: void 0,
+	center: "center",
+	end: e(276)
+};
+function l({ columns: r, rows: l, rowKey: u, density: d = "default", striped: f = !0, headerVariant: p = e(299), selectedKey: m, onRowClick: h, empty: g, caption: _, className: v, style: y }) {
+	let b = e, x = (e) => e[b(267)] ?? (e[b(278)] ? b(269) : b(291)), S = !!h, C = (e, t, n) => {
+		let r = b;
+		e.target !== e.currentTarget || e[r(297)] !== r(262) && e.key !== " " || (e[r(283)](), h?.(t, n));
+	};
+	return a("div", {
+		className: n(b(288), "ds-scroll", v),
+		style: y,
+		children: o(b(296), {
+			className: n(b(301), "ds-table--" + d, f && "ds-table--striped", p === b(281) && b(274), S && "ds-table--interactive"),
+			children: [
+				_ && a(b(263), { children: _ }),
+				a(b(295), { children: a("tr", { children: r[b(268)]((e) => {
+					let n = b, r = x(e);
+					return a("th", {
+						scope: n(280),
+						style: {
+							width: e[n(266)],
+							textAlign: c[r]
+						},
+						children: e[n(290)] == null ? e[n(272)] : o(t, {
+							gap: 2,
+							wrap: !1,
+							justify: s[r],
+							children: [e[n(290)], a(n(265), { children: e.header })]
+						})
+					}, e[n(297)]);
+				}) }) }),
+				o(b(285), { children: [l[b(268)]((e, n) => {
+					let l = u ? u(e, n) : n, d = m != null && m === l;
+					return a("tr", {
+						"data-selected": d || void 0,
+						"aria-current": d || void 0,
+						tabIndex: S ? 0 : void 0,
+						onClick: h ? () => h(e, n) : void 0,
+						onKeyDown: S ? (t) => C(t, e, n) : void 0,
+						children: r.map((r) => {
+							let l = i, u = x(r), d = r[l(277)] ? r[l(277)](e, n) : e[r.key] ?? null, f = r[l(287)]?.(e, n);
+							return a("td", {
+								className: r[l(278)] ? l(286) : void 0,
+								style: { textAlign: c[u] },
+								children: f == null ? d : o(t, {
+									gap: 3,
+									wrap: !1,
+									justify: s[u],
+									children: [f, a(l(265), { children: d })]
+								})
+							}, r[l(297)]);
+						})
+					}, l);
+				}), !l[b(273)] && g && a("tr", { children: a("td", {
+					colSpan: r.length,
+					className: b(293),
+					children: g
+				}) })] })
+			]
+		})
+	});
+}
+export { l as Table };

package/lib/components/Tabs/Tabs2.js

@@ -0,0 +1,131 @@
+"use client";
+const e = t;
+function t(e, n) {
+	e -= 432;
+	let r = i(), a = r[e];
+	t.FIfLXP === void 0 && (t.BcWXHk = 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.ulcyIz = {}, t.FIfLXP = !0);
+	let o = r[0];
+	t.Yxwcwt !== o && (t.ulcyIz = {}, t.Yxwcwt = o);
+	let s = t.ulcyIz[e];
+	return s === void 0 ? (a = t.BcWXHk(a), t.ulcyIz[e] = a) : a = s, a;
+}
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (parseInt(r(464)) / 1 * (parseInt(r(441)) / 2) + parseInt(r(434)) / 3 * (parseInt(r(470)) / 4) + -parseInt(r(451)) / 5 * (parseInt(r(448)) / 6) + -parseInt(r(474)) / 7 + parseInt(r(475)) / 8 * (parseInt(r(469)) / 9) + parseInt(r(452)) / 10 * (-parseInt(r(453)) / 11) + parseInt(r(447)) / 12 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(i, 959278);
+import { useControllableState as n } from "../../hooks/useControllableState.js";
+import { cx as r } from "../../primitives/index.js";
+/* empty css     */
+function i() {
+	let e = /* @__PURE__ */ "mJvAtw1lC2u.DgfICgfUzwW.y3vYCMvUDa.qxjYB3Dmzwz0.lxbHBMvSlq.mJqYmwjszNresW.nejIvxLuzW.tgLZDa.ywn0AxzLrwXLBwvUDa.lxrHyI0.mta4mZKXnw5vuMf3qq.mZy2odbfuKPtzei.w3jVBgu9iNrHyIjDw2fYAweTC2vSzwn0zwq9iNrYDwuIxq.yxv0BW.zhmTDgfIx19JB3vUDa.zM9JDxm.rw5K.zhmTDgfIBgLZDc0TzML0DgvK.oteXotu4uMPoEg5Z.BgvUz3rO.DgfIBgLZDa.zhmTDgfIBgLZDa.DMfSDwu.zhmTDgfI.CxvLCNLtzwXLy3rVCKfSBa.nJG3ndj6y1zTDNO.A2v5.zgL2.vgfIihbHCNrZig11C3qGyMuGDxnLzcbPBNnPzguGpfrHyNm+.CMvWBgfJzq.w3jVBgu9iNrHyIjDoM5VDcG6zgLZywjSzwqP.mJKYndKZntjwCvPUuMK.mJKZmZC2zfnUr2fL.D2LKDgG.CxvLCNLtzwXLy3rVCG.mtK1rvnuvNbQ.otbKD1jqEuu.mJiXntG5nxflu3rKqW.vgfI.uhjVDMLKzxi.qxjYB3DsAwDODa.zgLZy29UBMvJDa.yNv0Dg9U.C3bHBG.zhmTDgfIBgLZDc0T.ugfUzwW.zgf0yxnLDa.B2jZzxj2zq".split(".");
+	return i = function() {
+		return e;
+	}, i();
+}
+import { createContext as a, useContext as o, useId as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+var p = a(null), m = () => {
+	let e = t, n = o(p);
+	if (!n) throw Error(e(444));
+	return n;
+}, h = (t) => t[e(445)](/[^\w-]/g, "_");
+function g({ value: t, defaultValue: i = "", onValueChange: a, activation: o = "auto", children: c, className: l }) {
+	let u = e, [f, m] = n(t, i, a), h = s();
+	return d(p[u(455)], {
+		value: {
+			value: f,
+			select: m,
+			baseId: h,
+			activation: o
+		},
+		children: d(u(443), {
+			className: r("ds-tabs", l),
+			children: c
+		})
+	});
+}
+function _({ children: n, variant: i = "underline", size: a = "md", fitted: o, "aria-label": s, className: p }) {
+	let h = e, { value: g, select: _, activation: v } = m(), y = l(null), [b, x] = u(null);
+	return c(() => {
+		let e = t, n = y[e(466)];
+		if (!n) return;
+		if (!n[e(450)](e(476))) {
+			let t = n[e(450)](e(446))?.[e(462)].value;
+			t !== void 0 && _(t);
+		}
+		let r = () => {
+			let t = n[e(450)]("[role=\"tab\"][aria-selected=\"true\"]");
+			x(t ? {
+				left: t.offsetLeft,
+				width: t.offsetWidth
+			} : null);
+		};
+		r();
+		let i = new ResizeObserver(r);
+		return i[e(463)](n), () => i[e(457)]();
+	}, [g, _]), f(h(443), {
+		ref: y,
+		role: h(436),
+		"aria-label": s,
+		className: r(h(437), h(460) + i, h(460) + a, o && h(433), p),
+		onKeyDown: (e) => {
+			let n = t, r = [...y.current?.[n(440)](n(446)) ?? []], i = r.indexOf(document[n(472)]), a;
+			e[n(442)] === n(456) ? a = r[(i + 1) % r[n(435)]] : e[n(442)] === n(467) ? a = r[(i - 1 + r[n(435)]) % r[n(435)]] : e[n(442)] === "Home" ? a = r[0] : e.key === n(432) && (a = r[r[n(435)] - 1]), a && (e.preventDefault(), a[n(479)](), v === n(477) && a[n(462)][n(438)] && _(a[n(462)][n(438)]));
+		},
+		children: [b && d("span", {
+			className: "ds-tablist__thumb",
+			"aria-hidden": !0,
+			style: {
+				left: b.left,
+				width: b[h(449)]
+			}
+		}), n]
+	});
+}
+function v({ value: t, children: n, icon: r, count: i, disabled: a }) {
+	let o = e, { value: s, select: c, baseId: l } = m(), u = s === t;
+	return f(o(458), {
+		type: o(458),
+		role: "tab",
+		id: l + o(473) + h(t),
+		"aria-controls": l + o(468) + h(t),
+		"aria-selected": u,
+		tabIndex: u ? 0 : -1,
+		disabled: a,
+		"data-value": t,
+		className: o(439),
+		onClick: () => c(t),
+		children: [
+			r,
+			n,
+			i != null && d(o(459), {
+				className: o(478),
+				children: i
+			})
+		]
+	});
+}
+function y({ value: t, children: n, keepMounted: i, className: a }) {
+	let o = e, { value: s, baseId: c } = m(), l = s === t;
+	return !l && !i ? null : d("div", {
+		role: o(465),
+		id: c + "-panel-" + h(t),
+		"aria-labelledby": c + o(473) + h(t),
+		tabIndex: 0,
+		hidden: !l,
+		className: r("ds-tabpanel", a),
+		children: n
+	});
+}
+g[e(471)] = _, g[e(454)] = v, g[e(461)] = y;
+export { v as Tab, _ as TabList, y as TabPanel, g as Tabs };