@iamfiro/design 0.1.0 → 0.3.0

package/lib/components/SplitView/SplitView2.js

@@ -0,0 +1,95 @@
+"use client";
+function e(t, n) {
+	t -= 246;
+	let r = u(), i = r[t];
+	e.XaFiTJ === void 0 && (e.DSImrO = 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);
+	}, e.FZLTIb = {}, e.XaFiTJ = !0);
+	let a = r[0];
+	e.yxMKqg !== a && (e.FZLTIb = {}, e.yxMKqg = a);
+	let o = e.FZLTIb[t];
+	return o === void 0 ? (i = e.DSImrO(i), e.FZLTIb[t] = i) : i = o, i;
+}
+const t = e;
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (parseInt(r(264)) / 1 * (parseInt(r(278)) / 2) + parseInt(r(272)) / 3 * (parseInt(r(260)) / 4) + parseInt(r(261)) / 5 * (parseInt(r(279)) / 6) + parseInt(r(251)) / 7 + -parseInt(r(254)) / 8 + -parseInt(r(268)) / 9 * (-parseInt(r(257)) / 10) + parseInt(r(247)) / 11 * (-parseInt(r(263)) / 12) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(u, 206663);
+import { useControllableState as n } from "../../hooks/useControllableState.js";
+import { cx as r } from "../../primitives/index.js";
+/* empty css          */
+import { useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = 16;
+function l({ list: e, children: l, listWidth: u, defaultListWidth: d = 300, onListWidthChange: f, minListWidth: p = 220, maxListWidth: m = 520, resizable: h, listTone: g = t(275), listLabel: _ = "목록", detailLabel: v = "상세", className: y, style: b }) {
+	let x = t, [S, C] = n(u, d, f), [w, T] = a(!1), E = i(null), D = (e) => Math[x(277)](Math[x(276)](m, Math.max(p, e))), O = D(S), k = (e) => {
+		let t = x;
+		e[t(248)] === 0 && (e.preventDefault(), e[t(250)][t(281)](e[t(259)]), e[t(250)].focus(), E[t(249)] = {
+			x: e[t(280)],
+			start: O
+		}, T(!0));
+	}, A = (e) => {
+		let t = x, n = E[t(249)];
+		if (!n) return;
+		let r = D(n.start + e[t(280)] - n.x);
+		r !== O && C(r);
+	}, j = () => {
+		let e = x;
+		E[e(249)] = null, T(!1);
+	}, M = (e) => {
+		let t = x, n = e[t(274)] ? 64 : c, r = null;
+		e[t(273)] === t(258) ? r = O - n : e.key === t(269) ? r = O + n : e.key === t(256) ? r = p : e[t(273)] === t(267) ? r = m : e[t(273)] === t(246) ? r = d : e[t(273)] === "Escape" && E.current && (r = E.current.start, j()), r !== null && (e[t(252)](), C(D(r)));
+	};
+	return s(x(271), {
+		className: r(x(270), "ds-split--" + g, y),
+		"data-dragging": w || void 0,
+		style: {
+			"--_list": O + "px",
+			...b
+		},
+		children: [
+			o("section", {
+				className: x(262),
+				"aria-label": _,
+				children: e
+			}),
+			h && o("div", {
+				role: x(266),
+				tabIndex: 0,
+				"aria-orientation": x(255),
+				"aria-label": _ + x(253),
+				"aria-valuenow": O,
+				"aria-valuemin": p,
+				"aria-valuemax": m,
+				className: "ds-split__divider",
+				onPointerDown: k,
+				onPointerMove: A,
+				onPointerUp: j,
+				onPointerCancel: j,
+				onLostPointerCapture: j,
+				onDoubleClick: () => C(D(d)),
+				onKeyDown: M
+			}),
+			o("section", {
+				className: x(265),
+				"aria-label": v,
+				children: l
+			})
+		]
+	});
+}
+export { l as SplitView };
+function u() {
+	let e = /* @__PURE__ */ "rw50zxi.nty2mZmXn0LvCuDXsa.yNv0Dg9U.y3vYCMvUDa.y3vYCMvUDfrHCMDLDa.ntiZmda1ANbkvKPd.ChjLDMvUDerLzMf1Bhq.ioUeIoU5HcdSOBdSOiG.mtq4nde4ngzUDvrxza.DMvYDgLJywW.sg9Tzq.mtuWwLfjA25e.qxjYB3Dmzwz0.Cg9PBNrLCKLK.mJrlDMX2Cg4.mtmWBvvjDeP3.zhmTC3bSAxrFx3bHBMuGzhmTC3bSAxrFx2XPC3qGzhmTC2nYB2XS.mtjfr1zdr3y.m1rtAhvZBq.zhmTC3bSAxrFx3bHBMuGzhmTC3bSAxrFx2rLDgfPBcbKCY1Zy3jVBgW.C2vWyxjHDg9Y.rw5K.mZm0mtDbBfvpA2W.qxjYB3DsAwDODa.zhmTC3bSAxq.zgL2.mta1nZm4ALnZvLDd.A2v5.C2HPzNrlzxK.C29MDa.BwLU.CM91BMq.mJm4mZu4qwL4DNLv.ndC5mtbSuxbjEwe.y2XPzw50wa.C2v0ug9PBNrLCKnHChr1CMu".split(".");
+	return u = function() {
+		return e;
+	}, u();
+}

package/lib/components/Stat/Stat2.js

@@ -0,0 +1,164 @@
+"use client";
+const e = p;
+(function(e, t) {
+	let n = p, r = e();
+	for (;;) try {
+		if (parseInt(n(152)) / 1 + parseInt(n(156)) / 2 + parseInt(n(141)) / 3 + -parseInt(n(128)) / 4 * (-parseInt(n(133)) / 5) + parseInt(n(146)) / 6 * (parseInt(n(140)) / 7) + -parseInt(n(159)) / 8 * (-parseInt(n(143)) / 9) + -parseInt(n(154)) / 10 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(m, 389934);
+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";
+/* empty css     */
+import { Children as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+var u = {
+	sm: e(145),
+	md: e(153),
+	lg: e(148)
+}, d = {
+	sm: e(150),
+	md: "label-sm",
+	lg: e(130)
+};
+function f(t) {
+	let r = e, { tile: i, className: a, style: o } = t;
+	return i ? c(n, {
+		padding: 3,
+		background: "subtle",
+		className: ["ds-stat--tile", a][r(142)](Boolean)[r(127)](" "),
+		style: o,
+		children: c(h, {
+			...t,
+			className: void 0,
+			style: void 0
+		})
+	}) : c(h, { ...t });
+}
+function p(e, t) {
+	e -= 126;
+	let n = m(), r = n[e];
+	p.dTrTIc === void 0 && (p.wKAPjg = 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);
+	}, p.PEvlOW = {}, p.dTrTIc = !0);
+	let i = n[0];
+	p.mDiRSO !== i && (p.PEvlOW = {}, p.mDiRSO = i);
+	let a = p.PEvlOW[e];
+	return a === void 0 ? (r = p.wKAPjg(r), p.PEvlOW[e] = r) : r = a, r;
+}
+function m() {
+	let e = /* @__PURE__ */ "BNvTyMvYlw1K.mtG1ntq4mdbZs0Lrwgy.zgvMyxvSDa.ntCYmZG2r1D3EKLt.y2vUDgvY.DgvYDgLHCNK.otzTCKXswLG.zhmTC3rHDc1NCM91Ca.C2vTAwjVBgq.AM9PBG.mZaXnda0ngruuMzJCG.msaXida.BgfIzwWTBwq.Aw5SAw5L.C3rHy2TLza.nujSruPZvq.Dg9bCNjHEq.yMfZzwXPBMu.zhmTC3rHDa.zgL2.y2fSyYH2yxiOls1Z.B3zLCMXPBMu.mteZnJyXmwvQA2jYDa.mta2mde0owHduLb1qq.zMLSDgvY.nduYnJy0sujxwgTh.y2fWDgLVBG.BNvTyMvYlxnT.nMHZqNHrEa.BMv1DhjHBa.BNvTyMvYlwXN.C3rYzxrJAa.BgfIzwWTEhm.zhmTC3rHDc1NCM91Cf9Fy2vSBa.ody0mdjIsKPIB1K".split(".");
+	return m = function() {
+		return e;
+	}, m();
+}
+function h({ label: n, value: i, total: s, unit: f, delta: p, caption: m, icon: h, iconTone: g = e(147), layout: _ = e(132), size: v = "md", tone: y = e(155), className: b, style: x }) {
+	let S = e, C = d[v], w = h != null && c(o, {
+		size: _ === S(131) ? 18 : 20,
+		tone: g,
+		children: h
+	}), T = l(r, {
+		gap: 1,
+		align: "baseline",
+		wrap: !1,
+		children: [
+			c(t, {
+				variant: _ === S(131) ? C : u[v],
+				weight: _ === S(131) ? S(126) : void 0,
+				tone: y,
+				numeric: !0,
+				children: i
+			}),
+			f != null && c(t, {
+				variant: C,
+				tone: S(158),
+				children: f
+			}),
+			s != null && l(t, {
+				variant: C,
+				tone: S(158),
+				numeric: !0,
+				children: ["/ ", s]
+			})
+		]
+	});
+	return _ === S(131) ? l(r, {
+		gap: 2,
+		align: S(w ? 157 : 135),
+		wrap: !1,
+		className: [S(136), b][S(142)](Boolean)[S(127)](" "),
+		style: x,
+		children: [
+			w,
+			c(t, {
+				variant: C,
+				tone: S(158),
+				children: n
+			}),
+			T,
+			p
+		]
+	}) : l(a, {
+		gap: w ? 2 : 1,
+		className: [S(136), b].filter(Boolean)[S(127)](" "),
+		style: x,
+		children: [
+			w ? l(r, {
+				gap: 2,
+				wrap: !1,
+				children: [w, c(t, {
+					variant: "overline",
+					tone: S(158),
+					truncate: !0,
+					children: n
+				})]
+			}) : c(t, {
+				variant: S(139),
+				tone: "tertiary",
+				truncate: !0,
+				children: n
+			}),
+			l(r, {
+				gap: 2,
+				align: "center",
+				wrap: !1,
+				children: [T, p]
+			}),
+			m != null && c(t, {
+				variant: S(144),
+				tone: "tertiary",
+				children: m
+			})
+		]
+	});
+}
+function g({ children: t, gap: n = 6, minItemWidth: a = 96, fill: o = !0, dividers: u = !0, "aria-label": d, className: f, style: p }) {
+	let m = e, h = n === 0 ? "-0.5px" : m(138) + n + ") / -2 - 0.5px)";
+	return c(r, {
+		gap: n,
+		align: m(149),
+		role: "group",
+		"aria-label": d,
+		className: [m(160), f][m(142)](Boolean)[m(127)](" "),
+		style: p,
+		children: s[m(134)](t).map((e, t) => l(m(137), {
+			className: m(151),
+			style: {
+				flex: o ? m(129) : "none",
+				minWidth: a
+			},
+			children: [u && c(i, {
+				orientation: "vertical",
+				className: "ds-stat-group__sep",
+				style: { insetInlineStart: h }
+			}), e]
+		}, t))
+	});
+}
+export { f as Stat, g as StatGroup };

package/lib/components/StepList/StepList2.js

@@ -0,0 +1,131 @@
+"use client";
+const e = t;
+function t(e, n) {
+	e -= 301;
+	let r = d(), i = r[e];
+	t.OGxpFk === void 0 && (t.RCohly = 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.oThobZ = {}, t.OGxpFk = !0);
+	let a = r[0];
+	t.AdYtbs !== a && (t.oThobZ = {}, t.AdYtbs = a);
+	let o = t.oThobZ[e];
+	return o === void 0 ? (i = t.RCohly(i), t.oThobZ[e] = i) : i = o, i;
+}
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (parseInt(r(301)) / 1 * (-parseInt(r(333)) / 2) + parseInt(r(335)) / 3 + parseInt(r(321)) / 4 + -parseInt(r(339)) / 5 * (-parseInt(r(331)) / 6) + -parseInt(r(319)) / 7 + -parseInt(r(305)) / 8 + -parseInt(r(334)) / 9 * (parseInt(r(320)) / 10) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(d, 128665);
+import { Text as n } from "../../primitives/Typography2.js";
+import { Inline as r, Stack as i } from "../../primitives/Layout2.js";
+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() {
+	let e = /* @__PURE__ */ "zgL2.zMLSDgvY.A2v5.zhmTC3rLCc1SAxn0x190AxrSzq.yMv0D2vLBG.C3rHDhvZ.mteZmtm4mLfXvhfTAa.mtb5su9mtMq.odC3ode2CvjkDhbc.zhmTC3rLCc1SAxn0x19TzxrH.BNvTyMvY.C2vJB25Kyxj5.BwfYA2vY.yMfZzwXPBMu.C3rLCa.zhmTC3rLCc1SAxn0x19IB2r5.zgvMyxvSDa.zhmTC3rLCc1SAxn0x19JB250zw50.nda1mfz2CNjyzq.C3rHDhvZlw51BwjLCG.mtyXmtm4Ee1SDwjq.mte0odCZm0Dyr0Pkyq.nZi4mtKWzu5pBvfX.yM9KEs1Tza.zhmTC3rLCc1SAxn0ls1JB25Uzwn0B3iT.y2fWDgLVBG.mtm5mhndre5YAq.mu9LEMPtza.BwvKAxvT.uhjVDMLKzxi.yM9KEs1SzW.mtiXmdy5nNrwDhbRtG.zhmTC3rLCc1SAxn0x19PDgvT.C2L6zq.zhmTC3rLCc1SAxn0ls0.BwfW.zhmTC3rLCc1SAxn0x19TyxjRzxi.ywn0AxzL.C3bHBG".split(".");
+	return d = function() {
+		return e;
+	}, d();
+}
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+var m = {
+	sm: 16,
+	md: 18,
+	lg: 22
+}, h = {
+	sm: "body-sm",
+	md: e(336),
+	lg: e(304)
+}, g = {
+	sm: "body-xs",
+	md: "body-sm",
+	lg: "body-md"
+}, _ = c({
+	marker: e(318),
+	size: "md"
+}), v = c(void 0);
+function y({ steps: t, children: n, marker: r = e(318), connector: i = e(329), size: a = "md", density: c = e(329), start: u = 1, "aria-label": d, className: p, style: h }) {
+	let g = e, y = t ? t[g(309)](({ id: e, ...t }) => f(b, { ...t }, e)) : s.toArray(n)[g(314)]((e) => l(e));
+	return f(_[g(303)], {
+		value: {
+			marker: r,
+			size: a
+		},
+		children: f("ol", {
+			className: o("ds-step-list", g(308) + a, g(308) + c, g(337) + i, p),
+			style: {
+				"--_m": m[a] + "px",
+				...h
+			},
+			"aria-label": d,
+			children: y.map((e, t) => f(v[g(303)], {
+				value: u + t,
+				children: e
+			}, e[g(315)] ?? t))
+		})
+	});
+}
+function b({ status: t, 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[w(325)], O = b ?? E, k = m[T[w(307)]], A;
+	return A = D === w(318) || D === w(323) || D === w(332) ? f(a, {
+		status: t,
+		size: k,
+		progress: x,
+		number: D === w(318) ? void 0 : O,
+		persistNumber: D === w(323)
+	}) : D, p("li", {
+		className: o(w(306), S),
+		style: C,
+		"data-status": t,
+		"aria-current": t === w(311) ? w(327) : void 0,
+		children: [f(w(312), {
+			className: w(310),
+			children: A
+		}), p(i, {
+			gap: 1,
+			className: w(328),
+			children: [
+				p(r, {
+					gap: 3,
+					justify: w(317),
+					align: w(326),
+					wrap: !1,
+					children: [f(n, {
+						as: "span",
+						variant: h[T[w(307)]],
+						weight: w(302),
+						className: w(316),
+						children: s
+					}), l != null && f(n, {
+						as: w(312),
+						variant: w(338),
+						tone: "tertiary",
+						numeric: !0,
+						className: w(322),
+						children: l
+					})]
+				}),
+				c != null && f(n, {
+					as: w(313),
+					variant: g[T[w(307)]],
+					tone: w(324),
+					children: c
+				}),
+				d != null && f(i, {
+					gap: 1,
+					className: w(330),
+					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(309)) / 1 * (-parseInt(n(312)) / 2) + parseInt(n(311)) / 3 * (-parseInt(n(297)) / 4) + -parseInt(n(310)) / 5 + -parseInt(n(314)) / 6 + -parseInt(n(300)) / 7 + -parseInt(n(292)) / 8 + parseInt(n(298)) / 9 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(r, 598294);
+import { Inline as t } from "../../primitives/Layout2.js";
+import { cx as n } from "../../primitives/index.js";
+function r() {
+	let e = /* @__PURE__ */ "y29S.D2LKDgG.zw5K.DgHLywq.zgvMyxvSDa.AgvHzgvY.CMLNAhq.zhmTDgfIBguTD3jHCa.C3rHCNq.odC1ntG3mNfAsKnsAW.y2vUDgvY.AgvHzgvYtgvHzgLUzW.DgfYz2v0.ywXPz24.ngfhwwzPDG.mZqWoduYmJnSrvLlueW.BgvUz3rO.nJm2otmZnujNr1nfuW.BgfIzwW.zhmTDgfIBgu.CMvUzgvY.zhmTDgfIBguTlwLUDgvYywn0AxzL.zhmTDgfIBguTlxn0CMLWzwq.DgjVzhK.BNvTzxjPyW.zhmTDgfIBguTlq.mZv2ugXrAgi.mty2mde4meXMqMjVzW.mtq0ntqZm21jwM1Zyq.mJKXnhj1sK13BW.zhmTDgfIBgvFx2vTChr5.mtKXodmZmMHMr2voAW.C3bHBG.zhmTDgfIBgvFx251Bq.ChjLDMvUDerLzMf1Bhq.A2v5.BwfW".split(".");
+	return r = function() {
+		return e;
+	}, r();
+}
+function i(e, t) {
+	e -= 287;
+	let n = r(), a = n[e];
+	i.NjPyXt === void 0 && (i.yBXfDn = 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.sPxTGI = {}, i.NjPyXt = !0);
+	let o = n[0];
+	i.QZKoRK !== o && (i.sPxTGI = {}, i.QZKoRK = o);
+	let s = i.sPxTGI[e];
+	return s === void 0 ? (a = i.yBXfDn(a), i.sPxTGI[e] = a) : a = s, a;
+}
+/* empty css      */
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+var s = {
+	start: e(291),
+	center: e(293),
+	end: "end"
+}, c = {
+	start: void 0,
+	center: e(293),
+	end: e(289)
+};
+function l({ columns: r, rows: i, rowKey: l, density: u = e(287), striped: d = !0, headerVariant: f = e(301), selectedKey: p, onRowClick: m, empty: h, caption: g, className: _, style: v }) {
+	let y = e, b = (e) => e[y(296)] ?? (e[y(307)] ? y(322) : y(291)), x = !!m, S = (e, t, n) => {
+		let r = y;
+		e[r(295)] !== e.currentTarget || e[r(318)] !== "Enter" && e[r(318)] !== " " || (e[r(317)](), m?.(t, n));
+	};
+	return a("div", {
+		className: n(y(290), "ds-scroll", _),
+		style: v,
+		children: o("table", {
+			className: n(y(302), y(308) + u, d && y(305), f === "overline" && "ds-table--overline", x && y(304)),
+			children: [
+				g && a("caption", { children: g }),
+				a(y(323), { children: a("tr", { children: r[y(319)]((e) => {
+					let n = y, r = b(e);
+					return a("th", {
+						scope: n(320),
+						style: {
+							width: e[n(321)],
+							textAlign: c[r]
+						},
+						children: e.headerLeading == null ? e[n(288)] : o(t, {
+							gap: 2,
+							wrap: !1,
+							justify: s[r],
+							children: [e[n(294)], a("span", { children: e.header })]
+						})
+					}, e[n(318)]);
+				}) }) }),
+				o(y(306), { children: [i[y(319)]((e, n) => {
+					let i = y, u = l ? l(e, n) : n, d = p != null && p === u;
+					return a("tr", {
+						"data-selected": d || void 0,
+						"aria-current": d || void 0,
+						tabIndex: x ? 0 : void 0,
+						onClick: m ? () => m(e, n) : void 0,
+						onKeyDown: x ? (t) => S(t, e, n) : void 0,
+						children: r[i(319)]((r) => {
+							let l = i, u = b(r), d = r[l(303)] ? r[l(303)](e, n) : e[r[l(318)]] ?? null, f = r.leading?.(e, n);
+							return a("td", {
+								className: r[l(307)] ? l(316) : void 0,
+								style: { textAlign: c[u] },
+								children: f == null ? d : o(t, {
+									gap: 3,
+									wrap: !1,
+									justify: s[u],
+									children: [f, a(l(315), { children: d })]
+								})
+							}, r[l(318)]);
+						})
+					}, u);
+				}), !i[y(299)] && h && a("tr", { children: a("td", {
+					colSpan: r[y(299)],
+					className: y(313),
+					children: h
+				}) })] })
+			]
+		})
+	});
+}
+export { l as Table };

package/lib/components/Tabs/Tabs2.js

@@ -0,0 +1,131 @@
+"use client";
+const e = d;
+(function(e, t) {
+	let n = d, r = e();
+	for (;;) try {
+		if (-parseInt(n(475)) / 1 + -parseInt(n(457)) / 2 + -parseInt(n(459)) / 3 * (parseInt(n(451)) / 4) + parseInt(n(462)) / 5 * (parseInt(n(464)) / 6) + -parseInt(n(456)) / 7 + parseInt(n(435)) / 8 * (parseInt(n(461)) / 9) + parseInt(n(453)) / 10 * (parseInt(n(477)) / 11) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(h, 955110);
+import { useControllableState as t } from "../../hooks/useControllableState.js";
+import { cx as n } from "../../primitives/index.js";
+/* empty css     */
+import { createContext as r, useContext as i, useId as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+function d(e, t) {
+	e -= 430;
+	let n = h(), r = n[e];
+	d.RtcHtz === void 0 && (d.vMWeNG = 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.sydbgW = {}, d.RtcHtz = !0);
+	let i = n[0];
+	d.oelsbp !== i && (d.sydbgW = {}, d.oelsbp = i);
+	let a = d.sydbgW[e];
+	return a === void 0 ? (r = d.vMWeNG(r), d.sydbgW[e] = r) : r = a, r;
+}
+var f = r(null), p = () => {
+	let e = d, t = i(f);
+	if (!t) throw Error(e(440));
+	return t;
+}, m = (t) => t[e(449)](/[^\w-]/g, "_");
+function h() {
+	let e = /* @__PURE__ */ "zhmTDgfIBgLZDc0TzML0DgvK.CxvLCNLtzwXLy3rVCG.zgf0yxnLDa.qxjYB3DsAwDODa.zhmTDgfIBgLZDa.w3jVBgu9iNrHyIjDw2fYAweTC2vSzwn0zwq9iNrYDwuIxq.mJuXmZC5B0jfCLvJ.BgvMDa.ndq1nJC3muXxBwnNBW.lxbHBMvSlq.sg9Tzq.A2v5.zhmTDgfIBgLZDc0T.y3vYCMvUDa.zhmTDgfIBgLZDf9FDgH1Bwi.BgvUz3rO.mZjsrvn0u2G.ugfUzwW.yxv0BW.C3bHBG.qxjYB3Dmzwz0.vgfIihbHCNrZig11C3qGyMuGDxnLzcbPBNnPzguGpfrHyNm+.DgfIBgLZDa.ChjLDMvUDerLzMf1Bhq.D2LKDgG.B2jZzxj2zq.yNv0Dg9U.zgL2.ywn0AxzLrwXLBwvUDa.DMfSDwu.CMvWBgfJzq.zM9JDxm.ndbiqwnuzfa.lxrHyI0.mZbSrKX6rMq.zhmTDgfICW.w3jVBgu9iNrHyIjDoM5VDcG6zgLZywjSzwqP.mty0odK2mLPSwLjAvG.mJiZnZy5mgryt2THBW.zgLZy29UBMvJDa.ndG4mZDUz0r6r3q.rw5K.ndq3mdC1wwLyu3PV.nJu0nZuZnvzJserSvq.zhmTDgfICgfUzwW.nNDRzNnRra.Aw5KzxHpzG.B2zMC2v0tgvMDa.zhmTDgfI.DgfICgfUzwW".split(".");
+	return h = function() {
+		return e;
+	}, h();
+}
+function g({ value: r, defaultValue: i = "", onValueChange: o, activation: s = "auto", children: c, className: u }) {
+	let d = e, [p, m] = t(r, i, o), h = a();
+	return l(f.Provider, {
+		value: {
+			value: p,
+			select: m,
+			baseId: h,
+			activation: s
+		},
+		children: l("div", {
+			className: n(d(454), u),
+			children: c
+		})
+	});
+}
+function _({ children: t, variant: r = "underline", size: i = "md", fitted: a, "aria-label": f, className: m }) {
+	let h = e, { value: g, select: _, activation: v } = p(), y = s(null), [b, x] = c(null);
+	return o(() => {
+		let e = d, t = y[e(432)];
+		if (!t) return;
+		if (!t[e(470)](e(474))) {
+			let n = t[e(470)](e(455))?.[e(471)][e(448)];
+			n !== void 0 && _(n);
+		}
+		let n = () => {
+			let n = e, r = t.querySelector(n(474));
+			x(r ? {
+				left: r[n(466)],
+				width: r.offsetWidth
+			} : null);
+		};
+		n();
+		let r = new ResizeObserver(n);
+		return r[e(444)](t), () => r[e(458)]();
+	}, [g, _]), u("div", {
+		ref: y,
+		role: h(441),
+		"aria-label": f,
+		className: n(h(473), h(431) + r, h(431) + i, a && h(469), m),
+		onKeyDown: (e) => {
+			let t = d, n = [...y[t(432)]?.querySelectorAll(t(455)) ?? []], r = n[t(465)](document[t(447)]), i;
+			e[t(430)] === t(472) ? i = n[(r + 1) % n[t(434)]] : e.key === t(439) ? i = n[(r - 1 + n[t(434)]) % n[t(434)]] : e[t(430)] === t(479) ? i = n[0] : e.key === t(460) && (i = n[n[t(434)] - 1]), i && (e[t(442)](), i[t(450)](), v === t(437) && i.dataset[t(448)] && _(i[t(471)][t(448)]));
+		},
+		children: [b && l(h(438), {
+			className: h(433),
+			"aria-hidden": !0,
+			style: {
+				left: b[h(476)],
+				width: b[h(443)]
+			}
+		}), t]
+	});
+}
+function v({ value: t, children: n, icon: r, count: i, disabled: a }) {
+	let o = e, { value: s, select: c, baseId: d } = p(), f = s === t;
+	return u(o(445), {
+		type: o(445),
+		role: "tab",
+		id: d + o(452) + m(t),
+		"aria-controls": d + o(478) + m(t),
+		"aria-selected": f,
+		tabIndex: f ? 0 : -1,
+		disabled: a,
+		"data-value": t,
+		className: o(467),
+		onClick: () => c(t),
+		children: [
+			r,
+			n,
+			i != null && l(o(438), {
+				className: "ds-tab__count",
+				children: i
+			})
+		]
+	});
+}
+function y({ value: t, children: r, keepMounted: i, className: a }) {
+	let o = e, { value: s, baseId: c } = p(), u = s === t;
+	return !u && !i ? null : l(o(446), {
+		role: o(468),
+		id: c + o(478) + m(t),
+		"aria-labelledby": c + "-tab-" + m(t),
+		tabIndex: 0,
+		hidden: !u,
+		className: n(o(463), a),
+		children: r
+	});
+}
+g.List = _, g.Tab = v, g[e(436)] = y;
+export { v as Tab, _ as TabList, y as TabPanel, g as Tabs };