@iamfiro/design 0.3.0 → 0.3.1

package/lib/components/ScatterChart/ScatterChart2.js

@@ -1,356 +1,355 @@
 "use client";
-const e = f;
 (function(e, t) {
-	let n = f, r = e();
+	let n = s, r = e();
 	for (;;) try {
-		if (-parseInt(n(503)) / 1 + -parseInt(n(496)) / 2 * (-parseInt(n(462)) / 3) + -parseInt(n(495)) / 4 + -parseInt(n(478)) / 5 + -parseInt(n(456)) / 6 * (parseInt(n(488)) / 7) + -parseInt(n(489)) / 8 + parseInt(n(518)) / 9 == t) break;
+		if (parseInt(n(208)) / 1 * (-parseInt(n(273)) / 2) + parseInt(n(203)) / 3 * (parseInt(n(201)) / 4) + -parseInt(n(207)) / 5 * (parseInt(n(272)) / 6) + parseInt(n(276)) / 7 * (parseInt(n(235)) / 8) + parseInt(n(211)) / 9 + parseInt(n(241)) / 10 + -parseInt(n(275)) / 11 * (parseInt(n(252)) / 12) == t) break;
 		r.push(r.shift());
 	} catch {
 		r.push(r.shift());
 	}
-})(r, 805098);
-import { Text as t } from "../../primitives/Typography2.js";
-import { ColorDot as n } from "../../primitives/ColorDot2.js";
-function r() {
-	let e = /* @__PURE__ */ "AM9PBG.DhjHBNnWyxjLBNq.C2vJB25Kyxj5.C3rHCNq.nte0ntC1mKzHALH3Cq.mJi0mdHKtMHHAhC.BwLU.C29MDa.zhmTC2nHDhrLCI1JAgfYDf9FBgvNzw5KlwL0zw0.BwLKzgXL.zhmTC2nHDhrLCI1JAgfYDf9FCMvM.y2LYy2XL.nZu1mtyXC3Lmt1PN.zhmTC2nHDhrLCI1JAgfYDf9Fzg90.zhmTy2HHCNrFx2HPDa.C2XVCgu.x19HBgW.z2v0.C29YDa.DhjHBNnSyxrLka.zhmTC2nHDhrLCI1JAgfYDf9Fywn0AxzL.y2XPzw50wq.7ikW7kcq64+e.CMvJDa.Bwf4.lwXPDMu.zhmTy2HHCNrFx2f4AxmGzhmTC2nHDhrLCI1JAgfYDf9FDgL0Bgu.ntC4otyZnJftzMjpD3G.zM9YrwfJAa.zhmTy2HHCNrFx3nY.y2XPzw50wa.ChvZAa.DMfSDwu.z2v0qM91BMrPBMDdBgLLBNrszwn0.A2v5.C3bHBG.BgfIzwW.B3bLBG.lwnSAxa.zhmTC2nHDhrLCI1JAgfYDa.zhmTC2nHDhrLCI1JAgfYDf9FDhjLBMq.C29SAwq.lwnSAxaP.zhmTy2HHCNrFx2DYAwq.zhmTC2nHDhrLCI1JAgfYDf9FCg9W.Dg9W.Aw50zxjJzxb0.zw5K.ChGSia.nZG3ofDRzu9HDG.Dg9Uzq.y2f0.BgvUz3rO.BwfW.y2f0zwDVCNK.mtvIsM13A3y.BgvMDa.AgfZ.C3zN.zgL2.Aw5KzxG.DMfYkc0Ty2HHCNqTyxHPCYK.y29SB3i.zhmTy2HHCNrFx2f4Axm.zMLYC3q.Cgf0Aa.BgLUzq.C2L6zq.y2XVC2vK.y3vYCMvUDa.ChGP.nta4mZe4meHQrLruAG.zgvMCW.Dgv4Da.DhjHBNnSyxrLwcG.yxHPCW.zhmTy2HHCNrFx3bSB3q.DhjHBNnSyxrLwsG.CM93.zMLSDgvY.zhmTy2HHCNrFx3n2zW.nJm0ovrlsK5Ptq.mte0nZC4mdblq3rRt3K.yM9KEs1ZBq".split(".");
-	return r = function() {
-		return e;
-	}, r();
-}
-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 l, formatCompact as ne, formatNumber as u, labelStep as re, numberAt as d } from "../Chart/chart2.js";
-import { useChartInteraction as ie } from "../Chart/useChartInteraction.js";
-import { linearRegression as ae, niceRangeTicks as oe } from "./scatter.js";
-/* empty css             */
-function f(e, t) {
-	e -= 452;
-	let n = r(), i = n[e];
-	f.AFGyWa === void 0 && (f.fcmWLC = function(e) {
+})(m, 451767);
+import { Text as e } from "../../primitives/Typography2.js";
+import { ColorDot as t } from "../../primitives/ColorDot2.js";
+import { Inline as n, Stack as r } from "../../primitives/Layout2.js";
+import { useControllableState as i } from "../../hooks/useControllableState.js";
+import { cx as a } from "../../primitives/index.js";
+import { ChartTooltip as o } from "../Chart/ChartParts.js";
+function s(e, t) {
+	e -= 194;
+	let n = m(), r = n[e];
+	s.tMzKlm === void 0 && (s.IYKvmI = 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);
-	}, f.NGvfnD = {}, f.AFGyWa = !0);
-	let a = n[0];
-	f.zRCeYw !== a && (f.NGvfnD = {}, f.zRCeYw = a);
-	let o = f.NGvfnD[e];
-	return o === void 0 ? (i = f.fcmWLC(i), f.NGvfnD[e] = i) : i = o, i;
+	}, s.GvaSVF = {}, s.tMzKlm = !0);
+	let i = n[0];
+	s.agDUvF !== i && (s.GvaSVF = {}, s.agDUvF = i);
+	let a = s.GvaSVF[e];
+	return a === void 0 ? (r = s.IYKvmI(r), s.GvaSVF[e] = r) : r = a, r;
 }
