@selectwin/kit 0.1.185 → 0.1.186

package/dist/SelectHeatmap.d.ts

@@ -28,6 +28,9 @@ type SelectHeatmapOwnProps = {
      *  print money/percent INSIDE the cell read better at 40+ — from 40 up the value font
      *  scales up automatically. */
     cellHeight?: number;
+    /** Print a column header only every N columns (the first, then every Nth). For dense axes like 24 hours, where
+     *  every label side by side runs together ("10h11h12h"). The cell tooltip keeps the full column label. Default 1. */
+    columnLabelEvery?: number;
 };
 export type SelectHeatmapProps = SelectHeatmapOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectHeatmapOwnProps>;
 export declare const SelectHeatmap: import('react').ForwardRefExoticComponent<SelectHeatmapOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectHeatmapOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -15290,29 +15290,29 @@ var Xd = (e) => `${e.toLocaleString("pt-BR", { maximumFractionDigits: +(e < 10)
 			children: n
 		})]
 	});
-}), Qd = r(function({ columns: e, rows: n, format: r = Z, formatValue: i, color: a = "var(--select-chart-1)", showValues: o = !0, min: s, max: c, cellSize: l = 40, maxCellSize: u = 96, cellHeight: d = 30, className: f, ...p }, m) {
-	let h = Q(), g = n.flatMap((e) => e.values).filter((e) => e != null && Number.isFinite(e)), y = s ?? (g.length ? Math.min(...g) : 0), b = (c ?? (g.length ? Math.max(...g) : 1)) - y || 1, x = { "--heat-color": a }, S = {
+}), Qd = r(function({ columns: e, rows: n, format: r = Z, formatValue: i, color: a = "var(--select-chart-1)", showValues: o = !0, min: s, max: c, cellSize: l = 40, maxCellSize: u = 96, cellHeight: d = 30, columnLabelEvery: f = 1, className: p, ...m }, h) {
+	let g = Q(), y = n.flatMap((e) => e.values).filter((e) => e != null && Number.isFinite(e)), b = s ?? (y.length ? Math.min(...y) : 0), x = (c ?? (y.length ? Math.max(...y) : 1)) - b || 1, S = { "--heat-color": a }, C = {
 		gridTemplateColumns: `minmax(56px, max-content) repeat(${e.length}, minmax(${l}px, ${Math.max(l, u)}px))`,
 		width: "fit-content",
 		maxWidth: "100%",
 		minWidth: 0
-	}, C = {
+	}, w = {
 		minHeight: d,
 		...d >= 40 ? { fontSize: "0.8125rem" } : null
 	};
 	return /* @__PURE__ */ v("div", {
-		ref: m,
-		...p,
-		className: `select-chart-wrap select-heatmap${f ? " " + f : ""}`,
-		style: x,
+		ref: h,
+		...m,
+		className: `select-chart-wrap select-heatmap${p ? " " + p : ""}`,
+		style: S,
 		children: [/* @__PURE__ */ v("div", {
 			className: "select-heatmap__grid",
-			style: S,
+			style: C,
 			children: [
 				/* @__PURE__ */ _("div", { className: "select-heatmap__corner" }),
-				e.map((e) => /* @__PURE__ */ _("div", {
+				e.map((e, t) => /* @__PURE__ */ _("div", {
 					className: "select-heatmap__colhead",
-					children: e
+					children: t % Math.max(1, Math.floor(f)) === 0 ? e : null
 				}, e)),
 				n.map((n) => /* @__PURE__ */ v(t, { children: [/* @__PURE__ */ _("div", {
 					className: "select-heatmap__rowhead",
@@ -15321,19 +15321,19 @@ var Xd = (e) => `${e.toLocaleString("pt-BR", { maximumFractionDigits: +(e < 10)
 					let c = `${n.label}-${e[s] ?? s}`;
 					if (t == null || !Number.isFinite(t)) return /* @__PURE__ */ _("div", {
 						className: "select-heatmap__cell select-heatmap__cell--empty",
-						style: C
+						style: w
 					}, c);
-					let l = Math.max(0, Math.min(1, (t - y) / b)), u = Math.round((.14 + l * .86) * 100), d = Math.max(6, u - 16);
+					let l = Math.max(0, Math.min(1, (t - b) / x)), u = Math.round((.14 + l * .86) * 100), d = Math.max(6, u - 16);
 					return /* @__PURE__ */ _("div", {
 						className: "select-heatmap__cell",
 						style: {
-							...C,
+							...w,
 							background: `linear-gradient(150deg, color-mix(in srgb, ${a} ${d}%, transparent), color-mix(in srgb, ${a} ${u}%, transparent))`,
 							color: l > .55 ? "#fff" : "var(--select-text)"
 						},
 						onMouseEnter: (o) => {
 							let c = o.currentTarget.getBoundingClientRect(), l = c.top < 72 ? "bottom" : "top";
-							h.show({
+							g.show({
 								x: c.left + c.width / 2,
 								y: l === "bottom" ? c.bottom : c.top,
 								place: l,
@@ -15345,14 +15345,14 @@ var Xd = (e) => `${e.toLocaleString("pt-BR", { maximumFractionDigits: +(e < 10)
 								}]
 							});
 						},
-						onMouseLeave: h.hide,
+						onMouseLeave: g.hide,
 						children: o ? r(t) : ""
 					}, c);
 				})] }, n.label))
 			]
 		}), /* @__PURE__ */ _(wd, {
-			tip: h.tip,
-			onDismiss: h.hide
+			tip: g.tip,
+			onDismiss: g.hide
 		})]
 	});
 }), $d = r(function({ tiles: e, color: t = "var(--select-chart-1)", tileSize: n = 36, gap: r = 5, format: i = (e) => String(e), legend: a = !0, className: o, style: s, ...c }, l) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selectwin/kit",
-  "version": "0.1.185",
+  "version": "0.1.186",
   "description": "Selectwin design-system kit — primitivos React, charts SVG e tokens (theme-aware, sem dependência de biblioteca de chart).",
   "type": "module",
   "repository": {