@selectwin/kit 0.1.196 → 0.1.198

package/dist/SelectGlobe.js

@@ -0,0 +1,472 @@
+/* empty css           */
+import { formatCompact as e, useMeasuredWidth as t } from "./chartUtils.js";
+import { ChartTooltip as n, useChartTooltip as r } from "./chartTip.js";
+import { WORLD_LAND as i } from "./worldLand.js";
+import { forwardRef as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/SelectGlobe.tsx
+var p = Math.PI / 180;
+function m(e, t) {
+	let n = e * p, r = t * p;
+	return [
+		Math.cos(n) * Math.sin(r),
+		Math.sin(n),
+		Math.cos(n) * Math.cos(r)
+	];
+}
+function h([e, t, n], r, i) {
+	let a = r * p, o = e * Math.cos(a) + n * Math.sin(a), s = -e * Math.sin(a) + n * Math.cos(a), c = i * p;
+	return [
+		o,
+		t * Math.cos(c) - s * Math.sin(c),
+		t * Math.sin(c) + s * Math.cos(c)
+	];
+}
+function ee(e, t, n) {
+	let r = e[0] * t[0] + e[1] * t[1] + e[2] * t[2];
+	r = Math.max(-1, Math.min(1, r));
+	let i = Math.acos(r);
+	if (i < 1e-6) return e;
+	let a = Math.sin(i), o = Math.sin((1 - n) * i) / a, s = Math.sin(n * i) / a;
+	return [
+		e[0] * o + t[0] * s,
+		e[1] * o + t[1] * s,
+		e[2] * o + t[2] * s
+	];
+}
+var g = (e, t) => Math.abs(e.lat - t.lat) < 1e-6 && Math.abs(e.lng - t.lng) < 1e-6, _ = a(function({ points: a = [], arcs: p = [], size: _ = 320, tilt: v = -18, spin: te = !0, speed: ne = 7, color: y = "var(--select-chart-1)", format: b = e, legend: re = !0, map: x = !0, fluid: ie = !1, onZoomChange: S, className: C, ...ae }, oe) {
+	var w, se;
+	let T = s(), E = r(), D = l(null), O = t(D, _), ce = a.length ? a.reduce((e, t) => e + t.lng, 0) / a.length : 0, k = l(typeof window < "u" && !!((w = (se = window).matchMedia) != null && w.call(se, "(prefers-reduced-motion: reduce)").matches)), A = l({
+		lng: -ce,
+		lat: v
+	}), j = l({
+		lng: 0,
+		lat: 0
+	}), M = l(1), N = l(null), P = l(null), F = l(!1), I = l(0), L = l(0), R = l(0), [, z] = u(0), [le, ue] = u(!1), [B, V] = u(null), H = () => {
+		L.current || (R.current = performance.now(), L.current = requestAnimationFrame(U));
+	};
+	function U(e) {
+		let t = Math.min(.05, (e - R.current) / 1e3);
+		R.current = e, I.current += t;
+		let n = j.current, r = Math.abs(n.lng) + Math.abs(n.lat) > .02;
+		if (!P.current) {
+			if (N.current) {
+				let e = Math.min(1, t * 6);
+				A.current.lng += (N.current.lng - A.current.lng) * e, A.current.lat += (N.current.lat - A.current.lat) * e, Math.abs(N.current.lng - A.current.lng) < .2 && Math.abs(N.current.lat - A.current.lat) < .2 && (N.current = null);
+			} else r ? (A.current.lng += n.lng * t * 60, A.current.lat = Math.max(-85, Math.min(85, A.current.lat + n.lat * t * 60)), n.lng *= .94, n.lat *= .94) : (n.lng = 0, n.lat = 0, te && !k.current && !F.current && (A.current.lng += ne * t));
+		}
+		z((e) => (e + 1) % 1e6), !k.current || P.current || N.current || Math.abs(n.lng) + Math.abs(n.lat) > .02 ? L.current = requestAnimationFrame(U) : L.current = 0;
+	}
+	o(() => (k.current || H(), () => {
+		L.current && cancelAnimationFrame(L.current), L.current = 0;
+	}), []);
+	let W = l(S);
+	W.current = S, o(() => {
+		let e = D.current;
+		if (!e) return;
+		let t = (e) => {
+			var t;
+			e.preventDefault();
+			let n = Math.max(-240, Math.min(240, e.deltaMode ? e.deltaY * 40 : e.deltaY)), r = M.current * Math.exp(-n * .0012);
+			M.current = Math.max(.8, Math.min(1.8, r)), (t = W.current) == null || t.call(W, M.current), H(), z((e) => (e + 1) % 1e6);
+		};
+		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
+	}, []);
+	let de = (e) => {
+		var t, n;
+		(t = (n = e.target).setPointerCapture) == null || t.call(n, e.pointerId), P.current = {
+			x: e.clientX,
+			y: e.clientY
+		}, j.current = {
+			lng: 0,
+			lat: 0
+		}, N.current = null, ue(!0), H();
+	}, fe = (e) => {
+		if (!P.current) return;
+		let t = .34 / M.current, n = e.clientX - P.current.x, r = e.clientY - P.current.y;
+		P.current = {
+			x: e.clientX,
+			y: e.clientY
+		}, A.current.lng += n * t, A.current.lat = Math.max(-85, Math.min(85, A.current.lat + r * t)), j.current = {
+			lng: n * t,
+			lat: r * t
+		};
+	}, G = (e) => {
+		var t, n;
+		P.current && ((t = (n = e.target).releasePointerCapture) == null || t.call(n, e.pointerId), P.current = null, ue(!1), H());
+	}, K = (O / 2 - 6) * M.current, q = O / 2, J = O / 2, Y = (e) => {
+		let t = h(e, A.current.lng, A.current.lat);
+		return {
+			x: q + K * t[0],
+			y: J - K * t[1],
+			z: t[2]
+		};
+	}, pe = c(() => {
+		let e = [];
+		for (let t = -180; t < 180; t += 30) {
+			let n = [];
+			for (let e = 0; e <= 48; e++) n.push(m(-90 + 180 * e / 48, t));
+			e.push(n);
+		}
+		for (let t = -60; t <= 60; t += 30) {
+			let n = [];
+			for (let e = 0; e <= 48; e++) n.push(m(t, -180 + 360 * e / 48));
+			e.push(n);
+		}
+		return e;
+	}, []), me = c(() => i.map((e) => {
+		let t = [];
+		for (let n = 0; n < e.length; n += 2) t.push(m(e[n + 1], e[n]));
+		return t;
+	}), []), X = (e) => ({
+		x: q + K * e[0],
+		y: J - K * e[1]
+	}), Z = "", Q = "";
+	if (x) for (let e of me) {
+		let t = e.map((e) => h(e, A.current.lng, A.current.lat)), n = t.length, r = !1;
+		for (let e of t) if (e[2] > 0) {
+			let t = X(e);
+			Q += `${r ? "L" : "M"}${t.x.toFixed(1)},${t.y.toFixed(1)}`, r = !0;
+		} else r = !1;
+		let i = [];
+		for (let e = 0; e < n; e++) {
+			let r = t[e], a = t[(e + 1) % n], o = r[2] > 0, s = a[2] > 0;
+			if (o && i.push({
+				v: r,
+				edge: !1
+			}), o !== s) {
+				let e = r[2] / (r[2] - a[2]);
+				i.push({
+					v: [
+						r[0] + (a[0] - r[0]) * e,
+						r[1] + (a[1] - r[1]) * e,
+						0
+					],
+					edge: !0
+				});
+			}
+		}
+		if (i.length >= 3) {
+			let e = (e, t) => {
+				let n = X(t.v);
+				if (e.edge && t.edge) {
+					let t = Math.atan2(X(e.v).y - J, X(e.v).x - q), r = Math.atan2(n.y - J, n.x - q) - t;
+					for (; r > Math.PI;) r -= 2 * Math.PI;
+					for (; r < -Math.PI;) r += 2 * Math.PI;
+					let i = +(r > 0);
+					return `A${K.toFixed(1)},${K.toFixed(1)} 0 0 ${i} ${n.x.toFixed(1)},${n.y.toFixed(1)}`;
+				}
+				return `L${n.x.toFixed(1)},${n.y.toFixed(1)}`;
+			}, t = X(i[0].v);
+			Z += `M${t.x.toFixed(1)},${t.y.toFixed(1)}`;
+			for (let t = 1; t < i.length; t++) Z += e(i[t - 1], i[t]);
+			Z += e(i[i.length - 1], i[0]), Z += "Z";
+		}
+	}
+	let he = (e) => {
+		let t = "", n = !1;
+		for (let r of e) {
+			let e = Y(r);
+			e.z > 0 ? (t += `${n ? "L" : "M"}${e.x.toFixed(1)},${e.y.toFixed(1)}`, n = !0) : n = !1;
+		}
+		return t;
+	}, ge = Math.max(1, ...a.map((e) => e.value ?? 0)), _e = a.map((e, t) => {
+		let n = Y(m(e.lat, e.lng));
+		return {
+			...e,
+			i: t,
+			p: n,
+			vis: n.z > 0,
+			r: 3 + Math.max(0, e.value ?? 0) / ge * 6,
+			col: e.color ?? y
+		};
+	}), $ = B == null ? null : a[B], ve = p.map((e, t) => {
+		let n = m(e.from.lat, e.from.lng), r = m(e.to.lat, e.to.lng), i = "", a = !1;
+		for (let e = 0; e <= 40; e++) {
+			let t = e / 40, o = ee(n, r, t), s = 1 + .34 * Math.sin(Math.PI * t), c = h(o, A.current.lng, A.current.lat), l = Y([
+				o[0] * s,
+				o[1] * s,
+				o[2] * s
+			]);
+			c[2] > -.05 ? (i += `${a ? "L" : "M"}${l.x.toFixed(1)},${l.y.toFixed(1)}`, a = !0) : a = !1;
+		}
+		let o = k.current ? .5 : (I.current * .16 + t * .27) % 1, s = ee(n, r, o), c = 1 + .34 * Math.sin(Math.PI * o), l = h(s, A.current.lng, A.current.lat), u = Y([
+			s[0] * c,
+			s[1] * c,
+			s[2] * c
+		]), d = $ != null && (g(e.from, $) || g(e.to, $));
+		return {
+			d: i,
+			col: e.color ?? y,
+			i: t,
+			flow: {
+				...u,
+				vis: l[2] > 0
+			},
+			active: d
+		};
+	}), ye = $ != null, be = re ? [...a].sort((e, t) => (t.value ?? 0) - (e.value ?? 0)).slice(0, 6) : [];
+	return /* @__PURE__ */ f("div", {
+		ref: oe,
+		...ae,
+		className: `select-globe${C ? " " + C : ""}`,
+		children: [/* @__PURE__ */ f("div", {
+			ref: D,
+			className: `select-globe__stage${le ? " is-grabbing" : ""}`,
+			style: {
+				width: ie ? "100%" : `${_ / 16}rem`,
+				aspectRatio: "1"
+			},
+			onPointerEnter: () => {
+				F.current = !0;
+			},
+			onPointerLeave: (e) => {
+				F.current = !1, G(e), V(null), E.hide(), H();
+			},
+			onPointerDown: de,
+			onPointerMove: fe,
+			onPointerUp: G,
+			children: [/* @__PURE__ */ f("svg", {
+				width: O,
+				height: O,
+				viewBox: `0 0 ${O} ${O}`,
+				className: "select-chart",
+				children: [
+					/* @__PURE__ */ f("defs", { children: [
+						/* @__PURE__ */ f("radialGradient", {
+							id: `${T}-sphere`,
+							cx: "35%",
+							cy: "32%",
+							r: "80%",
+							children: [/* @__PURE__ */ d("stop", {
+								offset: "0%",
+								stopColor: y,
+								stopOpacity: .1
+							}), /* @__PURE__ */ d("stop", {
+								offset: "100%",
+								stopColor: y,
+								stopOpacity: .52
+							})]
+						}),
+						/* @__PURE__ */ f("radialGradient", {
+							id: `${T}-glow`,
+							cx: "35%",
+							cy: "28%",
+							r: "36%",
+							children: [/* @__PURE__ */ d("stop", {
+								offset: "0%",
+								stopColor: y,
+								stopOpacity: .5
+							}), /* @__PURE__ */ d("stop", {
+								offset: "100%",
+								stopColor: y,
+								stopOpacity: 0
+							})]
+						}),
+						/* @__PURE__ */ f("radialGradient", {
+							id: `${T}-spec`,
+							cx: "35%",
+							cy: "28%",
+							r: "36%",
+							children: [/* @__PURE__ */ d("stop", {
+								offset: "0%",
+								stopColor: "white",
+								stopOpacity: .18
+							}), /* @__PURE__ */ d("stop", {
+								offset: "100%",
+								stopColor: "white",
+								stopOpacity: 0
+							})]
+						}),
+						/* @__PURE__ */ f("radialGradient", {
+							id: `${T}-atmo`,
+							cx: "50%",
+							cy: "50%",
+							r: "50%",
+							children: [
+								/* @__PURE__ */ d("stop", {
+									offset: "68%",
+									stopColor: y,
+									stopOpacity: 0
+								}),
+								/* @__PURE__ */ d("stop", {
+									offset: "84%",
+									stopColor: y,
+									stopOpacity: .3
+								}),
+								/* @__PURE__ */ d("stop", {
+									offset: "100%",
+									stopColor: y,
+									stopOpacity: 0
+								})
+							]
+						}),
+						/* @__PURE__ */ f("linearGradient", {
+							id: `${T}-arc`,
+							x1: "0",
+							y1: "0",
+							x2: "0",
+							y2: "1",
+							children: [/* @__PURE__ */ d("stop", {
+								offset: "0%",
+								stopColor: y,
+								stopOpacity: .95
+							}), /* @__PURE__ */ d("stop", {
+								offset: "100%",
+								stopColor: y,
+								stopOpacity: .3
+							})]
+						}),
+						/* @__PURE__ */ d("clipPath", {
+							id: `${T}-clip`,
+							children: /* @__PURE__ */ d("circle", {
+								cx: q,
+								cy: J,
+								r: K
+							})
+						})
+					] }),
+					/* @__PURE__ */ d("circle", {
+						cx: q,
+						cy: J,
+						r: K + 24,
+						fill: `url(#${T}-atmo)`
+					}),
+					/* @__PURE__ */ d("circle", {
+						cx: q,
+						cy: J,
+						r: K,
+						fill: `url(#${T}-sphere)`,
+						stroke: `color-mix(in srgb, ${y} 40%, transparent)`,
+						strokeWidth: 1
+					}),
+					/* @__PURE__ */ d("circle", {
+						cx: q,
+						cy: J,
+						r: K,
+						fill: `url(#${T}-glow)`
+					}),
+					/* @__PURE__ */ d("circle", {
+						cx: q,
+						cy: J,
+						r: K,
+						fill: `url(#${T}-spec)`
+					}),
+					/* @__PURE__ */ f("g", {
+						clipPath: `url(#${T}-clip)`,
+						children: [
+							x && Z && /* @__PURE__ */ d("path", {
+								d: Z,
+								className: "select-globe__land",
+								fill: `color-mix(in srgb, ${y} 38%, transparent)`
+							}),
+							x && Q && /* @__PURE__ */ d("path", {
+								d: Q,
+								className: "select-globe__coast",
+								fill: "none",
+								stroke: `color-mix(in srgb, ${y} 68%, transparent)`
+							}),
+							pe.map((e, t) => /* @__PURE__ */ d("path", {
+								d: he(e),
+								className: "select-globe__grid"
+							}, `g${t}`)),
+							ve.map((e) => /* @__PURE__ */ f("g", {
+								className: "select-globe__arcgrp",
+								style: { opacity: ye && !e.active ? .18 : 1 },
+								children: [/* @__PURE__ */ d("path", {
+									d: e.d,
+									className: "select-globe__arc",
+									stroke: e.col === y ? `url(#${T}-arc)` : e.col,
+									strokeWidth: e.active ? 2.5 : 1.75
+								}), e.flow.vis && /* @__PURE__ */ d("circle", {
+									cx: e.flow.x,
+									cy: e.flow.y,
+									r: e.active ? 3 : 2.2,
+									fill: e.col,
+									className: "select-globe__flow",
+									style: { filter: `drop-shadow(0 0 4px ${e.col})` }
+								})]
+							}, `a${e.i}`))
+						]
+					}),
+					_e.filter((e) => e.vis).map((e) => {
+						let t = B === e.i;
+						return /* @__PURE__ */ f("g", {
+							style: { opacity: ye && !t ? .45 : 1 },
+							children: [
+								/* @__PURE__ */ d("circle", {
+									cx: e.p.x,
+									cy: e.p.y,
+									r: e.r,
+									fill: e.col,
+									className: "select-globe__pulse"
+								}),
+								t && /* @__PURE__ */ d("circle", {
+									cx: e.p.x,
+									cy: e.p.y,
+									r: e.r + 4,
+									fill: "none",
+									stroke: e.col,
+									strokeWidth: 1.5,
+									opacity: .6
+								}),
+								/* @__PURE__ */ d("circle", {
+									cx: e.p.x,
+									cy: e.p.y,
+									r: t ? e.r + 1.5 : e.r,
+									fill: e.col,
+									className: "select-globe__point",
+									onPointerEnter: () => {
+										V(e.i), E.show({
+											x: e.p.x,
+											y: e.p.y - e.r - 4,
+											place: e.p.y < J ? "bottom" : "top",
+											title: e.label,
+											rows: e.value == null ? [] : [{
+												label: "Volume",
+												value: b(e.value),
+												color: e.col
+											}]
+										});
+									},
+									onPointerLeave: () => {
+										V(null), E.hide();
+									},
+									onClick: () => {
+										N.current = {
+											lng: -e.lng,
+											lat: v
+										}, H();
+									}
+								})
+							]
+						}, `m${e.i}`);
+					})
+				]
+			}), /* @__PURE__ */ d(n, { tip: E.tip })]
+		}), be.length > 0 && /* @__PURE__ */ d("ul", {
+			className: "select-donut__legend",
+			children: be.map((e, t) => /* @__PURE__ */ f("li", {
+				className: "select-donut__legitem",
+				children: [
+					/* @__PURE__ */ d("span", {
+						className: "select-donut__dot",
+						style: { background: e.color ?? y }
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "select-donut__leglabel",
+						children: e.label
+					}),
+					e.value != null && /* @__PURE__ */ d("span", {
+						className: "select-donut__legval",
+						children: b(e.value)
+					})
+				]
+			}, t))
+		})]
+	});
+});
+//#endregion
+export { _ as SelectGlobe };
+
+//# sourceMappingURL=SelectGlobe.js.map

package/dist/SelectHeatmap.js

@@ -0,0 +1,76 @@
+/* empty css           */
+import { formatCompact as e } from "./chartUtils.js";
+import { FloatingChartTooltip as t, useChartTooltip as n } from "./chartTip.js";
+import { Fragment as r, forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/SelectHeatmap.tsx
+var s = i(function({ columns: i, rows: s, format: c = e, formatValue: l, color: u = "var(--select-chart-1)", showValues: d = !0, min: f, max: p, cellSize: m = 40, maxCellSize: h = 96, cellHeight: g = 30, columnLabelEvery: _ = 1, className: v, ...y }, b) {
+	let x = n(), S = s.flatMap((e) => e.values).filter((e) => e != null && Number.isFinite(e)), C = f ?? (S.length ? Math.min(...S) : 0), w = (p ?? (S.length ? Math.max(...S) : 1)) - C || 1, T = { "--heat-color": u }, E = {
+		gridTemplateColumns: `minmax(56px, max-content) repeat(${i.length}, minmax(${m}px, ${Math.max(m, h)}px))`,
+		width: "fit-content",
+		maxWidth: "100%",
+		minWidth: 0
+	}, D = {
+		minHeight: g,
+		...g >= 40 ? { fontSize: "0.8125rem" } : null
+	};
+	return /* @__PURE__ */ o("div", {
+		ref: b,
+		...y,
+		className: `select-chart-wrap select-heatmap${v ? " " + v : ""}`,
+		style: T,
+		children: [/* @__PURE__ */ o("div", {
+			className: "select-heatmap__grid",
+			style: E,
+			children: [
+				/* @__PURE__ */ a("div", { className: "select-heatmap__corner" }),
+				i.map((e, t) => /* @__PURE__ */ a("div", {
+					className: "select-heatmap__colhead",
+					children: t % Math.max(1, Math.floor(_)) === 0 ? e : null
+				}, e)),
+				s.map((e) => /* @__PURE__ */ o(r, { children: [/* @__PURE__ */ a("div", {
+					className: "select-heatmap__rowhead",
+					children: e.label
+				}), e.values.map((t, n) => {
+					let r = `${e.label}-${i[n] ?? n}`;
+					if (t == null || !Number.isFinite(t)) return /* @__PURE__ */ a("div", {
+						className: "select-heatmap__cell select-heatmap__cell--empty",
+						style: D
+					}, r);
+					let o = Math.max(0, Math.min(1, (t - C) / w)), s = Math.round((.14 + o * .86) * 100), f = Math.max(6, s - 16);
+					return /* @__PURE__ */ a("div", {
+						className: "select-heatmap__cell",
+						style: {
+							...D,
+							background: `linear-gradient(150deg, color-mix(in srgb, ${u} ${f}%, transparent), color-mix(in srgb, ${u} ${s}%, transparent))`,
+							color: o > .55 ? "#fff" : "var(--select-text)"
+						},
+						onMouseEnter: (r) => {
+							let a = r.currentTarget.getBoundingClientRect(), o = a.top < 72 ? "bottom" : "top";
+							x.show({
+								x: a.left + a.width / 2,
+								y: o === "bottom" ? a.bottom : a.top,
+								place: o,
+								title: `${e.label} · ${i[n] ?? ""}`,
+								rows: [{
+									label: "Valor",
+									value: (l ?? c)(t),
+									color: u
+								}]
+							});
+						},
+						onMouseLeave: x.hide,
+						children: d ? c(t) : ""
+					}, r);
+				})] }, e.label))
+			]
+		}), /* @__PURE__ */ a(t, {
+			tip: x.tip,
+			onDismiss: x.hide
+		})]
+	});
+});
+//#endregion
+export { s as SelectHeatmap };
+
+//# sourceMappingURL=SelectHeatmap.js.map

package/dist/SelectHexbin.js

@@ -0,0 +1,59 @@
+/* empty css           */
+import { formatCompact as e, useChartSize as t } from "./chartUtils.js";
+import { ChartTooltip as n, useChartTooltip as r } from "./chartTip.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/SelectHexbin.tsx
+function o({ points: o, height: s = 240, radius: c = 16, color: l = "var(--select-chart-1)", xMax: u, yMax: d, format: f = e, className: p, ...m }) {
+	let { ref: h, width: g } = t(s), _ = r(), v = Math.max(0, g - 24), y = s - 24, b = u ?? Math.max(1, ...o.map((e) => e.x)), x = d ?? Math.max(1, ...o.map((e) => e.y)), S = (e) => 12 + e / b * v, C = (e) => 12 + y - e / x * y, w = c, T = Math.sqrt(3), E = (e, t) => {
+		let n = e, r = t, i = -n - r, a = Math.round(n), o = Math.round(i), s = Math.round(r), c = Math.abs(a - n), l = Math.abs(o - i), u = Math.abs(s - r);
+		return c > l && c > u ? a = -o - s : l > u ? o = -a - s : s = -a - o, [a, s];
+	}, D = (e, t) => [w * T * (e + t / 2), 3 / 2 * w * t], O = (e, t) => {
+		let n = "";
+		for (let r = 0; r < 6; r++) {
+			let i = Math.PI / 180 * (60 * r - 30);
+			n += `${r === 0 ? "M" : "L"}${(e + w * Math.cos(i)).toFixed(1)},${(t + w * Math.sin(i)).toFixed(1)}`;
+		}
+		return n + "Z";
+	}, k = /* @__PURE__ */ new Map();
+	for (let e of o) {
+		let t = S(e.x), n = C(e.y), [r, i] = E((T / 3 * t - 1 / 3 * n) / w, 2 / 3 * n / w), a = `${r},${i}`;
+		k.set(a, (k.get(a) ?? 0) + 1);
+	}
+	let A = Math.max(1, ...k.values());
+	return /* @__PURE__ */ a("div", {
+		...m,
+		className: `select-chart-wrap${p ? " " + p : ""}`,
+		ref: h,
+		children: [g > 0 && /* @__PURE__ */ i("svg", {
+			width: g,
+			height: s,
+			className: "select-chart",
+			children: [...k].map(([e, t]) => {
+				let [n, r] = e.split(",").map(Number), [a, o] = D(n, r), s = t / A, c = Math.round((.16 + s * .84) * 100);
+				return /* @__PURE__ */ i("path", {
+					d: O(a, o),
+					className: "select-chart__calcell",
+					style: {
+						fill: `color-mix(in srgb, ${l} ${c}%, transparent)`,
+						"--heat-color": l
+					},
+					onMouseEnter: () => _.show({
+						x: a,
+						y: o - w,
+						place: o - w < 52 ? "bottom" : "top",
+						rows: [{
+							label: "Pontos",
+							value: f(t),
+							color: l
+						}]
+					}),
+					onMouseLeave: _.hide
+				}, e);
+			})
+		}), /* @__PURE__ */ i(n, { tip: _.tip })]
+	});
+}
+//#endregion
+export { o as SelectHexbin };
+
+//# sourceMappingURL=SelectHexbin.js.map