@iamfiro/design 0.3.0 → 0.3.1

package/lib/components/Table/Table2.js

@@ -3,99 +3,99 @@ 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;
+		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, 598294);
+})(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__ */ "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(".");
+	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 -= 287;
+	e -= 262;
 	let n = r(), a = n[e];
-	i.NjPyXt === void 0 && (i.yBXfDn = function(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.sPxTGI = {}, i.NjPyXt = !0);
+	}, i.sCveho = {}, i.uwkASa = !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;
+	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;
 }
-/* empty css      */
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = {
 	start: e(291),
-	center: e(293),
-	end: "end"
+	center: e(300),
+	end: e(269)
 }, c = {
 	start: void 0,
-	center: e(293),
-	end: e(289)
+	center: "center",
+	end: e(276)
 };
-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));
+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(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)),
+		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: [
-				g && a("caption", { children: g }),
-				a(y(323), { children: a("tr", { children: r[y(319)]((e) => {
-					let n = y, r = b(e);
+				_ && 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(320),
+						scope: n(280),
 						style: {
-							width: e[n(321)],
+							width: e[n(266)],
 							textAlign: c[r]
 						},
-						children: e.headerLeading == null ? e[n(288)] : o(t, {
+						children: e[n(290)] == null ? e[n(272)] : o(t, {
 							gap: 2,
 							wrap: !1,
 							justify: s[r],
-							children: [e[n(294)], a("span", { children: e.header })]
+							children: [e[n(290)], a(n(265), { children: e.header })]
 						})
-					}, e[n(318)]);
+					}, e[n(297)]);
 				}) }) }),
-				o(y(306), { children: [i[y(319)]((e, n) => {
-					let i = y, u = l ? l(e, n) : n, d = p != null && p === u;
+				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: 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);
+						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(307)] ? l(316) : void 0,
+								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(315), { children: d })]
+									children: [f, a(l(265), { children: d })]
 								})
-							}, r[l(318)]);
+							}, r[l(297)]);
 						})
-					}, u);
-				}), !i[y(299)] && h && a("tr", { children: a("td", {
-					colSpan: r[y(299)],
-					className: y(313),
-					children: h
+					}, l);
+				}), !l[b(273)] && g && a("tr", { children: a("td", {
+					colSpan: r.length,
+					className: b(293),
+					children: g
 				}) })] })
 			]
 		})

package/lib/components/Tabs/Tabs2.js

@@ -1,131 +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) {
+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);
-	}, 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;
+	}, 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;
 }
-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() {
+(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;
-	}, h();
+	}, i();
 }
-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, {
+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: p,
+			value: f,
 			select: m,
 			baseId: h,
-			activation: s
+			activation: o
 		},
-		children: l("div", {
-			className: n(d(454), u),
+		children: d(u(443), {
+			className: r("ds-tabs", l),
 			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);
+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 n = () => {
-			let n = e, r = t.querySelector(n(474));
-			x(r ? {
-				left: r[n(466)],
-				width: r.offsetWidth
+		let r = () => {
+			let t = n[e(450)]("[role=\"tab\"][aria-selected=\"true\"]");
+			x(t ? {
+				left: t.offsetLeft,
+				width: t.offsetWidth
 			} : null);
 		};
-		n();
-		let r = new ResizeObserver(n);
-		return r[e(444)](t), () => r[e(458)]();
-	}, [g, _]), u("div", {
+		r();
+		let i = new ResizeObserver(r);
+		return i[e(463)](n), () => i[e(457)]();
+	}, [g, _]), f(h(443), {
 		ref: y,
-		role: h(441),
-		"aria-label": f,
-		className: n(h(473), h(431) + r, h(431) + i, a && h(469), m),
+		role: h(436),
+		"aria-label": s,
+		className: r(h(437), h(460) + i, h(460) + a, o && h(433), p),
 		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)]));
+			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 && l(h(438), {
-			className: h(433),
+		children: [b && d("span", {
+			className: "ds-tablist__thumb",
 			"aria-hidden": !0,
 			style: {
-				left: b[h(476)],
-				width: b[h(443)]
+				left: b.left,
+				width: b[h(449)]
 			}
-		}), t]
+		}), n]
 	});
 }
 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),
+	let o = e, { value: s, select: c, baseId: l } = m(), u = s === t;
+	return f(o(458), {
+		type: o(458),
 		role: "tab",
-		id: d + o(452) + m(t),
-		"aria-controls": d + o(478) + m(t),
-		"aria-selected": f,
-		tabIndex: f ? 0 : -1,
+		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(467),
+		className: o(439),
 		onClick: () => c(t),
 		children: [
 			r,
 			n,
-			i != null && l(o(438), {
-				className: "ds-tab__count",
+			i != null && d(o(459), {
+				className: o(478),
 				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),
+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: !u,
-		className: n(o(463), a),
-		children: r
+		hidden: !l,
+		className: r("ds-tabpanel", a),
+		children: n
 	});
 }
-g.List = _, g.Tab = v, g[e(436)] = y;
+g[e(471)] = _, g[e(454)] = v, g[e(461)] = y;
 export { v as Tab, _ as TabList, y as TabPanel, g as Tabs };