@selectwin/kit 0.1.197 → 0.1.198

package/dist/SelectBump.js

@@ -0,0 +1,93 @@
+/* empty css           */
+import { chartColor as e, formatCompact as t, smoothLinePath as n, useChartSize as r } from "./chartUtils.js";
+import { ChartTooltip as i, useChartTooltip as a } from "./chartTip.js";
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/SelectBump.tsx
+function l({ series: l, labels: u, height: d = 240, format: f = t, className: p, ...m }) {
+	let { ref: h, width: g } = r(d), _ = a(), [v, y] = o(null), b = {
+		top: 16,
+		right: 78,
+		bottom: 28,
+		left: 28
+	}, x = u.length, S = l.length, C = Math.max(0, g - b.left - b.right), w = d - b.top - b.bottom, T = l.map(() => Array(x).fill(0));
+	for (let e = 0; e < x; e++) l.map((t, n) => ({
+		si: n,
+		v: t.data[e] ?? 0
+	})).sort((e, t) => t.v - e.v).forEach((t, n) => {
+		T[t.si][e] = n + 1;
+	});
+	let E = (e) => b.left + (x <= 1 ? C / 2 : C / (x - 1) * e), D = (e) => b.top + (S <= 1 ? w / 2 : w / (S - 1) * (e - 1));
+	return /* @__PURE__ */ c("div", {
+		...m,
+		className: `select-chart-wrap${p ? " " + p : ""}`,
+		ref: h,
+		children: [g > 0 && /* @__PURE__ */ c("svg", {
+			width: g,
+			height: d,
+			className: "select-chart",
+			onMouseLeave: () => {
+				y(null), _.hide();
+			},
+			children: [u.map((e, t) => /* @__PURE__ */ s("text", {
+				x: E(t),
+				y: d - b.bottom + 16,
+				className: "select-chart__xlabel",
+				textAnchor: t === 0 ? "start" : t === x - 1 ? "end" : "middle",
+				children: e
+			}, t)), l.map((t, r) => {
+				let i = t.color ?? e(r), a = T[r].map((e, t) => [E(t), D(e)]);
+				return /* @__PURE__ */ c("g", {
+					style: { opacity: v === null || v === r ? 1 : .22 },
+					children: [
+						/* @__PURE__ */ s("path", {
+							d: n(a),
+							fill: "none",
+							stroke: i,
+							strokeWidth: v === r ? 3.5 : 2.5,
+							strokeLinecap: "round",
+							style: { cursor: "pointer" },
+							onMouseEnter: () => y(r)
+						}),
+						a.map((e, n) => /* @__PURE__ */ s("circle", {
+							cx: e[0],
+							cy: e[1],
+							r: v === r ? 5.5 : 4,
+							fill: i,
+							className: "select-chart__dot",
+							onMouseEnter: () => {
+								y(r), _.show({
+									x: e[0],
+									y: e[1] - 8,
+									place: "top",
+									title: t.name,
+									rows: [{
+										label: u[n] ?? "",
+										value: `#${T[r][n]} · ${f(t.data[n] ?? 0)}`,
+										color: i
+									}]
+								});
+							}
+						}, n)),
+						/* @__PURE__ */ s("text", {
+							x: E(x - 1) + 10,
+							y: D(T[r][x - 1]),
+							className: "select-chart__xlabel",
+							dominantBaseline: "middle",
+							textAnchor: "start",
+							style: {
+								fill: i,
+								fontWeight: 600
+							},
+							children: t.name
+						})
+					]
+				}, r);
+			})]
+		}), /* @__PURE__ */ s(i, { tip: _.tip })]
+	});
+}
+//#endregion
+export { l as SelectBump };
+
+//# sourceMappingURL=SelectBump.js.map

package/dist/SelectButton.js