-import { useId as se, useMemo as p, useRef as ce, useState as le } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { CHART_TONE_STRONG as c, axisGutter as ee, chartColor as l, formatCompact as te, formatNumber as ne, labelStep as re, numberAt as u } from "../Chart/chart2.js";
+import { useChartInteraction as ie } from "../Chart/useChartInteraction.js";
+import { linearRegression as ae, niceRangeTicks as oe } from "./scatter.js";
+/* empty css             */
+import { useId as se, useMemo as d, useRef as ce, useState as le } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 var ue = 12, de = 10, fe = 28, pe = 14, me = 560, he = [];
-function g({ data: r, 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 = u, formatY: Ce = u, formatSize: we = u, formatAxisX: Te = ne, formatAxisY: Ee = ne, legend: De = !0, hiddenCategories: Oe, defaultHiddenCategories: ke = he, onHiddenCategoriesChange: Ae, activeIndex: je, defaultActiveIndex: Me, onActiveIndexChange: Ne, "aria-label": Pe = e(513), className: Fe, style: Ie }) {
-	let O = e, k = se(), [A, Le] = o(Oe, ke, Ae), j = new Set(A), [M, N] = le(null), P = p(() => {
-		let e = f;
-		if (b) return b;
-		if (!y) return [{
+function m() {
+	let e = /* @__PURE__ */ "C3bHBG.ndKWmMHqAM9gAq.ndmYmKfLtKnWrW.BMv1DhjHBa.mtfdswrPCui.mte3mdGYthHgqwrT.B3bLBG.Dg9W.zhmTy2HHCNrFx3n2zW.zgL2.C29YDa.zhmTC2nHDhrLCI1JAgfYDf9Fzg90.yM9KEs1ZBq.y2XVC2vK.zhmTy2HHCNrFx2HPDa.C29MDa.DhjHBNnWyxjLBNq.AgfZ.mti1mKLmqKTkCq.zMLSDgvY.nZG2oxHKsu9uDW.zhmTC2nHDhrLCI1JAgfYDf9Fywn0AxzL.CM93.DhjHBNnSyxrLka.ndi0nu51q2rOAW.mZqXs2vhEezJ.zhmTy2HHCNrFx2DYAwq.DhjHBNnSyxrLwcG.mJa4ndqZnLbkwxjkyW.zM9YrwfJAa.zhmTC2nHDhrLCI1JAgfYDf9FCg9PBNrZ.Aw5KzxG.ChvZAa.ChGSia.Cgf0Aa.zhmTy2HHCNq.Bwf4.BgvUz3rO.zhmTy2HHCNrFx2f4AxmGzhmTC2nHDhrLCI1JAgfYDf9FDgL0Bgu.BgfIzwW.zhmTC2nHDhrLCI1JAgfYDa.CMvJDa.zMXHDe1HCa.y2XPzw50wq.A2v5.Dg9Uzq.Dgv4Da.y3vYCMvUDa.zhmTC2nHDhrLCI1JAgfYDf9FCg9PBNq.Aw50zxjJzxb0.BwLU.z2v0qM91BMrPBMDdBgLLBNrszwn0.mJmYDwzdrern.DgvYDgLHCNK.C2vJB25Kyxj5.C3zN.Cg9SAxrL.lwnSAxa.nJCXmtyYmgjvyNnNuG.DxjSkcm.lwnSAxaP.BwLKzgXL.y2LYy2XL.y2f0.AhLWB3q.zMLYC3q.C3rHCNq.zhmTy2HHCNrFx2f4Axm.y29SB3i.mZKXodiXnKP1zKLLuG.BgLUzq.lwXPDMu.zw5K.zhmTC2nHDhrLCI1JAgfYDf9FCMvM.yxHPCW.z2v0.7ikW7kcq64+e.y2f0zwDVCNK.y2XPzw50wa.B2zM.zhmTy2HHCNrFx3bSB3q.BwfW.yNv0Dg9U.zhmTC2nHDhrLCI1JAgfYDf9FCg9W.ChGP.C2XVCgu.DMfSDwu.zhmTy2HHCNrFx3rPCa".split(".");
+	return m = function() {
+		return e;
+	}, m();
+}
+function h({ data: m, xKey: h, yKey: g, sizeKey: _, categoryKey: v, categories: ge, labelKey: y, height: b = 280, xLabel: x, yLabel: S, sizeLabel: _e, xTickCount: ve = 5, yTickCount: ye = 4, xDomain: C, yDomain: w, sizeRange: be = [4, 22], pointRadius: xe = 5, trendLine: Se = !1, referenceLines: T, formatX: Ce = ne, formatY: we = ne, formatSize: Te = ne, formatAxisX: Ee = te, formatAxisY: De = te, legend: Oe = !0, hiddenCategories: ke, defaultHiddenCategories: Ae = he, onHiddenCategoriesChange: je, activeIndex: Me, defaultActiveIndex: Ne, onActiveIndexChange: Pe, "aria-label": Fe = "산점도", className: Ie, style: Le }) {
+	let E = s, D = se(), [O, Re] = i(ke, Ae, je), k = new Set(O), [A, ze] = le(null), j = d(() => {
+		let e = s;
+		if (ge) return ge;
+		if (!v) return [{
 			key: "",
-			label: w ?? _
+			label: S ?? g
 		}];
 		let t = [];
-		for (let n of r) {
-			let r = String(n[y] ?? "");
-			t.includes(r) || t[e(522)](r);
+		for (let n of m) {
+			let r = String(n[v] ?? "");
+			t.includes(r) || t[e(215)](r);
 		}
-		return t[e(460)]((e) => ({
+		return t[e(264)]((e) => ({
 			key: e,
 			label: e
 		}));
 	}, [
-		b,
-		y,
-		r,
-		w,
-		_
-	]), F = p(() => {
-		let e = f, t = new Map(P[e(460)]((e, t) => [e.key, t]));
-		return r.flatMap((n, r) => {
-			let i = e, a = d(n, g), o = d(n, _);
+		ge,
+		v,
+		m,
+		S,
+		g
+	]), M = d(() => {
+		let e = s, t = new Map(j.map((e, t) => [e.key, t]));
+		return m[e(225)]((n, r) => {
+			let i = e, a = u(n, h), o = u(n, g);
 			if (a === null || o === null) return [];
-			let s = y ? String(n[y] ?? "") : "", c = t[i(508)](s);
+			let s = v ? String(n[v] ?? "") : "", c = t[i(258)](s);
 			return c === void 0 ? [] : [{
 				index: r,
 				row: n,
 				x: a,
 				y: o,
-				s: v ? d(n, v) : null,
+				s: _ ? u(n, _) : null,
 				cat: s,
 				ci: c
 			}];
-		})[e(509)]((e, t) => e.x - t.x || e.y - t.y);
+		})[e(281)]((e, t) => e.x - t.x || e.y - t.y);
 	}, [
-		r,
+		m,
+		h,
 		g,
 		_,
 		v,
-		y,
-		P
-	]), Re = F.filter((e) => !j[O(464)](e[O(458)]))[O(459)], { open: ze, shown: Be, settled: Ve, width: I, tipRef: He, tipSize: L, hover: Ue, leave: We, plotProps: Ge } = ie({
-		count: Re,
-		activeIndex: je,
-		defaultActiveIndex: Me,
-		onActiveIndexChange: Ne,
-		initialKeyboardIndex: O(471)
-	}), R = p(() => {
-		let e = O, t = [...F[e(460)]((e) => e.x), ...D?.[e(486)]((t) => t[e(482)] === "x").map((t) => t[e(523)]) ?? []], [n, r] = T ?? (t[e(459)] ? [Math[e(497)](...t), Math[e(515)](...t)] : [0, 1]);
-		return oe(n, r, _e, !T);
+		j
+	]), Be = M[E(202)]((e) => !k[E(200)](e[E(246)]))[E(220)], { open: Ve, shown: He, settled: Ue, width: N, tipRef: We, tipSize: P, hover: Ge, leave: Ke, plotProps: qe } = ie({
+		count: Be,
+		activeIndex: Me,
+		defaultActiveIndex: Ne,
+		onActiveIndexChange: Pe,
+		initialKeyboardIndex: E(248)
+	}), F = d(() => {
+		let e = E, t = [...M[e(264)]((e) => e.x), ...T?.[e(202)]((t) => t[e(257)] === "x")[e(264)]((t) => t[e(269)]) ?? []], [n, r] = C ?? (t.length ? [Math[e(233)](...t), Math.max(...t)] : [0, 1]);
+		return oe(n, r, ve, !C);
 	}, [
-		F,
-		D,
+		M,
 		T,
-		_e
-	]), z = p(() => {
-		let e = O, t = [...F[e(460)]((e) => e.y), ...D?.[e(486)]((t) => t[e(482)] === "y")[e(460)]((t) => t[e(523)]) ?? []], [n, r] = E ?? (t[e(459)] ? [Math[e(497)](...t), Math[e(515)](...t)] : [0, 1]);
-		return oe(n, r, ve, !E);
-	}, [
-		F,
-		D,
-		E,
+		C,
 		ve
-	]), Ke = Math[O(515)](0, ...F[O(460)]((e) => e.s ?? 0)), B = w ? 28 : 10, qe = 28 + (C ? 20 : 0), Je = te(z[O(460)](Ee)), V = Je, H = Math.max(0, I - Je - ue), U = Math[O(515)](0, S - B - qe), W = B + U, [G, Ye] = [R[0], R[R[O(459)] - 1]], [Xe, Ze] = [z[0], z[z[O(459)] - 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(515)](ye[0], ye[1] * Math.sqrt(Math.max(0, e) / Ke)) : be, $e = re(R[O(459)], H, 64), et = F[O(460)]((e) => ({
+	]), I = d(() => {
+		let e = E, t = [...M[e(264)]((e) => e.y), ...T?.[e(202)]((t) => t[e(257)] === "y")[e(264)]((t) => t[e(269)]) ?? []], [n, r] = w ?? (t[e(220)] ? [Math[e(233)](...t), Math.max(...t)] : [0, 1]);
+		return oe(n, r, ye, !w);
+	}, [
+		M,
+		T,
+		w,
+		ye
+	]), Je = Math[E(219)](0, ...M.map((e) => e.s ?? 0)), L = S ? 28 : 10, Ye = 28 + (x ? 20 : 0), Xe = ee(I[E(264)](De)), R = Xe, z = Math[E(219)](0, N - Xe - ue), B = Math.max(0, b - L - Ye), V = L + B, [H, U] = [F[0], F[F[E(220)] - 1]], [Ze, Qe] = [I[0], I[I[E(220)] - 1]], W = (e) => R + (e - H) / (U - H || 1) * z, G = (e) => V - (e - Ze) / (Qe - Ze || 1) * B, $e = (e) => _ && e !== null && Je > 0 ? Math[E(219)](be[0], be[1] * Math.sqrt(Math[E(219)](0, e) / Je)) : xe, et = re(F[E(220)], z, 64), K = M.map((e) => ({
 		...e,
-		cx: K(e.x),
-		cy: q(e.y),
-		r: Qe(e.s),
-		color: l(P[e.ci].color, e.ci)
-	})), tt = et[O(486)]((e) => !j[O(464)](e.cat)), J = Be === null ? void 0 : tt[Be], Y = ze && J !== void 0, nt = (e) => {
-		let t = O, n = ae(e);
-		return n ? "M" + K(G) + "," + q(n[t(453)] + n[t(506)] * G) + "L" + K(Ye) + "," + q(n[t(453)] + n[t(506)] * Ye) : null;
-	}, rt = xe === O(461) ? P[O(460)]((e, t) => ({
-		key: e[O(525)],
-		d: nt(et[O(486)]((t) => t[O(458)] === e[O(525)])),
-		color: l(e.color, t),
-		off: j[O(464)](e[O(525)])
-	})) : xe ? [{
-		key: O(507),
-		d: nt(tt),
-		color: O(468),
+		cx: W(e.x),
+		cy: G(e.y),
+		r: $e(e.s),
+		color: l(j[e.ci][E(251)], e.ci)
+	})), q = K[E(202)]((e) => !k.has(e[E(246)])), J = He === null ? void 0 : q[He], Y = Ve && J !== void 0, tt = (e) => {
+		let t = E, n = ae(e);
+		return n ? "M" + W(H) + "," + G(n.intercept + n.slope * H) + "L" + W(U) + "," + G(n[t(232)] + n[t(268)] * U) : null;
+	}, nt = Se === E(260) ? j[E(264)]((e, t) => ({
+		key: e[E(227)],
+		d: tt(K[E(202)]((t) => t[E(246)] === e[E(227)])),
+		color: l(e[E(251)], t),
+		off: k[E(200)](e[E(227)])
+	})) : Se ? [{
+		key: "__all",
+		d: tt(q),
+		color: "var(--chart-axis)",
 		off: !1
-	}] : [], X = ce(!1), it = (e) => {
-		let t = O, n = e.currentTarget[t(524)](), r = e[t(521)] - n[t(463)], i = e[t(512)] - n[t(452)], a = -1, o = Infinity;
-		tt[t(519)]((e, t) => {
-			let n = Math.hypot(e.cx - r, e.cy - i) - e.r;
-			n < o && (o = n, a = t);
-		}), a >= 0 && o <= fe ? (X[t(476)] = !0, Ue(a)) : X[t(476)] && (X.current = !1, We());
-	}, at = () => {
-		let e = O;
-		X[e(476)] = !1, We();
-	}, ot = (e) => {
-		let t = O, n = j.has(e);
-		!n && M === e && N(null), Le(n ? A[t(486)]((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(485)][x] ?? "") : Z?.[O(527)] : null, dt = J ? [
+	}] : [], X = ce(!1), rt = (e) => {
+		let t = E, n = e.currentTarget[t(234)](), r = e[t(261)] - n.left, i = e[t(226)] - n[t(278)], a = -1, o = Infinity;
+		q[t(212)]((e, n) => {
+			let s = Math[t(247)](e.cx - r, e.cy - i) - e.r;
+			s < o && (o = s, a = n);
+		}), a >= 0 && o <= fe ? (X[t(230)] = !0, Ge(a)) : X[t(230)] && (X[t(230)] = !1, Ke());
+	}, it = () => {
+		let e = E;
+		X[e(230)] = !1, Ke();
+	}, at = (e) => {
+		let t = E, n = k[t(200)](e);
+		!n && A === e && ze(null), Re(n ? O[t(202)]((t) => t !== e) : [...O, e]);
+	}, Z = J ? j[J.ci] : void 0, ot = x ?? h, st = S ?? g, ct = _e ?? _ ?? "", lt = J ? y ? String(J[E(205)][y] ?? "") : Z?.[E(222)] : null, ut = J ? [
 		{
 			key: "x",
-			label: st,
-			color: J.color,
-			value: Se(J.x, J[O(485)])
+			label: ot,
+			color: J[E(251)],
+			value: Ce(J.x, J[E(205)])
 		},
 		{
 			key: "y",
-			label: ct,
-			color: J[O(469)],
-			value: Ce(J.y, J[O(485)])
+			label: st,
+			color: J[E(251)],
+			value: we(J.y, J[E(205)])
 		},
-		...v && J.s !== null ? [{
-			key: O(474),
-			label: lt,
-			color: J.color,
-			value: we(J.s, J[O(485)])
+		..._ && J.s !== null ? [{
+			key: "size",
+			label: ct,
+			color: J[E(251)],
+			value: Te(J.s, J.row)
 		}] : []
-	] : [], Q = J?.cx ?? 0, ft = J?.cy ?? 0, $ = J?.r ?? 0, pt = Q + $ + de + L.w > I ? Math[O(515)](0, Q - $ - de - L.w) : Q + $ + de, mt = Math[O(497)](Math[O(515)](0, ft - L.h / 2), Math[O(515)](0, S - L.h)), ht = Y && J ? "" + (ut ?? "") + (x && y && Z ? " (" + Z[O(527)] + ")" : "") + ": " + dt[O(460)]((e) => e[O(527)] + " " + e[O(523)])[O(491)](", ") : "", gt = "url(#" + k + O(533);
-	return h(a, {
+	] : [], Q = J?.cx ?? 0, dt = J?.cy ?? 0, $ = J?.r ?? 0, ft = Q + $ + de + P.w > N ? Math[E(219)](0, Q - $ - de - P.w) : Q + $ + de, pt = Math.min(Math[E(219)](0, dt - P.h / 2), Math[E(219)](0, b - P.h)), mt = Y && J ? "" + (lt ?? "") + (y && v && Z ? " (" + Z.label + ")" : "") + ": " + ut[E(264)]((e) => e[E(222)] + " " + e.value).join(", ") : "", ht = E(242) + D + E(243);
+	return p(r, {
 		gap: 3,
-		className: s("ds-chart", O(530), Fe),
-		style: Ie,
-		children: [h(O(466), {
-			...Ge,
-			className: O(483),
-			style: { height: S },
-			"aria-roledescription": O(513),
-			"aria-label": Pe,
-			"aria-describedby": k + "-live",
+		className: a(E(218), E(223), Ie),
+		style: Le,
+		children: [p("div", {
+			...qe,
+			className: E(263),
+			style: { height: b },
+			"aria-roledescription": E(259),
+			"aria-label": Fe,
+			"aria-describedby": D + E(254),
 			children: [
-				I > 0 && h(O(465), {
-					className: O(487),
-					width: I,
-					height: S,
+				N > 0 && p(E(238), {
+					className: E(279),
+					width: N,
+					height: b,
 					"aria-hidden": !0,
 					children: [
-						m(O(479), { children: m("clipPath", {
-							id: k + O(529),
-							children: m(O(514), {
-								x: V,
-								y: B,
-								width: H,
-								height: U
+						f("defs", { children: f("clipPath", {
+							id: D + E(240),
+							children: f(E(224), {
+								x: R,
+								y: L,
+								width: z,
+								height: B
 							})
 						}) }),
-						w && m("text", {
-							className: O(517),
+						S && f(E(229), {
+							className: "ds-chart__axis ds-scatter-chart__title",
 							x: 0,
 							y: 12,
 							dominantBaseline: "middle",
-							children: w
+							children: S
 						}),
-						C && m(O(480), {
-							className: O(517),
-							x: V + H,
-							y: S - 4,
-							textAnchor: O(454),
-							children: C
+						x && f(E(229), {
+							className: E(221),
+							x: R + z,
+							y: b - 4,
+							textAnchor: "end",
+							children: x
 						}),
-						z[O(460)]((e) => h("g", { children: [m(O(473), {
-							className: O(534),
-							x1: V,
-							x2: V + H,
-							y1: q(e),
-							y2: q(e)
-						}), m(O(480), {
-							className: "ds-chart__axis",
+						I.map((e) => p("g", { children: [f("line", {
+							className: E(209),
+							x1: R,
+							x2: R + z,
+							y1: G(e),
+							y2: G(e)
+						}), f(E(229), {
+							className: E(250),
 							x: 0,
-							y: q(e),
-							dominantBaseline: O(500),
-							children: Ee(e)
+							y: G(e),
+							dominantBaseline: E(244),
+							children: De(e)
 						})] }, e)),
-						R[O(460)]((e, t) => t % $e === 0 || t === R[O(459)] - 1 ? m(O(480), {
-							className: O(470),
-							x: K(e),
-							y: W + 20,
-							textAnchor: t === R.length - 1 ? O(454) : "middle",
-							children: Te(e)
+						F[E(264)]((e, t) => t % et === 0 || t === F[E(220)] - 1 ? f("text", {
+							className: "ds-chart__axis",
+							x: W(e),
+							y: V + 20,
+							textAnchor: t === F[E(220)] - 1 ? E(255) : E(244),
+							children: Ee(e)
 						}, e) : null),
-						D?.[O(460)]((e, t) => {
-							let n = O, r = ee[e[n(457)] ?? "neutral"], i = e[n(482)] === "y";
-							return h("g", {
-								className: n(501),
-								style: { transform: i ? n(484) + q(e.value) + n(477) : n(481) + K(e[n(523)]) + n(477) },
-								children: [i ? m(n(473), {
-									x1: V,
-									x2: V + H,
+						T?.map((e, t) => {
+							let n = E, r = c[e[n(228)] ?? n(274)], i = e[n(257)] === "y";
+							return p("g", {
+								className: n(256),
+								style: { transform: i ? "translateY(" + G(e[n(269)]) + n(267) : n(210) + W(e[n(269)]) + n(267) },
+								children: [i ? f(n(253), {
+									x1: R,
+									x2: R + z,
 									y1: 0,
 									y2: 0,
 									style: { stroke: r }
-								}) : m(n(473), {
+								}) : f(n(253), {
 									x1: 0,
 									x2: 0,
-									y1: B,
-									y2: W,
+									y1: L,
+									y2: V,
 									style: { stroke: r }
-								}), e[n(527)] && m(n(480), {
+								}), e[n(222)] && f(n(229), {
 									className: "ds-chart__axis",
-									x: i ? V + H : 5,
-									y: i ? -5 : B + 10,
-									textAnchor: n(i ? 454 : 494),
+									x: i ? R + z : 5,
+									y: i ? -5 : L + 10,
+									textAnchor: n(i ? 255 : 249),
 									style: { fill: r },
-									children: e[n(527)]
+									children: e[n(222)]
 								})]
 							}, t);
 						}),
-						rt[O(459)] > 0 && m("g", {
-							clipPath: gt,
-							children: rt.map((e) => e.d ? m(O(472), {
-								className: O(531),
+						nt.length > 0 && f("g", {
+							clipPath: ht,
+							children: nt.map((e) => e.d ? f(E(217), {
+								className: "ds-scatter-chart__trend",
 								d: e.d,
-								style: { stroke: e.color },
-								"data-hidden": e.off || void 0
-							}, e[O(525)]) : null)
+								style: { stroke: e[E(251)] },
+								"data-hidden": e[E(262)] || void 0
+							}, e.key) : null)
 						}),
-						m("g", {
-							className: "ds-scatter-chart__points",
-							children: et.map((e, t) => {
-								let n = O, r = j[n(464)](e.cat), i = !r && (Y && J?.index !== e[n(467)] || M !== null && M !== e[n(458)]);
-								return m("g", {
-									className: "ds-scatter-chart__point",
+						f("g", {
+							className: E(213),
+							children: K[E(264)]((e, t) => {
+								let n = E, r = k[n(200)](e.cat), i = !r && (Y && J?.index !== e[n(214)] || A !== null && A !== e[n(246)]);
+								return f("g", {
+									className: n(231),
 									"data-hidden": r || void 0,
 									"data-dimmed": i || void 0,
-									style: { transform: n(510) + e.cx + "px, " + e.cy + n(477) },
-									children: m("g", {
-										className: n(535),
-										style: { animationDelay: Math.min(t * pe, me) + "ms" },
-										children: m(n(502), {
-											className: n(504),
+									style: { transform: n(206) + e.cx + n(216) + e.cy + "px)" },
+									children: f("g", {
+										className: n(266),
+										style: { animationDelay: Math[n(233)](t * pe, me) + "ms" },
+										children: f(n(245), {
+											className: n(194),
 											r: e.r,
-											fill: e[n(469)],
-											"data-bubble": v ? "" : void 0
+											fill: e[n(251)],
+											"data-bubble": _ ? "" : void 0
 										})
 									})
-								}, e[n(467)]);
+								}, e[n(214)]);
 							})
 						}),
-						m("g", {
-							className: O(511),
-							"data-state": Y ? O(528) : "closed",
-							"data-settled": Ve || void 0,
-							style: { transform: O(510) + Q + O(455) + ft + O(477) },
-							children: m(O(502), {
+						f("g", {
+							className: E(204),
+							"data-state": Y ? E(277) : "closed",
+							"data-settled": Ue || void 0,
+							style: { transform: E(206) + Q + E(216) + dt + E(267) },
+							children: f(E(245), {
 								r: $ * 1.2 + 2,
-								fill: J?.[O(469)] ?? O(492)
+								fill: J?.[E(251)] ?? E(199)
 							})
 						}),
-						m("rect", {
-							className: O(505),
+						f(E(224), {
+							className: E(197),
 							x: 0,
 							y: 0,
-							width: I,
-							height: S,
-							onPointerMove: it,
-							onPointerDown: it,
-							onPointerLeave: at
+							width: N,
+							height: b,
+							onPointerMove: rt,
+							onPointerDown: rt,
+							onPointerLeave: it
 						})
 					]
 				}),
-				m("div", {
-					ref: He,
-					className: "ds-chart__tip",
-					"data-state": O(Y ? 528 : 475),
-					"data-settled": Ve || void 0,
-					style: { transform: "translate(" + pt + "px, " + mt + O(477) },
+				f(E(280), {
+					ref: We,
+					className: E(270),
+					"data-state": E(Y ? 277 : 196),
+					"data-settled": Ue || void 0,
+					style: { transform: E(206) + ft + "px, " + pt + E(267) },
 					"aria-hidden": !0,
-					children: m(c, {
-						title: ut,
-						value: x && y && Z ? m(t, {
-							as: O(526),
-							variant: O(490),
-							tone: O(493),
-							children: Z[O(527)]
+					children: f(o, {
+						title: lt,
+						value: y && v && Z ? f(e, {
+							as: "span",
+							variant: E(195),
+							tone: "secondary",
+							children: Z[E(222)]
 						}) : void 0,
-						rows: dt
+						rows: ut
 					})
 				}),
-				m(O(526), {
-					id: k + O(516),
-					className: O(520),
-					"aria-live": "polite",
-					children: ht
+				f(E(271), {
+					id: D + E(254),
+					className: "ds-chart__sr",
+					"aria-live": E(239),
+					children: mt
 				})
 			]
-		}), De && y && m(i, {
+		}), Oe && v && f(n, {
 			gap: 4,
-			onPointerLeave: () => N(null),
-			children: P[O(460)]((e, r) => {
-				let i = O, a = j.has(e[i(525)]);
-				return h("button", {
+			onPointerLeave: () => ze(null),
+			children: j[E(264)]((n, r) => {
+				let i = E, a = k[i(200)](n[i(227)]);
+				return p(i(265), {
 					type: "button",
-					className: i(499),
+					className: "ds-scatter-chart__legend-item",
 					"aria-pressed": !a,
 					"data-off": a || void 0,
-					onClick: () => ot(e[i(525)]),
-					onPointerEnter: () => N(a ? null : e[i(525)]),
-					children: [m(n, {
-						color: l(e.color, r),
-						variant: i(a ? 498 : 532)
-					}), m(t, {
-						as: "span",
-						variant: "body-sm",
-						tone: a || M !== null && M !== e[i(525)] ? "tertiary" : "secondary",
-						children: e[i(527)]
+					onClick: () => at(n[i(227)]),
+					onPointerEnter: () => ze(a ? null : n[i(227)]),
+					children: [f(t, {
+						color: l(n[i(251)], r),
+						variant: a ? i(198) : "solid"
+					}), f(e, {
+						as: i(271),
+						variant: i(195),
+						tone: a || A !== null && A !== n[i(227)] ? i(236) : i(237),
+						children: n[i(222)]
 					})]
-				}, e.key);
+				}, n[i(227)]);
 			})
 		})]
 	});
 }
-export { g as ScatterChart };
+export { h as ScatterChart };