@iamfiro/design 0.3.4 → 0.3.5

package/lib/components/ScatterChart/ScatterChart2.js

@@ -1,297 +1,291 @@
 "use client";
-const e = d;
-(function(e, t) {
-	let n = d, r = e();
+const e = t;
+(function(e, n) {
+	let r = t, i = e();
 	for (;;) try {
-		if (parseInt(n(319)) / 1 * (parseInt(n(293)) / 2) + parseInt(n(351)) / 3 * (-parseInt(n(287)) / 4) + parseInt(n(295)) / 5 + parseInt(n(342)) / 6 + parseInt(n(365)) / 7 + -parseInt(n(330)) / 8 * (-parseInt(n(355)) / 9) + -parseInt(n(340)) / 10 == t) break;
-		r.push(r.shift());
+		if (-parseInt(r(171)) / 1 * (-parseInt(r(168)) / 2) + -parseInt(r(182)) / 3 * (parseInt(r(180)) / 4) + -parseInt(r(165)) / 5 + parseInt(r(124)) / 6 * (parseInt(r(200)) / 7) + -parseInt(r(162)) / 8 + parseInt(r(113)) / 9 + parseInt(r(183)) / 10 * (parseInt(r(184)) / 11) == n) break;
+		i.push(i.shift());
 	} catch {
-		r.push(r.shift());
+		i.push(i.shift());
 	}
-})(o, 206237);
-import { Text as t } from "../../primitives/Typography2.js";
-import { ColorDot as n } from "../../primitives/ColorDot2.js";
-import { Inline as r, Stack as i } from "../../primitives/Layout2.js";
-import { useControllableState as a } from "../../hooks/useControllableState.js";
-function o() {
-	let e = /* @__PURE__ */ "zgL2.Cgf0Aa.yNv0Dg9U.C2vJB25Kyxj5.AM9PBG.y2XVC2vK.BgLUzq.DxjSkcm.DgvYDgLHCNK.lwnSAxa.AgfZ.zhmTy2HHCNrFx3rPCa.z2v0qM91BMrPBMDdBgLLBNrszwn0.C29SAwq.mtu0nJfhz3DTuwi.zhmTC2nHDhrLCI1JAgfYDa.zhmTy2HHCNrFx2f4Axm.C2L6zq.ChGSia.zgvMCW.C3zN.y3vYCMvUDfrHCMDLDa.yM9KEs1ZBq.A2v5.7ikW7kcq64+e.mtaWmJmYogvkv3L5uW.zhmTC2nHDhrLCI1JAgfYDf9FBgvNzw5KlwL0zw0.zMLYC3q.y3vYCMvUDa.zhmTy2HHCNrFx3nY.zhmTy2HHCNq.zhmTC2nHDhrLCI1JAgfYDf9FDhjLBMq.DhjHBNnSyxrLwsG.Aw50zxjJzxb0.BMv1DhjHBa.nJeYmti5mhPmBwPUta.y2f0zwDVCNK.nteZodm0BuzsC1rd.CM93.lwnSAxaP.y29SB3i.lwXPDMu.zhmTC2nHDhrLCI1JAgfYDf9Fywn0AxzL.Dgv4Da.C3fYDa.BgvUz3rO.nKfeCw9Mtq.Aw5KzxG.AhLWB3q.C3rHCNq.owPls29gDW.Dg9Uzq.BwLU.C29YDa.ChGP.y2f0.DhjHBNnSyxrLwcG.zw5K.zhmTy2HHCNrFx2HPDa.BgfIzwW.mJu0nti3meDuBwfvCG.zhmTC2nHDhrLCI1JAgfYDf9FCg9W.DMfYkc0Ty2HHCNqTyxHPCYK.z2v0.C2XVCgu.zhmTC2nHDhrLCI1JAgfYDf9FCg9PBNq.B2zM.C3bHBG.zhmTy2HHCNrFx3n2zW.DMfSDwu.BgvMDa.Dg9W.DhjHBNnSyxrLka.zhmTC2nHDhrLCI1JAgfYDf9FCg9PBNrZ.nda4otq0whrTDenw.Cg9SAxrL.BwfW.Aw5JBhvKzxm.zMLSDgvY.DhjHBNnWyxjLBNq.mtrWCvDqvhG.y2LYy2XL.mtCWmdm1nw9ws0PIzW.CMvJDa.zhmTy2HHCNrFx2DYAwq.Bwf4.yxHPCW.x19HBgW.BwLKzgXL.zhmTy2HHCNrFx2f4AxmGzhmTC2nHDhrLCI1JAgfYDf9FDgL0Bgu.zMXHDe1HCa.y2XPzw50wq".split(".");
-	return o = function() {
-		return e;
-	}, o();
-}
-import { cx as s } from "../../primitives/index.js";
-import { ChartTooltip as c } from "../Chart/ChartParts.js";
-import { CHART_TONE_STRONG as ee, axisGutter as te, chartColor as ne, formatCompact as re, formatNumber as l, labelStep as ie, numberAt as u } from "../Chart/chart2.js";
-import { useChartInteraction as ae } from "../Chart/useChartInteraction.js";
-function d(e, t) {
-	e -= 279;
-	let n = o(), r = n[e];
-	d.WnvoKO === void 0 && (d.aUESST = function(e) {
+})(g, 812195);
+function t(e, n) {
+	e -= 113;
+	let r = g(), i = r[e];
+	t.pxvRdG === void 0 && (t.goqMlC = 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.PcwPOH = {}, d.WnvoKO = !0);
-	let i = n[0];
-	d.nMyyQG !== i && (d.PcwPOH = {}, d.nMyyQG = i);
-	let a = d.PcwPOH[e];
-	return a === void 0 ? (r = d.aUESST(r), d.PcwPOH[e] = r) : r = a, r;
+	}, t.YIYaTi = {}, t.pxvRdG = !0);
+	let a = r[0];
+	t.mfNFRx !== a && (t.YIYaTi = {}, t.mfNFRx = a);
+	let o = t.YIYaTi[e];
+	return o === void 0 ? (i = t.goqMlC(i), t.YIYaTi[e] = i) : i = o, i;
 }
+import { Text as n } from "../../primitives/Typography2.js";
+import { ColorDot as r } from "../../primitives/ColorDot2.js";
+import { Inline as i, Stack as a } from "../../primitives/Layout2.js";
+import { useControllableState as o } from "../../hooks/useControllableState.js";
+import { cx as s } from "../../primitives/index.js";
+import { ChartTooltip as c } from "../Chart/ChartParts.js";
+import { CHART_TONE_STRONG as ee, axisGutter as te, chartColor as ne, formatCompact as re, formatNumber as l, labelStep as ie, numberAt as u } from "../Chart/chart2.js";
+import { useChartInteraction as ae } from "../Chart/useChartInteraction.js";
 import { linearRegression as oe, niceRangeTicks as se } from "./scatter.js";
 /* empty css             */
-import { useId as ce, useMemo as f, useRef as le, useState as ue } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-var de = 12, h = 10, fe = 28, pe = 14, me = 560, he = [];
-function g({ data: o, xKey: g, yKey: _, sizeKey: v, categoryKey: y, categories: b, labelKey: x, height: S = 280, xLabel: C, yLabel: w, sizeLabel: ge, xTickCount: _e = 5, yTickCount: ve = 4, xDomain: T, yDomain: E, sizeRange: ye = [4, 22], pointRadius: be = 5, trendLine: xe = !1, referenceLines: D, formatX: Se = l, formatY: Ce = l, formatSize: we = l, formatAxisX: Te = re, formatAxisY: Ee = re, legend: De = !0, hiddenCategories: Oe, defaultHiddenCategories: ke = he, onHiddenCategoriesChange: Ae, activeIndex: je, defaultActiveIndex: Me, onActiveIndexChange: Ne, "aria-label": Pe = e(329), className: Fe, style: Ie }) {
-	let O = e, k = ce(), [A, Le] = a(Oe, ke, Ae), j = new Set(A), [M, N] = ue(null), P = f(() => {
-		let e = d;
+import { useId as ce, useMemo as d, useRef as le, useState as ue } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+var de = 12, m = 10, fe = 28, pe = 14, me = 560, he = [];
+function h({ data: h, xKey: g, yKey: _, sizeKey: v, categoryKey: y, categories: b, labelKey: x, height: S = 280, xLabel: C, yLabel: w, sizeLabel: ge, xTickCount: _e = 5, yTickCount: ve = 4, xDomain: T, yDomain: E, sizeRange: ye = [4, 22], pointRadius: be = 5, trendLine: xe = !1, referenceLines: D, formatX: Se = l, formatY: Ce = l, formatSize: we = l, formatAxisX: Te = re, formatAxisY: Ee = re, legend: De = !0, hiddenCategories: Oe, defaultHiddenCategories: ke = he, onHiddenCategoriesChange: Ae, activeIndex: je, defaultActiveIndex: Me, onActiveIndexChange: Ne, "aria-label": Pe = e(122), className: Fe, style: Ie }) {
+	let O = e, k = ce(), [A, Le] = o(Oe, ke, Ae), j = new Set(A), [M, N] = ue(null), P = d(() => {
+		let e = t;
 		if (b) return b;
 		if (!y) return [{
 			key: "",
 			label: w ?? _
 		}];
-		let t = [];
-		for (let n of o) {
-			let r = String(n[y] ?? "");
-			t[e(290)](r) || t.push(r);
+		let n = [];
+		for (let t of h) {
+			let r = String(t[y] ?? "");
+			n[e(167)](r) || n[e(138)](r);
 		}
-		return t[e(289)]((e) => ({
+		return n[e(151)]((e) => ({
 			key: e,
 			label: e
 		}));
 	}, [
 		b,
 		y,
-		o,
+		h,
 		w,
 		_
-	]), F = f(() => {
-		let e = d, t = new Map(P.map((e, t) => [e.key, t]));
-		return o[e(303)]((n, r) => {
-			let i = e, a = u(n, g), o = u(n, _);
+	]), F = d(() => {
+		let e = t, n = new Map(P[e(151)]((t, n) => [t[e(133)], n]));
+		return h[e(116)]((t, r) => {
+			let i = e, a = u(t, g), o = u(t, _);
 			if (a === null || o === null) return [];
-			let s = y ? String(n[y] ?? "") : "", c = t[i(368)](s);
+			let s = y ? String(t[y] ?? "") : "", c = n[i(181)](s);
 			return c === void 0 ? [] : [{
 				index: r,
-				row: n,
+				row: t,
 				x: a,
 				y: o,
-				s: v ? u(n, v) : null,
+				s: v ? u(t, v) : null,
 				cat: s,
 				ci: c
 			}];
-		})[e(358)]((e, t) => e.x - t.x || e.y - t.y);
+		})[e(120)]((e, t) => e.x - t.x || e.y - t.y);
 	}, [
-		o,
+		h,
 		g,
 		_,
 		v,
 		y,
 		P
-	]), Re = F[O(291)]((e) => !j.has(e[O(360)]))[O(350)], { open: ze, shown: Be, settled: Ve, width: I, tipRef: He, tipSize: L, hover: Ue, leave: We, plotProps: Ge } = ae({
+	]), Re = F[O(174)]((e) => !j[O(146)](e.cat))[O(198)], { open: ze, shown: Be, settled: Ve, width: I, tipRef: He, tipSize: L, hover: Ue, leave: We, plotProps: Ge } = ae({
 		count: Re,
 		activeIndex: je,
 		defaultActiveIndex: Me,
 		onActiveIndexChange: Ne,
-		initialKeyboardIndex: O(332)
-	}), R = f(() => {
-		let e = O, t = [...F.map((e) => e.x), ...D?.[e(291)]((t) => t[e(299)] === "x")[e(289)]((e) => e.value) ?? []], [n, r] = T ?? (t[e(350)] ? [Math.min(...t), Math[e(298)](...t)] : [0, 1]);
+		initialKeyboardIndex: O(158)
+	}), R = d(() => {
+		let e = O, t = [...F.map((e) => e.x), ...D?.[e(174)]((e) => e.axis === "x").map((t) => t[e(179)]) ?? []], [n, r] = T ?? (t.length ? [Math[e(117)](...t), Math.max(...t)] : [0, 1]);
 		return se(n, r, _e, !T);
 	}, [
 		F,
 		D,
 		T,
 		_e
-	]), z = f(() => {
-		let e = O, t = [...F[e(289)]((e) => e.y), ...D?.[e(291)]((t) => t[e(299)] === "y")[e(289)]((t) => t[e(282)]) ?? []], [n, r] = E ?? (t[e(350)] ? [Math[e(357)](...t), Math.max(...t)] : [0, 1]);
+	]), z = d(() => {
+		let e = O, t = [...F[e(151)]((e) => e.y), ...D?.[e(174)]((e) => e.axis === "y").map((t) => t[e(179)]) ?? []], [n, r] = E ?? (t[e(198)] ? [Math.min(...t), Math[e(164)](...t)] : [0, 1]);
 		return se(n, r, ve, !E);
 	}, [
 		F,
 		D,
 		E,
 		ve
-	]), Ke = Math[O(298)](0, ...F[O(289)]((e) => e.s ?? 0)), B = w ? 28 : 10, qe = 28 + (C ? 20 : 0), Je = te(z[O(289)](Ee)), V = Je, H = Math[O(298)](0, I - Je - de), U = Math[O(298)](0, S - B - qe), W = B + U, [G, Ye] = [R[0], R[R[O(350)] - 1]], [Xe, Ze] = [z[0], z[z[O(350)] - 1]], K = (e) => V + (e - G) / (Ye - G || 1) * H, q = (e) => W - (e - Xe) / (Ze - Xe || 1) * U, Qe = (e) => v && e !== null && Ke > 0 ? Math[O(298)](ye[0], ye[1] * Math[O(349)](Math[O(298)](0, e) / Ke)) : be, $e = ie(R.length, H, 64), et = F[O(289)]((e) => ({
+	]), Ke = Math[O(164)](0, ...F[O(151)]((e) => e.s ?? 0)), B = w ? 28 : 10, qe = 28 + (C ? 20 : 0), Je = te(z.map(Ee)), V = Je, H = Math[O(164)](0, I - Je - de), U = Math[O(164)](0, S - B - qe), W = B + U, [G, Ye] = [R[0], R[R.length - 1]], [Xe, Ze] = [z[0], z[z[O(198)] - 1]], K = (e) => V + (e - G) / (Ye - G || 1) * H, q = (e) => W - (e - Xe) / (Ze - Xe || 1) * U, Qe = (e) => v && e !== null && Ke > 0 ? Math[O(164)](ye[0], ye[1] * Math.sqrt(Math.max(0, e) / Ke)) : be, $e = ie(R[O(198)], H, 64), et = F.map((e) => ({
 		...e,
 		cx: K(e.x),
 		cy: q(e.y),
 		r: Qe(e.s),
-		color: ne(P[e.ci].color, e.ci)
-	})), tt = et[O(291)]((e) => !j.has(e.cat)), J = Be === null ? void 0 : tt[Be], Y = ze && J !== void 0, nt = (e) => {
+		color: ne(P[e.ci][O(139)], e.ci)
+	})), tt = et.filter((e) => !j[O(146)](e[O(147)])), J = Be === null ? void 0 : tt[Be], Y = ze && J !== void 0, nt = (e) => {
 		let t = O, n = oe(e);
-		return n ? "M" + K(G) + "," + q(n[t(338)] + n[t(369)] * G) + "L" + K(Ye) + "," + q(n[t(338)] + n.slope * Ye) : null;
-	}, rt = xe === O(341) ? P[O(289)]((e, t) => ({
-		key: e[O(328)],
-		d: nt(et.filter((t) => t[O(360)] === e[O(328)])),
-		color: ne(e[O(345)], t),
-		off: j[O(315)](e[O(328)])
+		return n ? "M" + K(G) + "," + q(n[t(155)] + n[t(160)] * G) + "L" + K(Ye) + "," + q(n[t(155)] + n[t(160)] * Ye) : null;
+	}, rt = xe === O(137) ? P[O(151)]((e, t) => ({
+		key: e[O(133)],
+		d: nt(et.filter((t) => t.cat === e[O(133)])),
+		color: ne(e.color, t),
+		off: j.has(e.key)
 	})) : xe ? [{
-		key: O(300),
+		key: O(143),
 		d: nt(tt),
-		color: O(367),
+		color: O(134),
 		off: !1
 	}] : [], X = le(!1), it = (e) => {
-		let t = O, n = e[t(326)][t(317)](), r = e.clientX - n[t(283)], i = e[t(304)] - n[t(284)], a = -1, o = Infinity;
+		let t = O, n = e.currentTarget[t(191)](), r = e[t(125)] - n[t(141)], i = e[t(129)] - n[t(152)], a = -1, o = Infinity;
 		tt.forEach((e, n) => {
-			let s = Math[t(353)](e.cx - r, e.cy - i) - e.r;
+			let s = Math[t(177)](e.cx - r, e.cy - i) - e.r;
 			s < o && (o = s, a = n);
-		}), a >= 0 && o <= fe ? (X.current = !0, Ue(a)) : X[t(333)] && (X[t(333)] = !1, We());
+		}), a >= 0 && o <= fe ? (X[t(118)] = !0, Ue(a)) : X[t(118)] && (X[t(118)] = !1, We());
 	}, at = () => {
 		let e = O;
-		X[e(333)] = !1, We();
+		X[e(118)] = !1, We();
 	}, ot = (e) => {
-		let t = O, n = j[t(315)](e);
-		!n && M === e && N(null), Le(n ? A[t(291)]((t) => t !== e) : [...A, e]);
-	}, Z = J ? P[J.ci] : void 0, st = C ?? g, ct = w ?? _, lt = ge ?? v ?? "", ut = J ? x ? String(J[O(343)][x] ?? "") : Z?.[O(364)] : null, dt = J ? [
+		let t = j.has(e);
+		!t && M === e && N(null), Le(t ? A.filter((t) => t !== e) : [...A, e]);
+	}, Z = J ? P[J.ci] : void 0, st = C ?? g, ct = w ?? _, lt = ge ?? v ?? "", ut = J ? x ? String(J.row[x] ?? "") : Z?.[O(128)] : null, dt = J ? [
 		{
 			key: "x",
 			label: st,
-			color: J[O(345)],
-			value: Se(J.x, J[O(343)])
+			color: J[O(139)],
+			value: Se(J.x, J[O(126)])
 		},
 		{
 			key: "y",
 			label: ct,
-			color: J.color,
-			value: Ce(J.y, J[O(343)])
+			color: J[O(139)],
+			value: Ce(J.y, J[O(126)])
 		},
 		...v && J.s !== null ? [{
-			key: O(322),
+			key: "size",
 			label: lt,
-			color: J[O(345)],
+			color: J[O(139)],
 			value: we(J.s, J.row)
 		}] : []
-	] : [], Q = J?.cx ?? 0, ft = J?.cy ?? 0, $ = J?.r ?? 0, pt = Q + $ + h + L.w > I ? Math.max(0, Q - $ - h - L.w) : Q + $ + h, mt = Math[O(357)](Math[O(298)](0, ft - L.h / 2), Math.max(0, S - L.h)), ht = Y && J ? "" + (ut ?? "") + (x && y && Z ? " (" + Z[O(364)] + ")" : "") + ": " + dt.map((e) => e[O(364)] + " " + e[O(282)])[O(309)](", ") : "", gt = O(312) + k + O(344);
-	return m(i, {
+	] : [], Q = J?.cx ?? 0, ft = J?.cy ?? 0, $ = J?.r ?? 0, pt = Q + $ + m + L.w > I ? Math[O(164)](0, Q - $ - m - L.w) : Q + $ + m, mt = Math[O(117)](Math[O(164)](0, ft - L.h / 2), Math[O(164)](0, S - L.h)), ht = Y && J ? "" + (ut ?? "") + (x && y && Z ? " (" + Z[O(128)] + ")" : "") + ": " + dt[O(151)]((e) => e[O(128)] + " " + e[O(179)])[O(178)](", ") : "", gt = O(121) + k + O(153);
+	return p(a, {
 		gap: 3,
-		className: s(O(335), O(320), Fe),
+		className: s("ds-chart", O(127), Fe),
 		style: Ie,
-		children: [m(O(305), {
+		children: [p(O(154), {
 			...Ge,
-			className: "ds-chart__plot",
+			className: O(156),
 			style: { height: S },
-			"aria-roledescription": O(329),
+			"aria-roledescription": O(122),
 			"aria-label": Pe,
-			"aria-describedby": k + O(346),
+			"aria-describedby": k + O(188),
 			children: [
-				I > 0 && m(O(325), {
-					className: O(281),
+				I > 0 && p(O(130), {
+					className: O(195),
 					width: I,
 					height: S,
 					"aria-hidden": !0,
 					children: [
-						p(O(324), { children: p("clipPath", {
-							id: k + O(314),
-							children: p(O(296), {
+						f("defs", { children: f(O(185), {
+							id: k + "-clip",
+							children: f(O(115), {
 								x: V,
 								y: B,
 								width: H,
 								height: U
 							})
 						}) }),
-						w && p("text", {
-							className: O(302),
+						w && f(O(123), {
+							className: O(169),
 							x: 0,
 							y: 12,
 							dominantBaseline: "middle",
 							children: w
 						}),
-						C && p(O(348), {
-							className: O(302),
+						C && f(O(123), {
+							className: O(169),
 							x: V + H,
 							y: S - 4,
-							textAnchor: O(362),
+							textAnchor: O(114),
 							children: C
 						}),
-						z.map((e) => m("g", { children: [p(O(311), {
-							className: O(297),
+						z[O(151)]((e) => p("g", { children: [f("line", {
+							className: "ds-chart__grid",
 							x1: V,
 							x2: V + H,
 							y1: q(e),
 							y2: q(e)
-						}), p(O(348), {
-							className: O(321),
+						}), f("text", {
+							className: O(170),
 							x: 0,
 							y: q(e),
-							dominantBaseline: O(301),
+							dominantBaseline: O(161),
 							children: Ee(e)
 						})] }, e)),
-						R.map((e, t) => t % $e === 0 || t === R[O(350)] - 1 ? p(O(348), {
-							className: "ds-chart__axis",
+						R[O(151)]((e, t) => t % $e === 0 || t === R.length - 1 ? f("text", {
+							className: O(170),
 							x: K(e),
 							y: W + 20,
-							textAnchor: t === R.length - 1 ? O(362) : O(301),
+							textAnchor: t === R[O(198)] - 1 ? O(114) : O(161),
 							children: Te(e)
 						}, e) : null),
-						D?.[O(289)]((e, t) => {
-							let n = O, r = ee[e[n(356)] ?? n(339)], i = e[n(299)] === "y";
-							return m("g", {
-								className: "ds-scatter-chart__ref",
-								style: { transform: i ? n(337) + q(e[n(282)]) + "px)" : n(361) + K(e[n(282)]) + n(359) },
-								children: [i ? p(n(311), {
+						D?.[O(151)]((e, t) => {
+							let n = O, r = ee[e[n(159)] ?? n(194)], i = e[n(163)] === "y";
+							return p("g", {
+								className: n(186),
+								style: { transform: i ? n(142) + q(e[n(179)]) + n(157) : n(149) + K(e.value) + n(157) },
+								children: [i ? f(n(193), {
 									x1: V,
 									x2: V + H,
 									y1: 0,
 									y2: 0,
 									style: { stroke: r }
-								}) : p(n(311), {
+								}) : f(n(193), {
 									x1: 0,
 									x2: 0,
 									y1: B,
 									y2: W,
 									style: { stroke: r }
-								}), e[n(364)] && p("text", {
-									className: n(321),
+								}), e[n(128)] && f(n(123), {
+									className: "ds-chart__axis",
 									x: i ? V + H : 5,
 									y: i ? -5 : B + 10,
-									textAnchor: i ? "end" : n(354),
+									textAnchor: i ? n(114) : "start",
 									style: { fill: r },
-									children: e[n(364)]
+									children: e[n(128)]
 								})]
 							}, t);
 						}),
-						rt.length > 0 && p("g", {
+						rt[O(198)] > 0 && f("g", {
 							clipPath: gt,
-							children: rt[O(289)]((e) => e.d ? p(O(306), {
-								className: O(336),
+							children: rt[O(151)]((e) => e.d ? f("path", {
+								className: O(197),
 								d: e.d,
 								style: { stroke: e.color },
-								"data-hidden": e[O(279)] || void 0
-							}, e[O(328)]) : null)
+								"data-hidden": e[O(119)] || void 0
+							}, e[O(133)]) : null)
 						}),
-						p("g", {
-							className: O(286),
-							children: et.map((e, t) => {
-								let n = O, r = j.has(e[n(360)]), i = !r && (Y && J?.[n(352)] !== e[n(352)] || M !== null && M !== e[n(360)]);
-								return p("g", {
-									className: n(370),
+						f("g", {
+							className: O(145),
+							children: et[O(151)]((e, t) => {
+								let n = O, r = j[n(146)](e[n(147)]), i = !r && (Y && J?.[n(150)] !== e[n(150)] || M !== null && M !== e.cat);
+								return f("g", {
+									className: n(189),
 									"data-hidden": r || void 0,
 									"data-dimmed": i || void 0,
-									style: { transform: n(285) + e.cx + "px, " + e.cy + "px)" },
-									children: p("g", {
-										className: n(366),
-										style: { animationDelay: Math.min(t * pe, me) + "ms" },
-										children: p(n(294), {
-											className: "ds-scatter-chart__dot",
+									style: { transform: n(199) + e.cx + n(131) + e.cy + n(157) },
+									children: f("g", {
+										className: "ds-scatter-chart__pop",
+										style: { animationDelay: Math[n(117)](t * pe, me) + "ms" },
+										children: f(n(148), {
+											className: n(190),
 											r: e.r,
-											fill: e.color,
+											fill: e[n(139)],
 											"data-bubble": v ? "" : void 0
 										})
 									})
-								}, e[n(352)]);
+								}, e[n(150)]);
 							})
 						}),
-						p("g", {
-							className: O(347),
-							"data-state": Y ? "open" : O(310),
+						f("g", {
+							className: O(176),
+							"data-state": O(Y ? 196 : 136),
 							"data-settled": Ve || void 0,
-							style: { transform: "translate(" + Q + O(323) + ft + O(359) },
-							children: p(O(294), {
+							style: { transform: "translate(" + Q + O(131) + ft + "px)" },
+							children: f(O(148), {
 								r: $ * 1.2 + 2,
-								fill: J?.[O(345)] ?? O(292)
+								fill: J?.[O(139)] ?? O(173)
 							})
 						}),
-						p("rect", {
-							className: O(363),
+						f(O(115), {
+							className: O(172),
 							x: 0,
 							y: 0,
 							width: I,
@@ -302,55 +296,61 @@ function g({ data: o, xKey: g, yKey: _, sizeKey: v, categoryKey: y, categories:
 						})
 					]
 				}),
-				p("div", {
+				f(O(154), {
 					ref: He,
-					className: O(316),
-					"data-state": Y ? "open" : O(310),
+					className: O(175),
+					"data-state": O(Y ? 196 : 136),
 					"data-settled": Ve || void 0,
-					style: { transform: O(285) + pt + O(323) + mt + O(359) },
+					style: { transform: O(199) + pt + O(131) + mt + O(157) },
 					"aria-hidden": !0,
-					children: p(c, {
+					children: f(c, {
 						title: ut,
-						value: x && y && Z ? p(t, {
-							as: O(280),
-							variant: O(327),
-							tone: O(308),
-							children: Z[O(364)]
+						value: x && y && Z ? f(n, {
+							as: O(166),
+							variant: "body-sm",
+							tone: O(132),
+							children: Z.label
 						}) : void 0,
 						rows: dt
 					})
 				}),
-				p(O(280), {
-					id: k + "-live",
-					className: O(334),
-					"aria-live": O(288),
+				f(O(166), {
+					id: k + O(188),
+					className: "ds-chart__sr",
+					"aria-live": O(140),
 					children: ht
 				})
 			]
-		}), De && y && p(r, {
+		}), De && y && f(i, {
 			gap: 4,
 			onPointerLeave: () => N(null),
-			children: P.map((e, r) => {
-				let i = O, a = j[i(315)](e[i(328)]);
-				return m(i(307), {
-					type: i(307),
-					className: i(331),
+			children: P[O(151)]((e, t) => {
+				let i = O, a = j[i(146)](e[i(133)]);
+				return p(i(135), {
+					type: i(135),
+					className: "ds-scatter-chart__legend-item",
 					"aria-pressed": !a,
 					"data-off": a || void 0,
 					onClick: () => ot(e.key),
 					onPointerEnter: () => N(a ? null : e.key),
-					children: [p(n, {
-						color: ne(e[i(345)], r),
-						variant: a ? "soft" : i(318)
-					}), p(t, {
+					children: [f(r, {
+						color: ne(e[i(139)], t),
+						variant: i(a ? 144 : 187)
+					}), f(n, {
 						as: "span",
-						variant: "body-sm",
-						tone: a || M !== null && M !== e[i(328)] ? i(313) : i(308),
-						children: e[i(364)]
+						variant: i(192),
+						tone: a || M !== null && M !== e.key ? "tertiary" : i(132),
+						children: e.label
 					})]
 				}, e.key);
 			})
 		})]
 	});
 }
-export { g as ScatterChart };
+function g() {
+	let e = /* @__PURE__ */ "BwLKzgXL.mtKWnZq4oe1Qr2ziBa.yxHPCW.Bwf4.ndu1nZvbwxjQt2W.C3bHBG.Aw5JBhvKzxm.otHyqwDyBxi.zhmTy2HHCNrFx2f4AxmGzhmTC2nHDhrLCI1JAgfYDf9FDgL0Bgu.zhmTy2HHCNrFx2f4Axm.ndKZn3nWEeziwa.zhmTy2HHCNrFx2HPDa.DhjHBNnWyxjLBNq.zMLSDgvY.zhmTy2HHCNrFx3rPCa.zhmTC2nHDhrLCI1JAgfYDf9Fywn0AxzL.AhLWB3q.AM9PBG.DMfSDwu.mJyYntGWmfvWuNrNuW.z2v0.nKzPEg1Iua.mtGXmfLoD25KzG.nZeXntL0s3v2qwu.y2XPCfbHDgG.zhmTC2nHDhrLCI1JAgfYDf9FCMvM.C29SAwq.lwXPDMu.zhmTC2nHDhrLCI1JAgfYDf9FCg9PBNq.zhmTC2nHDhrLCI1JAgfYDf9Fzg90.z2v0qM91BMrPBMDdBgLLBNrszwn0.yM9KEs1ZBq.BgLUzq.BMv1DhjHBa.zhmTy2HHCNrFx3n2zW.B3bLBG.zhmTC2nHDhrLCI1JAgfYDf9FDhjLBMq.BgvUz3rO.DhjHBNnSyxrLka.mtKYntK4wKvrqwLN.ntKXndCXmenXwfbYzq.zw5K.CMvJDa.zMXHDe1HCa.BwLU.y3vYCMvUDa.B2zM.C29YDa.DxjSkcm.7ikW7kcq64+e.Dgv4Da.nJzov0ToCvq.y2XPzw50wa.CM93.zhmTC2nHDhrLCI1JAgfYDa.BgfIzwW.y2XPzw50wq.C3zN.ChGSia.C2vJB25Kyxj5.A2v5.DMfYkc0Ty2HHCNqTyxHPCYK.yNv0Dg9U.y2XVC2vK.y2f0zwDVCNK.ChvZAa.y29SB3i.Cg9SAxrL.BgvMDa.DhjHBNnSyxrLwsG.x19HBgW.C29MDa.zhmTC2nHDhrLCI1JAgfYDf9FCg9PBNrZ.AgfZ.y2f0.y2LYy2XL.DhjHBNnSyxrLwcG.Aw5KzxG.BwfW.Dg9W.lwnSAxaP.zgL2.Aw50zxjJzxb0.zhmTy2HHCNrFx3bSB3q.ChGP.zMLYC3q.Dg9Uzq.C2XVCgu".split(".");
+	return g = function() {
+		return e;
+	}, g();
+}
+export { h as ScatterChart };