@@ -0,0 +1,51 @@
+import { forwardRef as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/SelectButton.tsx
+var a = e(function({ variant: e = "primary", type: a = "button", size: o = "md", loading: s = !1, icon: c, trailingIcon: l, inline: u = !1, tone: d, disabled: f, onPointerDown: p, children: m, ...h }, g) {
+	let [_, v] = n([]), y = t(0), b = (e) => {
+		var t, n;
+		if (p == null || p(e), f || s || typeof window < "u" && (t = (n = window).matchMedia) != null && t.call(n, "(prefers-reduced-motion: reduce)").matches) return;
+		let r = e.currentTarget.getBoundingClientRect(), i = Math.max(r.width, r.height) * 2, a = y.current++;
+		v((t) => [...t, {
+			key: a,
+			style: {
+				width: i,
+				height: i,
+				left: e.clientX - r.left - i / 2,
+				top: e.clientY - r.top - i / 2
+			}
+		}]);
+	}, x = (e) => v((t) => t.filter((t) => t.key !== e));
+	return /* @__PURE__ */ i("button", {
+		ref: g,
+		type: a,
+		className: `select-btn select-btn--${e}${o === "md" ? "" : ` select-btn--${o}`}${u ? " select-btn--auto" : ""}${d === "critical" ? " select-btn--critical" : ""}`,
+		disabled: f || s,
+		onPointerDown: b,
+		...h,
+		children: [
+			_.map((e) => /* @__PURE__ */ r("span", {
+				className: "select-btn__ripple",
+				style: e.style,
+				"aria-hidden": "true",
+				onAnimationEnd: () => x(e.key)
+			}, e.key)),
+			s ? /* @__PURE__ */ r("span", {
+				className: "select-spinner",
+				"aria-hidden": "true"
+			}) : c && /* @__PURE__ */ r("span", {
+				className: "select-btn__icon",
+				children: c
+			}),
+			/* @__PURE__ */ r("span", { children: m }),
+			!s && l && /* @__PURE__ */ r("span", {
+				className: "select-btn__icon select-btn__icon--trailing",
+				children: l
+			})
+		]
+	});
+});
+//#endregion
+export { a as SelectButton };
+
+//# sourceMappingURL=SelectButton.js.map

package/dist/SelectCalendar.js

@@ -0,0 +1,450 @@
+import { SelectButton as e } from "./SelectButton.js";
+import { ChevronLeftIcon as t, ChevronRightIcon as n } from "./icons.js";
+import { SelectSegmented as r } from "./SelectSegmented.js";
+import { SelectIconButton as i } from "./SelectIconButton.js";
+import { useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/SelectCalendar.tsx
+var f = "America/Sao_Paulo", p = 864e5, m = 3, h = 3, g = [
+	"dom",
+	"seg",
+	"ter",
+	"qua",
+	"qui",
+	"sex",
+	"sáb"
+], _ = [
+	"janeiro",
+	"fevereiro",
+	"março",
+	"abril",
+	"maio",
+	"junho",
+	"julho",
+	"agosto",
+	"setembro",
+	"outubro",
+	"novembro",
+	"dezembro"
+], v = [
+	"jan.",
+	"fev.",
+	"mar.",
+	"abr.",
+	"mai.",
+	"jun.",
+	"jul.",
+	"ago.",
+	"set.",
+	"out.",
+	"nov.",
+	"dez."
+], y = (e) => String(e).padStart(2, "0"), b = (e, t, n) => {
+	let r = new Date(Date.UTC(e, t - 1, n));
+	return `${r.getUTCFullYear()}-${y(r.getUTCMonth() + 1)}-${y(r.getUTCDate())}`;
+}, x = (e) => {
+	let [t, n, r] = e.split("-").map(Number);
+	return [
+		t ?? 1970,
+		n ?? 1,
+		r ?? 1
+	];
+}, S = (e, t) => {
+	let [n, r, i] = x(e);
+	return b(n, r, i + t);
+}, C = (e) => {
+	let [t, n, r] = x(e);
+	return new Date(Date.UTC(t, n - 1, r)).getUTCDay();
+}, w = (e, t) => S(e, -((C(e) - t + 7) % 7)), T = (e, t) => {
+	let [n, r, i] = x(e), [a, o, s] = x(t);
+	return Math.round((Date.UTC(a, o - 1, s) - Date.UTC(n, r - 1, i)) / p);
+}, E = /* @__PURE__ */ new Map();
+function D(e, t) {
+	let n = E.get(t);
+	n || (n = new Intl.DateTimeFormat("en-CA", {
+		timeZone: t,
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit",
+		hourCycle: "h23"
+	}), E.set(t, n));
+	let r = {};
+	for (let t of n.formatToParts(e)) r[t.type] = t.value;
+	return {
+		key: `${r.year}-${r.month}-${r.day}`,
+		minutes: Number(r.hour) * 60 + Number(r.minute)
+	};
+}
+function O(e, t) {
+	let [n, r, i] = x(e), a = Date.UTC(n, r - 1, i), o = (e) => {
+		let n = D(new Date(e), t), [r, i, a] = x(n.key);
+		return Date.UTC(r, i - 1, a) + n.minutes * 6e4 - e;
+	}, s = a - o(a);
+	return new Date(a - o(s));
+}
+function k(e = f) {
+	return D(/* @__PURE__ */ new Date(), e).key;
+}
+function A(e, t, n) {
+	if (e === "week") {
+		let e = w(t, n);
+		return Array.from({ length: 7 }, (t, n) => S(e, n));
+	}
+	let [r, i] = x(t), a = w(b(r, i, 1), n), o = T(a, w(b(r, i + 1, 0), n)) + 7;
+	return Array.from({ length: o }, (e, t) => S(a, t));
+}
+function j(e, t, n = {}) {
+	let r = n.timeZone ?? f, i = A(e, t, n.weekStartsOn ?? 0);
+	return {
+		from: O(i[0], r).toISOString(),
+		to: O(S(i[i.length - 1], 1), r).toISOString(),
+		days: i
+	};
+}
+var M = (e) => typeof e == "string" ? e.slice(0, 10) : e.toISOString().slice(0, 10), N = (e) => `${y(Math.floor(e / 60))}:${y(e % 60)}`;
+function P(e, t) {
+	let n = /* @__PURE__ */ new Map(), r = (e) => {
+		let t = n.get(e.day);
+		t ? t.push(e) : n.set(e.day, [e]);
+	};
+	for (let n of e) {
+		if (n.allDay) {
+			let e = M(n.start), t = Math.max(1, Math.min(62, T(e, M(n.end))));
+			for (let i = 0; i < t; i++) r({
+				event: n,
+				day: S(e, i),
+				allDay: !0,
+				from: 0,
+				to: 1440,
+				label: "Dia inteiro"
+			});
+			continue;
+		}
+		let e = D(new Date(n.start), t), i = D(new Date(n.end), t);
+		i.minutes === 0 && i.key !== e.key && (i = {
+			key: S(i.key, -1),
+			minutes: 1440
+		});
+		let a = e.key === i.key ? `${N(e.minutes)} – ${N(i.minutes)}` : `${N(e.minutes)}`, o = Math.max(0, Math.min(62, T(e.key, i.key)));
+		for (let t = 0; t <= o; t++) r({
+			event: n,
+			day: S(e.key, t),
+			allDay: !1,
+			from: t === 0 ? e.minutes : 0,
+			to: t === o ? Math.max(i.minutes, t === 0 ? e.minutes : 0) : 1440,
+			label: a
+		});
+	}
+	for (let e of n.values()) e.sort((e, t) => Number(t.allDay) - Number(e.allDay) || e.from - t.from || t.to - e.to);
+	return n;
+}
+function F(e) {
+	let t = e.filter((e) => !e.allDay), n = [], r = [], i = -1, a = () => {
+		let e = r.reduce((e, t) => Math.max(e, t.col + 1), 1);
+		for (let t of r) n.push({
+			...t,
+			cols: e
+		});
+		r = [];
+	};
+	for (let e of t) {
+		let t = Math.max(e.to, e.from + 20);
+		r.length && e.from >= i && a();
+		let n = new Set(r.filter((t) => Math.max(t.piece.to, t.piece.from + 20) > e.from).map((e) => e.col)), o = 0;
+		for (; n.has(o);) o++;
+		r.push({
+			piece: e,
+			col: o
+		}), i = Math.max(i, t);
+	}
+	return r.length && a(), n;
+}
+var I = (e) => e.color ? { "--select-cal-color": e.color } : void 0, L = (e) => e.status === "cancelled" ? " is-cancelled" : e.status === "tentative" ? " is-tentative" : "", R = (e) => `${e.event.title}, ${e.label}${e.event.status === "cancelled" ? ", cancelada" : e.event.status === "tentative" ? ", talvez" : ""}`;
+function z({ event: e }) {
+	return e.status === "tentative" ? /* @__PURE__ */ u("span", {
+		className: "select-calendar__maybe",
+		children: "talvez"
+	}) : null;
+}
+function B({ piece: e, onClick: t }) {
+	let n = e.event;
+	return /* @__PURE__ */ d(t ? "button" : "div", {
+		...t ? {
+			type: "button",
+			onClick: () => t(n.id)
+		} : {},
+		className: `select-calendar__chip${e.allDay ? " select-calendar__chip--allday" : ""}${L(n)}`,
+		style: I(n),
+		"aria-label": R(e),
+		title: R(e),
+		children: [
+			e.allDay ? null : /* @__PURE__ */ u("span", {
+				className: "select-calendar__chiptime",
+				children: N(e.from)
+			}),
+			/* @__PURE__ */ u("span", {
+				className: "select-calendar__chiptitle",
+				children: n.title
+			}),
+			/* @__PURE__ */ u(z, { event: n })
+		]
+	});
+}
+function V({ n: e }) {
+	return /* @__PURE__ */ d(l, { children: [`+${e}`, /* @__PURE__ */ u("span", {
+		className: "select-calendar__moreword",
+		children: ` ${e === 1 ? "outro" : "outros"}`
+	})] });
+}
+function H(e, t, n) {
+	if (e === "month") {
+		let [e, n] = x(t);
+		return `${_[n - 1]} de ${e}`;
+	}
+	let [r, i, a] = x(n[0]), [o, s, c] = x(n[n.length - 1]);
+	return r === o && i === s ? `${a} – ${c} de ${_[i - 1]} de ${o}` : r === o ? `${a} de ${v[i - 1]} – ${c} de ${v[s - 1]} de ${o}` : `${a} de ${v[i - 1]} de ${r} – ${c} de ${v[s - 1]} de ${o}`;
+}
+function U({ view: a, date: s, events: c, onViewChange: p, onDateChange: m, onEventClick: h, onDayClick: g, timeZone: _ = f, weekStartsOn: v = 0, actions: y, loading: C = !1, scrollToHour: w = 8, className: T }) {
+	let E = o(() => A(a, s, v), [
+		a,
+		s,
+		v
+	]), D = o(() => P(c, _), [c, _]), O = k(_), [, j] = x(s), M = (e) => {
+		if (m) {
+			if (a === "week") m(S(s, 7 * e));
+			else {
+				let [t, n] = x(s);
+				m(b(t, n + e, 1));
+			}
+		}
+	};
+	return /* @__PURE__ */ d("div", {
+		className: `select-calendar${C ? " is-loading" : ""}${T ? " " + T : ""}`,
+		"aria-busy": C || void 0,
+		children: [/* @__PURE__ */ d("div", {
+			className: "select-calendar__bar",
+			children: [/* @__PURE__ */ d("div", {
+				className: "select-calendar__nav",
+				children: [m ? /* @__PURE__ */ d(l, { children: [
+					/* @__PURE__ */ u(i, {
+						icon: /* @__PURE__ */ u(t, {}),
+						label: a === "week" ? "Semana anterior" : "Mês anterior",
+						variant: "outline",
+						size: "sm",
+						onClick: () => M(-1)
+					}),
+					/* @__PURE__ */ u(i, {
+						icon: /* @__PURE__ */ u(n, {}),
+						label: a === "week" ? "Próxima semana" : "Próximo mês",
+						variant: "outline",
+						size: "sm",
+						onClick: () => M(1)
+					}),
+					/* @__PURE__ */ u(e, {
+						variant: "secondary",
+						size: "sm",
+						inline: !0,
+						onClick: () => m(O),
+						children: "Hoje"
+					})
+				] }) : null, /* @__PURE__ */ u("h3", {
+					className: "select-calendar__title",
+					"aria-live": "polite",
+					children: H(a, s, E)
+				})]
+			}), /* @__PURE__ */ d("div", {
+				className: "select-calendar__tools",
+				children: [y, p ? /* @__PURE__ */ u(r, {
+					value: a,
+					onChange: (e) => p(e),
+					options: [{
+						value: "month",
+						label: "Mês"
+					}, {
+						value: "week",
+						label: "Semana"
+					}],
+					ariaLabel: "Vista da agenda"
+				}) : null]
+			})]
+		}), a === "month" ? /* @__PURE__ */ u(W, {
+			days: E,
+			month: j,
+			today: O,
+			pieces: D,
+			onEventClick: h,
+			onDayClick: g
+		}) : /* @__PURE__ */ u(G, {
+			days: E,
+			today: O,
+			pieces: D,
+			timeZone: _,
+			onEventClick: h,
+			scrollToHour: w
+		})]
+	});
+}
+function W({ days: e, month: t, today: n, pieces: r, onEventClick: i, onDayClick: a }) {
+	return /* @__PURE__ */ d("div", {
+		className: "select-calendar__month",
+		children: [/* @__PURE__ */ u("div", {
+			className: "select-calendar__dows",
+			"aria-hidden": "true",
+			children: e.slice(0, 7).map((e) => /* @__PURE__ */ u("span", {
+				className: "select-calendar__dow",
+				children: g[C(e)]
+			}, e))
+		}), /* @__PURE__ */ u("div", {
+			className: "select-calendar__cells",
+			role: "list",
+			children: e.map((e) => {
+				let o = r.get(e) ?? [], s = o.length > m ? o.slice(0, 2) : o, c = o.length - s.length, [, l, f] = x(e), p = `${f} de ${_[l - 1]}${o.length ? `, ${o.length} ${o.length === 1 ? "evento" : "eventos"}` : ""}`;
+				return /* @__PURE__ */ d("div", {
+					role: "listitem",
+					"aria-label": p,
+					className: `select-calendar__cell${l === t ? "" : " select-calendar__cell--out"}${e === n ? " select-calendar__cell--today" : ""}`,
+					children: [a ? /* @__PURE__ */ u("button", {
+						type: "button",
+						className: "select-calendar__daynum",
+						onClick: () => a(e),
+						"aria-label": `Ver a semana de ${f} de ${_[l - 1]}`,
+						children: f
+					}) : /* @__PURE__ */ u("span", {
+						className: "select-calendar__daynum",
+						children: f
+					}), /* @__PURE__ */ d("div", {
+						className: "select-calendar__dayevents",
+						children: [s.map((t) => /* @__PURE__ */ u(B, {
+							piece: t,
+							onClick: i
+						}, `${t.event.id}:${e}`)), c > 0 ? a ? /* @__PURE__ */ u("button", {
+							type: "button",
+							className: "select-calendar__more",
+							onClick: () => a(e),
+							"aria-label": `Mais ${c} em ${f} de ${_[l - 1]}`,
+							children: /* @__PURE__ */ u(V, { n: c })
+						}) : /* @__PURE__ */ u("span", {
+							className: "select-calendar__more",
+							children: /* @__PURE__ */ u(V, { n: c })
+						}) : null]
+					})]
+				}, e);
+			})
+		})]
+	});
+}
+function G({ days: e, today: t, pieces: n, timeZone: r, onEventClick: i, scrollToHour: o }) {
+	let l = s(null), [f, p] = c(() => D(/* @__PURE__ */ new Date(), r).minutes);
+	a(() => {
+		let e = l.current;
+		if (!e) return;
+		let t = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
+		e.scrollTop = Math.max(0, o * h * t - t);
+	}, [o]), a(() => {
+		let e = setInterval(() => p(D(/* @__PURE__ */ new Date(), r).minutes), 6e4);
+		return () => clearInterval(e);
+	}, [r]);
+	let m = e.some((e) => (n.get(e) ?? []).some((e) => e.allDay));
+	return /* @__PURE__ */ d("div", {
+		className: "select-calendar__week",
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "select-calendar__weekhead",
+				children: [/* @__PURE__ */ u("span", {
+					className: "select-calendar__gutter",
+					"aria-hidden": "true"
+				}), e.map((e) => {
+					let [, , n] = x(e);
+					return /* @__PURE__ */ d("span", {
+						className: `select-calendar__weekday${e === t ? " select-calendar__weekday--today" : ""}`,
+						children: [/* @__PURE__ */ u("span", {
+							className: "select-calendar__weekdow",
+							children: g[C(e)]
+						}), /* @__PURE__ */ u("span", {
+							className: "select-calendar__weeknum",
+							children: n
+						})]
+					}, e);
+				})]
+			}),
+			m ? /* @__PURE__ */ d("div", {
+				className: "select-calendar__alldayrow",
+				children: [/* @__PURE__ */ u("span", {
+					className: "select-calendar__gutter select-calendar__gutter--label",
+					children: "dia inteiro"
+				}), e.map((e) => /* @__PURE__ */ u("div", {
+					className: "select-calendar__allday",
+					children: (n.get(e) ?? []).filter((e) => e.allDay).map((e) => /* @__PURE__ */ u(B, {
+						piece: e,
+						onClick: i
+					}, e.event.id))
+				}, e))]
+			}) : null,
+			/* @__PURE__ */ u("div", {
+				className: "select-calendar__scroll",
+				ref: l,
+				children: /* @__PURE__ */ d("div", {
+					className: "select-calendar__timegrid",
+					style: { height: "72rem" },
+					children: [/* @__PURE__ */ u("div", {
+						className: "select-calendar__gutter",
+						"aria-hidden": "true",
+						children: Array.from({ length: 24 }, (e, t) => /* @__PURE__ */ u("span", {
+							className: "select-calendar__hour",
+							style: { top: `${t * h}rem` },
+							children: t === 0 ? "" : `${y(t)}:00`
+						}, t))
+					}), e.map((e) => /* @__PURE__ */ d("div", {
+						className: `select-calendar__col${e === t ? " select-calendar__col--today" : ""}`,
+						children: [F(n.get(e) ?? []).map(({ piece: e, col: t, cols: n }) => {
+							let r = e.event, a = Math.max(e.to - e.from, 20), o = {
+								...I(r),
+								top: `${e.from / 60 * h}rem`,
+								height: `${a / 60 * h}rem`,
+								left: `calc(${t / n * 100}% + 2px)`,
+								width: `calc(${100 / n}% - 4px)`
+							};
+							return /* @__PURE__ */ d(i ? "button" : "div", {
+								...i ? {
+									type: "button",
+									onClick: () => i(r.id)
+								} : {},
+								className: `select-calendar__block${a < 45 ? " select-calendar__block--short" : ""}${L(r)}`,
+								style: o,
+								"aria-label": R(e),
+								title: R(e),
+								children: [
+									/* @__PURE__ */ d("span", {
+										className: "select-calendar__blocktitle",
+										children: [/* @__PURE__ */ u("span", {
+											className: "select-calendar__blockname",
+											children: r.title
+										}), /* @__PURE__ */ u(z, { event: r })]
+									}),
+									/* @__PURE__ */ u("span", {
+										className: "select-calendar__blocktime",
+										children: e.label
+									}),
+									r.detail && a >= 60 ? /* @__PURE__ */ u("span", {
+										className: "select-calendar__blockdetail",
+										children: r.detail
+									}) : null
+								]
+							}, r.id);
+						}), e === t ? /* @__PURE__ */ u("span", {
+							className: "select-calendar__now",
+							style: { top: `${f / 60 * h}rem` },
+							"aria-hidden": "true"
+						}) : null]
+					}, e))]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { U as SelectCalendar, j as calendarRange, k as calendarToday };
+
+//# sourceMappingURL=SelectCalendar.js.map

package/dist/SelectCalendarHeatmap.js

@@ -0,0 +1,84 @@
+/* empty css           */
+import { formatCompact as e } from "./chartUtils.js";
+import { ChartTooltip as t, useChartTooltip as n } from "./chartTip.js";
+import { forwardRef as r, useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/SelectCalendarHeatmap.tsx
+var s = r(function({ weeks: r, color: s = "var(--select-chart-4)", dayLabels: c = [
+	"Seg",
+	"",
+	"Qua",
+	"",
+	"Sex",
+	"",
+	"Dom"
+], columnLabels: l, format: u = e, cell: d = 14, gap: f = 3, min: p, max: m, className: h, ...g }, _) {
+	let v = n();
+	i();
+	let y = r.flat().filter((e) => e != null && Number.isFinite(e)), b = p ?? (y.length ? Math.min(...y) : 0), x = (m ?? (y.length ? Math.max(...y) : 1)) - b || 1, S = l ? 16 : 4, C = d + f, w = 30 + r.length * C, T = S + 7 * C, E = { "--heat-color": s };
+	return /* @__PURE__ */ o("div", {
+		ref: _,
+		...g,
+		className: `select-chart-wrap select-calheat${h ? " " + h : ""}`,
+		style: E,
+		children: [/* @__PURE__ */ o("svg", {
+			width: w,
+			height: T,
+			className: "select-chart",
+			children: [
+				c.map((e, t) => e ? /* @__PURE__ */ a("text", {
+					x: 24,
+					y: S + t * C + d / 2,
+					className: "select-chart__xlabel",
+					dominantBaseline: "middle",
+					textAnchor: "end",
+					children: e
+				}, t) : null),
+				l == null ? void 0 : l.map((e, t) => e ? /* @__PURE__ */ a("text", {
+					x: 30 + t * C,
+					y: S - 4,
+					className: "select-chart__xlabel",
+					textAnchor: "start",
+					children: e
+				}, t) : null),
+				r.map((e, t) => e.map((e, n) => {
+					let r = 30 + t * C, i = S + n * C;
+					if (e == null || !Number.isFinite(e)) return /* @__PURE__ */ a("rect", {
+						x: r,
+						y: i,
+						width: d,
+						height: d,
+						rx: 3,
+						className: "select-chart__calcell select-chart__calcell--empty"
+					}, `${t}-${n}`);
+					let o = Math.max(0, Math.min(1, (e - b) / x)), f = Math.round((.14 + o * .86) * 100);
+					return /* @__PURE__ */ a("rect", {
+						x: r,
+						y: i,
+						width: d,
+						height: d,
+						rx: 3,
+						className: "select-chart__calcell",
+						style: { fill: `color-mix(in srgb, ${s} ${f}%, transparent)` },
+						onMouseEnter: () => v.show({
+							x: r + d / 2,
+							y: i,
+							place: i < 44 ? "bottom" : "top",
+							title: `${c[n] || `Dia ${n + 1}`}${l != null && l[t] ? ` · ${l[t]}` : ` · sem ${t + 1}`}`,
+							rows: [{
+								label: "Valor",
+								value: u(e),
+								color: s
+							}]
+						}),
+						onMouseLeave: v.hide
+					}, `${t}-${n}`);
+				}))
+			]
+		}), /* @__PURE__ */ a(t, { tip: v.tip })]
+	});
+});
+//#endregion
+export { s as SelectCalendarHeatmap };
+
+//# sourceMappingURL=SelectCalendarHeatmap.js.map