@usetheo/ui 0.32.0 → 0.34.0

package/dist/components/composites/trend-chart/index.d.ts

@@ -1 +1 @@
-export { linScale, niceMax, seriesPath, TrendChart, type TrendChartProps, type TrendPoint, type TrendSeries, } from "./trend-chart.js";
+export { linScale, markedPoints, niceMax, seriesPath, TrendChart, type TrendChartProps, type TrendPoint, type TrendSeries, } from "./trend-chart.js";

package/dist/components/composites/trend-chart/trend-chart.d.ts

@@ -50,6 +50,29 @@ export declare function niceMax(values: number[]): number;
  * marker is what makes it visible.
  */
 export declare function seriesPath(points: TrendPoint[], xScale: (x: number) => number, yScale: (y: number) => number): string;
+/**
+ * Quais pontos recebem marcador.
+ *
+ * Duas razões distintas para marcar, e a segunda só apareceu quando séries com lacuna passaram a
+ * existir (M144):
+ *
+ * 1. **Série esparsa** (< `SPARSE_MARKER_MAX` pontos FINITOS) — 1-4 pontos leem como um penhasco
+ *    dramático; o marcador ancora o leitor no dado real. Regra do M76 — que passou a contar dado,
+ *    não slot, porque a densificação do M144 desfez a equivalência entre os dois.
+ * 2. **Ponto isolado** — um ponto finito cercado de lacunas dos dois lados vira um `M` sozinho no
+ *    `path`, e um `M` sozinho **desenha nada**: bounding-box zero, invisível. O dado existe, está
+ *    correto, e o operador não vê. Medido no e2e do M144 (`d="M419.86,92.00 M448.00,36.00"`).
+ *
+ * A regra antiga só cobria (1), chaveando no TOTAL de pontos em vez de perguntar se o ponto de fato
+ * é desenhado — apesar de o comentário dela já declarar a intenção *"a dot keeps real data from
+ * rendering as an invisible line"*. Depois da densificação, uma série de 30 dias com dois dias
+ * finitos separados por lacuna cai fora de (1) e desaparece. Chart.js e Plotly marcam o ponto
+ * isolado exatamente por isto.
+ *
+ * Fora do JSX de propósito: é a aritmética da decisão, e aritmética isolada é aritmética que a
+ * mutação alcança.
+ */
+export declare function markedPoints(points: TrendPoint[]): TrendPoint[];
 export interface TrendChartProps extends HTMLAttributes<HTMLElement> {
     title: string;
     series: TrendSeries[];

package/dist/index.js

@@ -5110,6 +5110,12 @@ function seriesPath(points, xScale, yScale) {
 var VIEW_W = 600;
 var PAD = { top: 8, right: 8, bottom: 4, left: 40 };
 var SPARSE_MARKER_MAX = 5;
+function markedPoints(points) {
+  const finito = (p) => Number.isFinite(p?.y);
+  const finitos = points.filter(finito);
+  if (finitos.length < SPARSE_MARKER_MAX) return finitos;
+  return points.filter((p, i) => finito(p) && !finito(points[i - 1]) && !finito(points[i + 1]));
+}
 var TrendChart = forwardRef(
   ({
     title,
@@ -5219,18 +5225,18 @@ var TrendChart = forwardRef(
                   children: /* @__PURE__ */ jsx("title", { children: s.name })
                 }
               ),
-              s.points.length < SPARSE_MARKER_MAX ? s.points.filter((p) => Number.isFinite(p.y)).map((p, i) => /* @__PURE__ */ jsx(
+              markedPoints(s.points).map((p, i) => /* @__PURE__ */ jsx(
                 "circle",
                 {
                   "data-slot": "trend-chart-dot",
                   cx: xScale(p.x),
                   cy: yScale(p.y),
-                  r: 2.5,
+                  r: 4,
                   fill: s.color,
                   children: /* @__PURE__ */ jsx("title", { children: s.name })
                 },
                 `${s.name}-${p.x}-${i}`
-              )) : null
+              ))
             ] }, s.name))
           ]
         }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@usetheo/ui",
-  "version": "0.32.0",
+  "version": "0.34.0",
   "packageManager": "pnpm@10.32.1+sha512.a706938f0e89ac1456b6563eab4edf1d1faf3368d1191fc5c59790e96dc918e4456ab2e67d613de1043d2e8c81f87303e6b40d4ffeca9df15ef1ad567348f2be",
   "type": "module",
   "license": "Apache-2.0",
-  "description": "Violet Forge design system \u2014 generic React components + primitives (the non-AI foundation of @theokit/ui).",
+  "description": "Violet Forge design system — generic React components + primitives (the non-AI foundation of @theokit/ui).",
   "sideEffects": false,
   "files": [
     "dist"