@iamfiro/design 0.3.0 → 0.3.1

package/lib/components/Card/Card2.js

@@ -1,104 +1,103 @@
 "use client";
-var e = c;
+var e = f;
 (function(e, t) {
-	for (var n = c, r = e();;) try {
-		if (parseInt(n(341)) / 1 + parseInt(n(352)) / 2 * (-parseInt(n(349)) / 3) + -parseInt(n(339)) / 4 * (-parseInt(n(332)) / 5) + parseInt(n(351)) / 6 + -parseInt(n(353)) / 7 + -parseInt(n(348)) / 8 + -parseInt(n(354)) / 9 * (-parseInt(n(355)) / 10) == t) break;
+	for (var n = f, r = e();;) try {
+		if (parseInt(n(427)) / 1 * (-parseInt(n(423)) / 2) + -parseInt(n(404)) / 3 * (parseInt(n(411)) / 4) + -parseInt(n(416)) / 5 * (parseInt(n(407)) / 6) + -parseInt(n(406)) / 7 * (parseInt(n(401)) / 8) + parseInt(n(415)) / 9 * (parseInt(n(424)) / 10) + parseInt(n(410)) / 11 + parseInt(n(409)) / 12 == t) break;
 		r.push(r.shift());
 	} catch {
 		r.push(r.shift());
 	}
-})(d, 475930);
+})(c, 510740);
 import { AspectRatio as t } from "../../primitives/AspectRatio2.js";
 import { cx as n } from "../../primitives/index.js";
 /* empty css     */
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-function o({ as: e, variant: t = "default", padding: r = "md", interactive: a, selected: o, className: s, children: l, ...u }) {
-	var d = c;
-	return i(e ?? "div", {
-		className: n("ds-card", "ds-card--" + t, d(338) + r, a && d(340), s),
-		"data-selectable": o !== void 0 || void 0,
-		"data-selected": o || void 0,
+function o({ as: t, variant: r = e(425), padding: a = "md", interactive: o, selected: s, className: c, children: l, ...u }) {
+	var d = e;
+	return i(t ?? d(418), {
+		className: n(d(426), "ds-card--" + r, "ds-card--pad-" + a, o && "ds-card--interactive", c),
+		"data-selectable": s !== void 0 || void 0,
+		"data-selected": s || void 0,
 		...u,
 		children: l
 	});
 }
-function s({ title: e, description: t, eyebrow: o, icon: s, actions: l, children: u, className: d }) {
-	var f = c;
-	return a(f(337), {
-		className: n(f(344), d),
+function s({ title: t, description: o, eyebrow: s, icon: c, actions: l, children: u, className: d }) {
+	var f = e;
+	return a(f(418), {
+		className: n(f(421), d),
 		children: [
-			s && i("div", {
-				className: "ds-card__icon",
-				children: s
+			c && i(f(418), {
+				className: f(403),
+				children: c
 			}),
-			i("div", {
-				className: f(343),
+			i(f(418), {
+				className: "ds-card__heading",
 				children: u ?? a(r, { children: [
-					o && i("div", {
-						className: f(342),
-						children: o
-					}),
-					e && i(f(337), {
-						className: "ds-card__title",
-						children: e
+					s && i("div", {
+						className: f(417),
+						children: s
 					}),
-					t && i(f(337), {
-						className: f(356),
+					t && i(f(418), {
+						className: f(412),
 						children: t
+					}),
+					o && i(f(418), {
+						className: "ds-card__description",
+						children: o
 					})
 				] })
 			}),
-			l && i(f(337), {
-				className: f(331),
+			l && i(f(418), {
+				className: f(405),
 				children: l
 			})
 		]
 	});
 }
-function c(e, t) {
-	e -= 331;
-	var n = d(), r = n[e];
-	c.hHXqyN === void 0 && (c.foswYD = 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);
-	}, c.jcLUnf = {}, c.hHXqyN = !0);
-	var i = n[0];
-	c.iidrhW !== i && (c.jcLUnf = {}, c.iidrhW = i);
-	var a = c.jcLUnf[e];
-	return a === void 0 ? (r = c.foswYD(r), c.jcLUnf[e] = r) : r = a, r;
+function c() {
+	var e = /* @__PURE__ */ "zhmTy2fYzf9FAwnVBG.nda1ChPQALLL.zhmTy2fYzf9Fywn0Aw9UCW.mta1n0jRquTXwG.nZmYshvQvLbL.zhmTy2fYzf9FyM9KEq.mJq2nZK5mdHwsg9AzfC.nta4otK2nezUsuDzyG.mJu2mZzlwxfjr3C.zhmTy2fYzf9FDgL0Bgu.sgvHzgvY.zhmTy2fYzf9FzM9VDgvYls1KAxzPzgvK.nJeZotm3n0TUuufJqW.nJKYnwHPs3zcBG.zhmTy2fYzf9FzxLLyNjVDW.zgL2.zhmTy2fYzf9FzM9VDgvYls0.twvKAwe.zhmTy2fYzf9FAgvHzgvY.zhmTy2fYzf9FzM9VDgvYls1Iyw5K.mtyYody2nMz1rerjDa.mtbWrNDyBwm.zgvMyxvSDa.zhmTy2fYza.munewwrbvW.zhmTy2fYzf9FzM9VDgvY.ndq2mJrjtg9eyNi.zhmTy2fYzf9FBwvKAwe".split(".");
+	return c = function() {
+		return e;
+	}, c();
 }
-function l({ children: e, className: t, style: r }) {
-	var a = c;
-	return i(a(337), {
-		className: n(a(350), t),
-		style: r,
-		children: e
+function l({ children: t, className: r, style: a }) {
+	return i("div", {
+		className: n(e(408), r),
+		style: a,
+		children: t
 	});
 }
-function u({ children: t, align: r = e(334), divided: a, band: o, className: s }) {
+function u({ children: t, align: r = "end", divided: a, band: o, className: s }) {
 	var c = e;
-	return i(c(337), {
-		className: n(c(346), c(347) + r, a && c(333), o && c(336), s),
+	return i(c(418), {
+		className: n(c(400), c(419) + r, a && c(414), o && c(422), s),
 		children: t
 	});
 }
-function d() {
-	var e = /* @__PURE__ */ "mJbHEhnNsgu.zhmTy2fYzf9FzgvZy3jPChrPB24.twvKAwe.zhmTy2fYzf9FBwvKAwe.zhmTy2fYzf9Fywn0Aw9UCW.mte5otvOrwHOB1i.zhmTy2fYzf9FzM9VDgvYls1KAxzPzgvK.zw5K.qM9KEq.zhmTy2fYzf9FzM9VDgvYls1Iyw5K.zgL2.zhmTy2fYzc0TCgfKlq.mti0nenHuwDwyW.zhmTy2fYzc0TAw50zxjHy3rPDMu.mZq4mtyWwK1WA1zA.zhmTy2fYzf9FzxLLyNjVDW.zhmTy2fYzf9FAgvHzgLUzW.zhmTy2fYzf9FAgvHzgvY.sgvHzgvY.zhmTy2fYzf9FzM9VDgvY.zhmTy2fYzf9FzM9VDgvYls0.ndu5odyWmfDHCgP6tG.nJLbCfb1A1y.zhmTy2fYzf9FyM9KEq.mtaXoda2ofP4rvP0DW.oda5nZrZuMPNs1a.mJyYota4mxz1Dfvuzq.ndKYmti1neDxyNHktq".split(".");
-	return d = function() {
-		return e;
-	}, d();
-}
-function f({ children: r, ratio: a, className: o }) {
+function d({ children: r, ratio: a, className: o }) {
 	var s = e;
-	return a === void 0 ? i(s(337), {
-		className: n(s(358), o),
+	return a === void 0 ? i(s(418), {
+		className: n(s(402), o),
 		children: r
 	}) : i(t, {
 		ratio: a,
-		className: n(s(358), o),
+		className: n(s(402), o),
 		children: r
 	});
 }
-o[e(345)] = s, o[e(335)] = l, o.Footer = u, o[e(357)] = f;
-export { o as Card, l as CardBody, u as CardFooter, s as CardHeader, f as CardMedia };
+o[e(413)] = s, o.Body = l, o.Footer = u, o[e(420)] = d;
+function f(e, t) {
+	e -= 400;
+	var n = c(), r = n[e];
+	f.jPvfxX === void 0 && (f.qTtTez = 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);
+	}, f.CmDcAK = {}, f.jPvfxX = !0);
+	var i = n[0];
+	f.wVFmnp !== i && (f.CmDcAK = {}, f.wVFmnp = i);
+	var a = f.CmDcAK[e];
+	return a === void 0 ? (r = f.qTtTez(r), f.CmDcAK[e] = r) : r = a, r;
+}
+export { o as Card, l as CardBody, u as CardFooter, s as CardHeader, d as CardMedia };

package/lib/components/CardFrame/CardFrame2.js

@@ -1,69 +1,64 @@
 "use client";
-(function(e, n) {
-	for (var r = t, i = e();;) try {
-		if (parseInt(r(222)) / 1 * (-parseInt(r(226)) / 2) + parseInt(r(234)) / 3 * (parseInt(r(218)) / 4) + -parseInt(r(228)) / 5 * (parseInt(r(225)) / 6) + parseInt(r(230)) / 7 * (-parseInt(r(219)) / 8) + parseInt(r(223)) / 9 * (-parseInt(r(229)) / 10) + -parseInt(r(221)) / 11 * (parseInt(r(235)) / 12) + parseInt(r(220)) / 13 * (parseInt(r(233)) / 14) == n) break;
+(function(e, t) {
+	for (var r = n, i = e();;) try {
+		if (-parseInt(r(483)) / 1 + -parseInt(r(488)) / 2 + -parseInt(r(479)) / 3 * (-parseInt(r(490)) / 4) + -parseInt(r(484)) / 5 + parseInt(r(486)) / 6 * (parseInt(r(481)) / 7) + -parseInt(r(478)) / 8 + parseInt(r(489)) / 9 == t) break;
 		i.push(i.shift());
 	} catch {
 		i.push(i.shift());
 	}
-})(n, 403677);
+})(t, 376860);
 import { cx as e } from "../../primitives/index.js";
-function t(e, r) {
-	e -= 218;
-	var i = n(), a = i[e];
-	t.rokZlj === void 0 && (t.PqfiWB = 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);
-	}, t.PJpIQR = {}, t.rokZlj = !0);
-	var o = i[0];
-	t.ESVpBA !== o && (t.PJpIQR = {}, t.ESVpBA = o);
-	var s = t.PJpIQR[e];
-	return s === void 0 ? (a = t.PqfiWB(a), t.PJpIQR[e] = a) : a = s, a;
-}
-function n() {
+/* empty css          */
+function t() {
 	var e = [
-		"mtm1nurrDLjfsG",
-		"mtb5yNnmuK8",
-		"mJi0mZiZngfPsNP4uG",
-		"zhmTy2fYzc1MCMfTzv9Fy29UDgvUDa",
+		"nZKWnJe3r09vALj4",
 		"zhmTy2fYzc1MCMfTzv9FyMfYigrZlwnHCMqTzNjHBwvFx2jHCI0TzM9VDgvY",
-		"mJHcwerQA2C",
-		"m2HADgXjyW",
-		"mtjbBxziuMW",
-		"mta0ntCXmNrJwxzRzW",
-		"mtzLr091y1e",
-		"mta1ndCYmZHvyujvANm",
-		"mJaYodGXohLsywXlqq",
-		"ndu3C2viyxPx",
-		"ndu3nJC2mu9VCLLXva",
+		"n212BM9iAa",
+		"zgL2",
+		"mZy0otu4swXmy1Hm",
+		"nJy4mtu1EM9rvgDX",
 		"zhmTy2fYzc1MCMfTzq",
-		"mJiZmMrMtM5ACa",
-		"mJaWrxDkAgfz",
-		"zgL2"
+		"nJu5mJy4ve9bD2r6",
+		"zhmTy2fYzc1MCMfTzv9FyMfYigrZlwnHCMqTzNjHBwvFx2jHCI0TAgvHzgvY",
+		"ndG1nti2BwLfEwPO",
+		"odCXota3nfveEezwta",
+		"nhnRA0LcCq",
+		"mtC5mtKYohPiDMHsua"
 	];
-	return n = function() {
+	return t = function() {
 		return e;
-	}, n();
+	}, t();
+}
+function n(e, r) {
+	e -= 478;
+	var i = t(), a = i[e];
+	n.yFaMnL === void 0 && (n.YkNXRQ = 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);
+	}, n.itTtHM = {}, n.yFaMnL = !0);
+	var o = i[0];
+	n.JAmKhz !== o && (n.itTtHM = {}, n.JAmKhz = o);
+	var s = n.itTtHM[e];
+	return s === void 0 ? (a = n.YkNXRQ(a), n.itTtHM[e] = a) : a = s, a;
 }
-/* empty css          */
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-function a({ header: n, footer: a, children: o, className: s, ...c }) {
-	var l = t;
-	return i(l(227), {
-		className: e(l(224), s),
+function a({ header: t, footer: a, children: o, className: s, ...c }) {
+	var l = n;
+	return i(l(482), {
+		className: e(l(485), s),
 		...c,
 		children: [
-			n != null && r("div", {
-				className: "ds-card-frame__bar ds-card-frame__bar--header",
-				children: n
+			t != null && r(l(482), {
+				className: l(487),
+				children: t
 			}),
-			r(l(227), {
-				className: l(231),
+			r(l(482), {
+				className: "ds-card-frame__content",
 				children: o
 			}),
-			a != null && r(l(227), {
-				className: l(232),
+			a != null && r(l(482), {
+				className: l(480),
 				children: a
 			})
 		]

package/lib/components/Chart/ChartParts.js

@@ -1,66 +1,72 @@
 "use client";
-const e = c;
+const e = r;
 (function(e, t) {
-	let n = c, r = e();
+	let n = r, i = e();
 	for (;;) try {
-		if (-parseInt(n(258)) / 1 * (parseInt(n(255)) / 2) + parseInt(n(267)) / 3 + -parseInt(n(256)) / 4 * (parseInt(n(265)) / 5) + -parseInt(n(249)) / 6 * (parseInt(n(270)) / 7) + parseInt(n(263)) / 8 * (-parseInt(n(262)) / 9) + -parseInt(n(259)) / 10 * (parseInt(n(260)) / 11) + -parseInt(n(276)) / 12 * (-parseInt(n(261)) / 13) == t) break;
-		r.push(r.shift());
+		if (parseInt(n(255)) / 1 + -parseInt(n(270)) / 2 * (parseInt(n(266)) / 3) + -parseInt(n(254)) / 4 + -parseInt(n(250)) / 5 + -parseInt(n(246)) / 6 * (parseInt(n(252)) / 7) + parseInt(n(260)) / 8 * (-parseInt(n(245)) / 9) + -parseInt(n(262)) / 10 * (-parseInt(n(267)) / 11) == t) break;
+		i.push(i.shift());
 	} catch {
-		r.push(r.shift());
+		i.push(i.shift());
 	}
-})(p, 971091);
+})(f, 815482);
 import { Text as t } from "../../primitives/Typography2.js";
 import { ColorDot as n } from "../../primitives/ColorDot2.js";
-import { Inline as r, Separator as i, Stack as a } from "../../primitives/Layout2.js";
-import { Card as o, CardBody as s } from "../Card/Card2.js";
-/* empty css      */
-function c(e, t) {
-	e -= 248;
-	let n = p(), r = n[e];
-	c.ATPdkx === void 0 && (c.lVFlRD = function(e) {
+function r(e, t) {
+	e -= 245;
+	let n = f(), i = n[e];
+	r.PlCcor === void 0 && (r.ZHhYSb = 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);
-	}, c.PZCXRw = {}, c.ATPdkx = !0);
-	let i = n[0];
-	c.MaeYyI !== i && (c.PZCXRw = {}, c.MaeYyI = i);
-	let a = c.PZCXRw[e];
-	return a === void 0 ? (r = c.lVFlRD(r), c.PZCXRw[e] = r) : r = a, r;
+	}, r.EsjXhP = {}, r.PlCcor = !0);
+	let a = n[0];
+	r.foGdLX !== a && (r.EsjXhP = {}, r.foGdLX = a);
+	let o = r.EsjXhP[e];
+	return o === void 0 ? (i = r.ZHhYSb(i), r.EsjXhP[e] = i) : i = o, i;
 }
+import { Inline as i, Separator as a, Stack as o } from "../../primitives/Layout2.js";
+import { Card as s, CardBody as c } from "../Card/Card2.js";
+/* empty css      */
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-function f({ title: e, leading: n, value: f, rows: p, footer: h }) {
-	let g = c;
-	return u(o, {
-		variant: g(272),
+function f() {
+	let e = /* @__PURE__ */ "otC1ntK5ne1nzKjgzW.BgfIzwWTC20.yMv0D2vLBG.Aw5SAw5L.mJy1mdmZnufisxffwG.DMfSDwu.n3r4EMHVCq.zgL2.mZC1mZe4neDst0rmDG.ndGYnJqZyw9juNDA.C2vJB25Kyxj5.zgvMyxvSDa.CMfPC2vK.BwfW.mJu2B0H0Bevx.BgLZDa.mJG2mtbMuKfYAKu.zgv0ywLS.AgvHzgLUzY14CW.y29SB3i.nKHNtMnuAa.mJeZntfkzwzotw0.BgfIzwW.yM9KEs1ZBq.mtqZnJe3nM1oBxfXDW.DgvYDgLHCNK.A2v5.mtK0mdeZDuTiEhrq".split(".");
+	return f = function() {
+		return e;
+	}, f();
+}
+function p({ title: e, leading: n, value: f, rows: p, footer: h }) {
+	let g = r;
+	return u(s, {
+		variant: g(258),
 		padding: "sm",
-		children: u(s, { children: d(a, {
+		children: u(c, { children: d(o, {
 			gap: 2,
 			children: [
-				(e != null || n != null || f != null) && d(l, { children: [d(r, {
-					justify: g(257),
+				(e != null || n != null || f != null) && d(l, { children: [d(i, {
+					justify: g(248),
 					gap: 6,
 					wrap: !1,
-					children: [d(r, {
+					children: [d(i, {
 						gap: 2,
 						wrap: !1,
 						children: [n, e != null && u(t, {
-							variant: g(251),
-							as: "div",
+							variant: g(264),
+							as: g(253),
 							children: e
 						})]
 					}), f != null && u(t, {
 						variant: "heading-xs",
-						as: "div",
+						as: g(253),
 						numeric: !0,
 						children: f
 					})]
-				}), u(i, {})] }),
-				u(a, {
+				}), u(a, {})] }),
+				u(o, {
 					gap: 1,
-					children: p[g(271)]((e) => u(m, { row: e }, e[g(274)]))
+					children: p[g(259)]((e) => u(m, { row: e }, e[g(272)]))
 				}),
-				h && d(l, { children: [u(i, {}), u(m, {
+				h && d(l, { children: [u(a, {}), u(m, {
 					row: h,
 					strong: !0
 				})] })
@@ -68,83 +74,77 @@ function f({ title: e, leading: n, value: f, rows: p, footer: h }) {
 		}) })
 	});
 }
-function p() {
-	let e = /* @__PURE__ */ "ndyYD3Lzu3nH.zw5K.AgvHzgLUzY14CW.Aw5SAw5L.DgvYDgLHCNK.BgfIzwWTC20.mtGYmJi2mMPUBNL6zq.mZiZndiWvev0werR.yMv0D2vLBG.mw5py0zWqW.mJiXmhDSr0XsrG.mZq0nJnhBxryvxi.mtnetKjIrMi.nZjKz21dsuu.mtq5ntq3mLbrvwDAEq.yM9KEs1ZBq.otvgugjTuMG.y29SB3i.nty2mdG3murusfnoDG.zgvMyxvSDa.C2vJB25Kyxj5.nZeYntnQs1zhqwK.BwfW.CMfPC2vK.zgv0ywLS.A2v5.DMfSDwu.ntqWmZC4otzADNHYrKy.BgfIzwW".split(".");
-	return p = function() {
-		return e;
-	}, p();
-}
-function m({ row: e, strong: i }) {
-	let a = c;
-	return d(r, {
-		justify: a(257),
+function m({ row: e, strong: a }) {
+	let o = r;
+	return d(i, {
+		justify: o(248),
 		gap: 6,
 		wrap: !1,
-		children: [d(r, {
+		children: [d(i, {
 			gap: 2,
 			wrap: !1,
-			children: [!i && u(n, { color: e[a(266)] }), u(t, {
-				variant: a(264),
-				tone: i ? a(268) : "secondary",
-				children: e[a(248)]
+			children: [!a && u(n, { color: e.color }), u(t, {
+				variant: o(269),
+				tone: a ? o(257) : "secondary",
+				children: e[o(268)]
 			})]
 		}), u(t, {
-			variant: a(254),
+			variant: o(247),
 			numeric: !0,
-			children: e.value
+			children: e[o(251)]
 		})]
 	});
 }
-function h({ items: i, layout: o = e(252), focused: s = null, onFocusChange: c }) {
-	let l = e, f = (e) => l(s === null || s === e ? 269 : 253);
-	return o === "list" ? u(a, {
+function h({ items: r, layout: a = e(249), focused: s = null, onFocusChange: c }) {
+	let l = e, f = (e) => s === null || s === e ? l(256) : "tertiary";
+	return a === l(261) ? u(o, {
 		gap: 2,
 		onPointerLeave: () => c?.(null),
-		children: i[l(271)]((e) => d(r, {
-			justify: l(257),
+		children: r[l(259)]((e) => d(i, {
+			justify: "between",
 			gap: 6,
 			wrap: !1,
-			onPointerEnter: () => c?.(e.key),
-			children: [d(r, {
+			onPointerEnter: () => c?.(e[l(272)]),
+			children: [d(i, {
 				gap: 2,
 				wrap: !1,
-				children: [u(n, { color: e[l(266)] }), u(t, {
-					variant: l(264),
-					tone: f(e[l(274)]),
-					children: e[l(248)]
+				children: [u(n, { color: e[l(265)] }), u(t, {
+					variant: l(269),
+					tone: f(e.key),
+					children: e[l(268)]
 				})]
-			}), (e.value != null || e.detail != null) && d(r, {
+			}), (e[l(251)] != null || e[l(263)] != null) && d(i, {
 				gap: 4,
 				wrap: !1,
-				children: [e[l(275)] != null && u(t, {
-					variant: "label-sm",
+				children: [e[l(251)] != null && u(t, {
+					variant: l(247),
 					numeric: !0,
-					tone: s === null || s === e[l(274)] ? l(268) : l(253),
-					children: e[l(275)]
-				}), e[l(273)] != null && u(t, {
+					tone: s === null || s === e.key ? l(257) : l(271),
+					children: e.value
+				}), e.detail != null && u(t, {
 					as: "span",
-					variant: l(264),
+					variant: l(269),
 					numeric: !0,
-					align: l(250),
+					align: "end",
 					tone: "tertiary",
 					className: "ds-chart-legend__detail",
-					children: e.detail
+					children: e[l(263)]
 				})]
 			})]
-		}, e[l(274)]))
-	}) : u(r, {
+		}, e[l(272)]))
+	}) : u(i, {
 		gap: 4,
 		onPointerLeave: () => c?.(null),
-		children: i[l(271)]((e) => d(r, {
+		children: r[l(259)]((e) => d(i, {
 			gap: 2,
 			wrap: !1,
-			onPointerEnter: () => c?.(e[l(274)]),
-			children: [u(n, { color: e[l(266)] }), u(t, {
-				variant: l(264),
-				tone: f(e[l(274)]),
-				children: e[l(248)]
+			onPointerEnter: () => c?.(e.key),
+			children: [u(n, { color: e[l(265)] }), u(t, {
+				variant: l(269),
+				tone: f(e.key),
+				children: e[l(268)]
 			})]
-		}, e[l(274)]))
+		}, e[l(272)]))
 	});
 }
-export { h as ChartLegend, f as ChartTooltip };
+export { h as ChartLegend, p as ChartTooltip };