@plenustech/design-system 0.2.2 → 0.2.3

package/dist/components/charts/ChartLine/ChartLine.js

@@ -1,166 +1,219 @@
-import { jsx as s, jsxs as Z } from "react/jsx-runtime";
-import { useMemo as h } from "react";
-import m from "./ChartLine.module.css.js";
-import { useChartMetrics as ll } from "../core/useChartMetrics.js";
-import { useSeriesToggle as ol } from "../core/useSeriesToggle.js";
-import { resolveSeriesColors as tl } from "../palette/seriesColor.js";
-import { mergeDomains as al, domainOf as el, pointScale as il, linearScale as j, ticksFor as rl } from "../scales/scales.js";
-import { valueLabelsFor as nl, cartesianLayout as ml, chartHeight as sl } from "../core/cartesianLayout.js";
-import { valueLabelRoom as hl } from "../core/spacing.js";
-import { useTweenedNumbers as ul } from "../core/useTweenedNumbers.js";
-import { formatarNumero as cl } from "../../../utils/formatters/formatarNumero.js";
-import { CartesianFrame as dl } from "../core/CartesianFrame.js";
-import { linePath as fl } from "../core/shapes.js";
-function pl(n, a) {
-  return n[a] !== null && !n[a - 1] && !n[a + 1];
+import { jsxs as Y, jsx as u } from "react/jsx-runtime";
+import { useMemo as d, useState as go } from "react";
+import i from "./ChartLine.module.css.js";
+import { useChartMetrics as vo } from "../core/useChartMetrics.js";
+import { useSeriesToggle as xo, seriesInScale as yo } from "../core/useSeriesToggle.js";
+import { resolveSeriesColors as Ho } from "../palette/seriesColor.js";
+import { mergeDomains as Co, domainOf as Lo, pointScale as Po, linearScale as q, ticksFor as ko } from "../scales/scales.js";
+import { valueLabelsFor as Fo, markShown as G, chartHeight as No } from "../core/cartesianLayout.js";
+import { useCartesianLayout as $o } from "../core/useCartesianLayout.js";
+import { valueLabelRoom as Ro } from "../core/spacing.js";
+import { useHoveredBand as Ao } from "../core/useHoveredBand.js";
+import { useTweenedNumbers as Oo } from "../core/useTweenedNumbers.js";
+import { nearestSeriesAt as Do, PointCursor as Mo, PointBands as So } from "../core/PointBands.js";
+import { formatarNumero as To } from "../../../utils/formatters/formatarNumero.js";
+import { CartesianFrame as jo } from "../core/CartesianFrame.js";
+import { linePath as Bo } from "../core/shapes.js";
+import { pointLabelPlacement as Eo } from "../core/pointLabels.js";
+import { categoryTooltip as wo } from "../core/tooltips.js";
+function zo(m, a) {
+  return m[a] !== null && !m[a - 1] && !m[a + 1];
 }
-function wl({
-  accent: n,
+function rt({
+  accent: m,
   categories: a,
-  curve: A = "smooth",
-  defaultHiddenSeries: O,
-  emptyMessage: V = "Sem dados no período",
-  formatValue: u = cl,
-  height: z = 260,
-  includeZero: x = !0,
-  hiddenSeries: S,
-  labelAngle: q = "auto",
-  legend: B = "bottom",
-  legendAlign: E,
-  onHiddenSeriesChange: G,
+  curve: J = "smooth",
+  defaultHiddenSeries: K,
+  emptyMessage: Q = "Sem dados no período",
+  formatTooltipValue: U,
+  formatValue: h = To,
+  height: W = 260,
+  includeZero: P = !0,
+  hiddenSeries: X,
+  labelAngle: _ = "auto",
+  legend: Z = "bottom",
+  legendAlign: oo,
+  onHiddenSeriesChange: to,
+  onHoverCategory: k,
   series: e,
-  showDataLabels: y = !1,
-  showDots: I = !1,
-  title: J,
-  xAxis: L = "visible",
-  yAxis: N = "visible",
-  yAxisRight: C = "hidden"
+  showDataLabels: p = "hidden",
+  showDots: F = "onHover",
+  showTooltip: N = !0,
+  title: lo,
+  xAxis: $ = "visible",
+  yAxis: R = "visible",
+  yAxisRight: A = "hidden"
 }) {
-  const { font: k, height: K, ref: Q, width: $ } = ll(), { fillHeight: U, value: b } = sl(z, K), { isHidden: c, toggle: W } = ol({ defaultHiddenSeries: O, hiddenSeries: S, onHiddenSeriesChange: G }), g = h(() => tl(e, { accent: n }), [n, e]), v = h(
-    () => al(
-      e.filter((l) => !c(l.label)).map((l) => el(l.values.filter((o) => o !== null), { includeZero: x }))
+  const { font: f, height: ao, ref: eo, width: O } = vo(), { fillHeight: ro, value: H } = No(W, ao), { isHidden: c, isOutOfScale: D, toggle: no } = xo({
+    defaultHiddenSeries: K,
+    hiddenSeries: X,
+    labels: e.map((o) => o.label),
+    onHiddenSeriesChange: to
+  }), b = d(() => Ho(e, { accent: m }), [m, e]), C = d(
+    () => Co(
+      yo(e, D).map(
+        (o) => Lo(
+          o.values.filter((t) => t !== null),
+          { includeZero: P }
+        )
+      )
     ),
-    [x, c, e]
-  ), D = nl(v, b, u), { margins: X, plot: i, rotation: Y } = ml({
+    [P, D, e]
+  ), M = Fo(C, H, h), { axisReveal: io, margins: mo, plot: r, rotation: so } = $o({
     bottomLabels: a,
-    font: k,
-    height: b,
-    labelAngle: q,
-    leftLabels: D,
-    rightLabels: D,
-    topRoom: y ? hl(k) : 0,
-    width: $,
-    xAxis: L,
-    yAxis: N,
-    yAxisRight: C
-  }), F = h(
-    () => il({ domain: a, padding: 0, range: [0, i.width] }),
-    [a, i.width]
-  ), R = h(
-    () => j({ domain: v, range: [i.height, 0] }),
-    [v, i.height]
-  ), [w, H] = ul(R.domain()), d = h(
-    () => j({ domain: { min: w, max: H }, nice: !1, range: [i.height, 0] }),
-    [H, w, i.height]
-  ), M = rl(R, i.height), f = e.map(
-    (l) => a.map((o, p) => {
-      const t = l.values[p];
-      return t == null || !Number.isFinite(t) ? null : { x: F(o) ?? 0, y: d(t) };
+    font: f,
+    height: H,
+    labelAngle: _,
+    leftLabels: M,
+    rightLabels: M,
+    topRoom: p === "hidden" ? 0 : Ro(f),
+    width: O,
+    xAxis: $,
+    yAxis: R,
+    yAxisRight: A
+  }), S = d(
+    () => Po({ domain: a, padding: 0, range: [0, r.width] }),
+    [a, r.width]
+  ), { hover: uo, hovered: g } = Ao(k), [ho, co] = go(null), L = N || k !== void 0 || F === "onHover" || p === "onHover", T = d(
+    () => q({ domain: C, range: [r.height, 0] }),
+    [C, r.height]
+  ), [j, B] = Oo(T.domain()), v = d(
+    () => q({ domain: { min: j, max: B }, nice: !1, range: [r.height, 0] }),
+    [B, j, r.height]
+  ), E = ko(T, r.height), s = e.map(
+    (o) => a.map((t, x) => {
+      const l = o.values[x];
+      return l == null || !Number.isFinite(l) ? null : { x: S(t) ?? 0, y: v(l) };
     })
-  ), _ = a.map((l) => ({
-    label: l,
-    position: F(l) ?? 0
-  })), P = M.map((l) => ({
-    label: u(l),
-    position: d(l)
+  ), w = Do(
+    s,
+    g,
+    ho,
+    (o) => c(e[o].label)
+  ), z = a.map((o) => ({
+    label: o,
+    position: S(o) ?? 0
+  })), I = z.map((o) => o.position), V = E.map((o) => ({
+    label: h(o),
+    position: v(o)
   }));
-  return /* @__PURE__ */ s(
-    dl,
+  return /* @__PURE__ */ Y(
+    jo,
     {
-      containerRef: Q,
+      axisReveal: io,
+      containerRef: eo,
       empty: e.length === 0 || a.length === 0,
-      emptyMessage: V,
-      fillHeight: U,
+      emptyMessage: Q,
+      fillHeight: ro,
       grid: [
         {
-          baseline: d(0),
-          lines: M.map((l) => d(l)),
+          baseline: v(0),
+          lines: E.map((o) => v(o)),
           orientation: "horizontal"
         }
       ],
-      height: b,
-      legend: e.map((l, o) => ({
-        color: g[o],
-        hidden: c(l.label),
-        label: l.label
+      height: H,
+      legend: e.map((o, t) => ({
+        color: b[t],
+        hidden: c(o.label),
+        label: o.label
       })),
-      legendAlign: E,
-      legendPosition: B,
-      margins: X,
-      onToggleSeries: W,
-      plot: i,
-      title: J,
-      width: $,
-      xAxis: { labelRotation: Y, ticks: _, visibility: L },
-      yAxis: { hideLine: !0, ticks: P, visibility: N },
-      yAxisRight: { hideLine: !0, ticks: P, visibility: C },
-      children: e.map((l, o) => {
-        const p = c(l.label);
-        return /* @__PURE__ */ Z(
-          "g",
-          {
-            "aria-hidden": p || void 0,
-            className: `${m.series} ${p ? m.seriesOff : ""}`,
-            children: [
-              /* @__PURE__ */ s(
-                "path",
-                {
-                  className: m.line,
-                  d: fl(f[o], A),
-                  fill: "none",
-                  stroke: g[o]
-                }
-              ),
-              f[o].map((t, r) => {
-                if (t === null)
-                  return null;
-                const T = `${l.label}, ${a[r]}: ${u(l.values[r] ?? 0)}`;
-                return /* @__PURE__ */ s(
-                  "circle",
-                  {
-                    "aria-label": T,
-                    className: I || pl(f[o], r) ? m.dotVisible : m.dot,
-                    cx: t.x,
-                    cy: t.y,
-                    fill: g[o],
-                    r: 4,
-                    children: /* @__PURE__ */ s("title", { children: T })
-                  },
-                  r
-                );
-              }),
-              y && f[o].map(
-                (t, r) => t === null ? null : /* @__PURE__ */ s(
-                  "text",
+      legendAlign: oo,
+      legendPosition: Z,
+      margins: mo,
+      onToggleSeries: no,
+      plot: r,
+      title: lo,
+      tooltip: N ? wo({
+        categories: a,
+        colors: b,
+        format: U ?? h,
+        index: g,
+        isHidden: c,
+        series: e
+      }) : void 0,
+      width: O,
+      xAxis: { labelRotation: so, ticks: z, visibility: $ },
+      yAxis: { hideLine: !0, ticks: V, visibility: R },
+      yAxisRight: { hideLine: !0, ticks: V, visibility: A },
+      children: [
+        L && g !== null && /* @__PURE__ */ u(Mo, { plot: r, position: I[g] }),
+        e.map((o, t) => {
+          const x = c(o.label);
+          return /* @__PURE__ */ Y(
+            "g",
+            {
+              "aria-hidden": x || void 0,
+              className: `${i.series} ${x ? i.seriesOff : ""}`,
+              children: [
+                /* @__PURE__ */ u(
+                  "path",
                   {
-                    className: m.valueLabel,
-                    textAnchor: "middle",
-                    x: t.x,
-                    y: t.y - 10,
-                    children: u(l.values[r] ?? 0)
-                  },
-                  r
-                )
-              )
-            ]
-          },
-          o
-        );
-      })
+                    className: i.line,
+                    d: Bo(s[t], J),
+                    fill: "none",
+                    stroke: b[t]
+                  }
+                ),
+                s[t].map((l, n) => {
+                  if (l === null)
+                    return null;
+                  const y = `${o.label}, ${a[n]}: ${h(o.values[n] ?? 0)}`;
+                  return /* @__PURE__ */ u(
+                    "circle",
+                    {
+                      "aria-label": y,
+                      className: G(F, t === w) || zo(s[t], n) ? i.dotVisible : i.dot,
+                      cx: l.x,
+                      cy: l.y,
+                      stroke: b[t],
+                      r: 4,
+                      children: !L && /* @__PURE__ */ u("title", { children: y })
+                    },
+                    n
+                  );
+                }),
+                p !== "hidden" && s[t].map((l, n) => {
+                  if (l === null)
+                    return null;
+                  const { below: y, dx: po, textAnchor: fo } = Eo(
+                    s,
+                    t,
+                    n,
+                    f.lineHeight,
+                    (bo) => c(e[bo].label)
+                  );
+                  return /* @__PURE__ */ u(
+                    "text",
+                    {
+                      className: `${i.valueLabel} ${G(p, t === w) ? "" : i.valueLabelHidden}`,
+                      textAnchor: fo,
+                      x: l.x + po,
+                      y: y ? l.y + f.lineHeight + 2 : l.y - 10,
+                      children: h(o.values[n] ?? 0)
+                    },
+                    n
+                  );
+                })
+              ]
+            },
+            t
+          );
+        }),
+        L && /* @__PURE__ */ u(
+          So,
+          {
+            onHover: uo,
+            onPointerY: co,
+            plot: r,
+            positions: I
+          }
+        )
+      ]
     }
   );
 }
 export {
-  wl as ChartLine
+  rt as ChartLine
 };
 //# sourceMappingURL=ChartLine.js.map

package/dist/components/charts/ChartLine/ChartLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLine.js","sources":["../../../../src/components/charts/ChartLine/ChartLine.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  CartesianFrame,\n  cartesianLayout,\n  chartHeight,\n  linePath,\n  useChartMetrics,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartCurve,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartPoint,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, pointScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartLine.module.css';\n/**\n * Ponto sem vizinho desenhado. A curva entre ele e o nada nao tem tracado, e o\n * marcador so no hover deixaria o dado invisivel — entao ele aparece sempre.\n */\nfunction isolado(pontos: readonly (ChartPoint | null)[], indice: number) {\n  return pontos[indice] !== null && !pontos[indice - 1] && !pontos[indice + 1];\n}\n\n\nexport interface ChartLineSeries extends SeriesAppearance {\n  label: string;\n  values: readonly (number | null)[];\n}\n\nexport interface ChartLineProps {\n  accent?: string;\n  categories: readonly string[];\n  curve?: ChartCurve;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: string;\n  formatValue?: (value: number) => string;\n  /**\n   * Inclui o zero no dominio do eixo de valor. Ligado por padrao, porque marca\n   * que nao parte do zero exagera a diferenca; para medidas que nao se comparam\n   * a ele — um ano, uma temperatura — desligue; um ano pede tambem um formato sem separador de milhar em `formatValue`.\n   */\n  includeZero?: boolean;\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  labelAngle?: AxisLabelAngle;\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  series: readonly ChartLineSeries[];\n  showDataLabels?: boolean;\n  showDots?: boolean;\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nexport function ChartLine({\n  accent,\n  categories,\n  curve = 'smooth',\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatValue = formatarNumero,\n  height = 260,\n  includeZero = true,\n  hiddenSeries,\n  labelAngle = 'auto',\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  series,\n  showDataLabels = false,\n  showDots = false,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartLineProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, toggle } = useSeriesToggle({ defaultHiddenSeries, hiddenSeries, onHiddenSeriesChange });\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar uma serie nao pode\n  // repintar as demais.\n  const cores = useMemo(() => resolveSeriesColors(series, { accent }), [accent, series]);\n\n  const dominio = useMemo(\n    () =>\n      mergeDomains(\n        series\n          .filter((serie) => !isHidden(serie.label))\n          .map((serie) => domainOf(serie.values.filter((valor) => valor !== null), { includeZero })),\n      ),\n    [includeZero, isHidden, series],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { margins, plot, rotation } = cartesianLayout({\n    bottomLabels: categories,\n    font,\n    height: alturaDoDesenho,\n    labelAngle,\n    leftLabels: rotulosDeValor,\n    rightLabels: rotulosDeValor,\n    topRoom: showDataLabels ? valueLabelRoom(font) : 0,\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  const escalaCategorias = useMemo(\n    () => pointScale({ domain: categories, padding: 0, range: [0, plot.width] }),\n    [categories, plot.width],\n  );\n\n  // A escala alvo fixa as marcas; a animada posiciona o desenho. Sem separar as\n  // duas, as marcas exibiriam valores quebrados durante a transicao.\n  const escalaAlvo = useMemo(\n    () => linearScale({ domain: dominio, range: [plot.height, 0] }),\n    [dominio, plot.height],\n  );\n\n  const [minimo, maximo] = useTweenedNumbers(escalaAlvo.domain());\n\n  const escalaValores = useMemo(\n    () => linearScale({ domain: { min: minimo, max: maximo }, nice: false, range: [plot.height, 0] }),\n    [maximo, minimo, plot.height],\n  );\n\n  const marcasDeValor = ticksFor(escalaAlvo, plot.height);\n\n  const pontosPorSerie = series.map((serie) =>\n    categories.map<ChartPoint | null>((categoria, indice) => {\n      const valor = serie.values[indice];\n\n      if (valor === null || valor === undefined || !Number.isFinite(valor)) {\n        return null;\n      }\n\n      return { x: escalaCategorias(categoria) ?? 0, y: escalaValores(valor) };\n    }),\n  );\n\n  const marcasCategoria: AxisTick[] = categories.map((categoria) => ({\n    label: categoria,\n    position: escalaCategorias(categoria) ?? 0,\n  }));\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  return (\n    <CartesianFrame\n      containerRef={ref}\n      empty={series.length === 0 || categories.length === 0}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\n      height={alturaDoDesenho}\n      legend={series.map((serie, indice) => ({\n        color: cores[indice],\n        hidden: isHidden(serie.label),\n        label: serie.label,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      margins={margins}\n      onToggleSeries={toggle}\n      plot={plot}\n      title={title}\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasCategoria, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {series.map((serie, indiceSerie) => {\n        const oculta = isHidden(serie.label);\n\n        return (\n          <g\n            aria-hidden={oculta || undefined}\n            className={`${styles.series} ${oculta ? styles.seriesOff : ''}`}\n            key={indiceSerie}\n          >\n            <path\n              className={styles.line}\n              d={linePath(pontosPorSerie[indiceSerie], curve)}\n              fill=\"none\"\n              stroke={cores[indiceSerie]}\n            />\n\n            {pontosPorSerie[indiceSerie].map((ponto, indice) => {\n              if (ponto === null) {\n                return null;\n              }\n\n              const descricao = `${serie.label}, ${categories[indice]}: ${formatValue(serie.values[indice] ?? 0)}`;\n\n              return (\n                <circle\n                  aria-label={descricao}\n                  className={\n                    showDots || isolado(pontosPorSerie[indiceSerie], indice)\n                      ? styles.dotVisible\n                      : styles.dot\n                  }\n                  cx={ponto.x}\n                  cy={ponto.y}\n                  fill={cores[indiceSerie]}\n                  key={indice}\n                  r={4}\n                >\n                  <title>{descricao}</title>\n                </circle>\n              );\n            })}\n\n            {showDataLabels &&\n              pontosPorSerie[indiceSerie].map((ponto, indice) =>\n                ponto === null ? null : (\n                  <text\n                    className={styles.valueLabel}\n                    key={indice}\n                    textAnchor=\"middle\"\n                    x={ponto.x}\n                    y={ponto.y - 10}\n                  >\n                    {formatValue(serie.values[indice] ?? 0)}\n                  </text>\n                ),\n              )}\n          </g>\n        );\n      })}\n    </CartesianFrame>\n  );\n}\n"],"names":["isolado","pontos","indice","ChartLine","accent","categories","curve","defaultHiddenSeries","emptyMessage","formatValue","formatarNumero","height","includeZero","hiddenSeries","labelAngle","legend","legendAlign","onHiddenSeriesChange","series","showDataLabels","showDots","title","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","toggle","useSeriesToggle","cores","useMemo","resolveSeriesColors","dominio","mergeDomains","serie","domainOf","valor","rotulosDeValor","valueLabelsFor","margins","plot","rotation","cartesianLayout","valueLabelRoom","escalaCategorias","pointScale","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","pontosPorSerie","categoria","marcasCategoria","marcasValor","jsx","CartesianFrame","indiceSerie","oculta","jsxs","styles","linePath","ponto","descricao"],"mappings":"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"}
+{"version":3,"file":"ChartLine.js","sources":["../../../../src/components/charts/ChartLine/ChartLine.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  CartesianFrame,\n  categoryTooltip,\n  PointBands,\n  PointCursor,\n  seriesInScale,\n  useCartesianLayout,\n  chartHeight,\n  linePath,\n  markShown,\n  nearestSeriesAt,\n  pointLabelPlacement,\n  useChartMetrics,\n  useHoveredBand,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartCurve,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartPoint,\n  type MarkVisibility,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, pointScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartLine.module.css';\n/**\n * Ponto sem vizinho desenhado. A curva entre ele e o nada nao tem tracado, e o\n * marcador so no hover deixaria o dado invisivel — entao ele aparece sempre.\n */\nfunction isolado(pontos: readonly (ChartPoint | null)[], indice: number) {\n  return pontos[indice] !== null && !pontos[indice - 1] && !pontos[indice + 1];\n}\n\n\nexport interface ChartLineSeries extends SeriesAppearance {\n  label: string;\n  values: readonly (number | null)[];\n}\n\nexport interface ChartLineProps {\n  accent?: string;\n  categories: readonly string[];\n  curve?: ChartCurve;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: string;\n  /** Formato dos valores no balao. Sem ele, vale o `formatValue`: o eixo pode sair compacto e o balao, exato. */\n  formatTooltipValue?: (value: number) => string;\n  formatValue?: (value: number) => string;\n  /**\n   * Inclui o zero no dominio do eixo de valor. Ligado por padrao, porque marca\n   * que nao parte do zero exagera a diferenca; para medidas que nao se comparam\n   * a ele — um ano, uma temperatura — desligue; um ano pede tambem um formato sem separador de milhar em `formatValue`.\n   */\n  includeZero?: boolean;\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  labelAngle?: AxisLabelAngle;\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  /** Indice da categoria mais proxima do ponteiro, ou `null` ao sair. */\n  onHoverCategory?: (index: number | null) => void;\n  series: readonly ChartLineSeries[];\n  /** Valor acima de cada ponto: sempre, nunca, ou so os da serie mais proxima do ponteiro. */\n  showDataLabels?: MarkVisibility;\n  /** Pontos de cada valor: sempre, nunca, ou so os da serie mais proxima do ponteiro. */\n  showDots?: MarkVisibility;\n  /**\n   * Balao com as series da categoria mais proxima do ponteiro. Desligue para montar o proprio\n   * `ChartTooltip` pela costura; sem balao nem costura, o ponto volta a ter o `<title>`.\n   */\n  showTooltip?: boolean;\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nexport function ChartLine({\n  accent,\n  categories,\n  curve = 'smooth',\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 260,\n  includeZero = true,\n  hiddenSeries,\n  labelAngle = 'auto',\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  onHoverCategory,\n  series,\n  showDataLabels = 'hidden',\n  showDots = 'onHover',\n  showTooltip = true,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartLineProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, isOutOfScale, toggle } = useSeriesToggle({\n    defaultHiddenSeries,\n    hiddenSeries,\n    labels: series.map((serie) => serie.label),\n    onHiddenSeriesChange,\n  });\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar uma serie nao pode\n  // repintar as demais.\n  const cores = useMemo(() => resolveSeriesColors(series, { accent }), [accent, series]);\n\n  const dominio = useMemo(\n    () =>\n      mergeDomains(\n        seriesInScale(series, isOutOfScale).map((serie) =>\n          domainOf(\n            serie.values.filter((valor) => valor !== null),\n            { includeZero },\n          ),\n        ),\n      ),\n    [includeZero, isOutOfScale, series],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { axisReveal, margins, plot, rotation } = useCartesianLayout({\n    bottomLabels: categories,\n    font,\n    height: alturaDoDesenho,\n    labelAngle,\n    leftLabels: rotulosDeValor,\n    rightLabels: rotulosDeValor,\n    topRoom: showDataLabels === 'hidden' ? 0 : valueLabelRoom(font),\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  const escalaCategorias = useMemo(\n    () => pointScale({ domain: categories, padding: 0, range: [0, plot.width] }),\n    [categories, plot.width],\n  );\n\n  const { hover: focarCategoria, hovered: categoriaEmFoco } = useHoveredBand(onHoverCategory);\n  const [alturaDoPonteiro, setAlturaDoPonteiro] = useState<number | null>(null);\n  const comFaixas =\n    showTooltip || onHoverCategory !== undefined || showDots === 'onHover' || showDataLabels === 'onHover';\n\n  // A escala alvo fixa as marcas; a animada posiciona o desenho. Sem separar as\n  // duas, as marcas exibiriam valores quebrados durante a transicao.\n  const escalaAlvo = useMemo(\n    () => linearScale({ domain: dominio, range: [plot.height, 0] }),\n    [dominio, plot.height],\n  );\n\n  const [minimo, maximo] = useTweenedNumbers(escalaAlvo.domain());\n\n  const escalaValores = useMemo(\n    () => linearScale({ domain: { min: minimo, max: maximo }, nice: false, range: [plot.height, 0] }),\n    [maximo, minimo, plot.height],\n  );\n\n  const marcasDeValor = ticksFor(escalaAlvo, plot.height);\n\n  const pontosPorSerie = series.map((serie) =>\n    categories.map<ChartPoint | null>((categoria, indice) => {\n      const valor = serie.values[indice];\n\n      if (valor === null || valor === undefined || !Number.isFinite(valor)) {\n        return null;\n      }\n\n      return { x: escalaCategorias(categoria) ?? 0, y: escalaValores(valor) };\n    }),\n  );\n\n  const serieEmFoco = nearestSeriesAt(pontosPorSerie, categoriaEmFoco, alturaDoPonteiro, (indice) =>\n    isHidden(series[indice].label),\n  );\n\n  const marcasCategoria: AxisTick[] = categories.map((categoria) => ({\n    label: categoria,\n    position: escalaCategorias(categoria) ?? 0,\n  }));\n  const posicoesCategoria = marcasCategoria.map((marca) => marca.position);\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  return (\n    <CartesianFrame\n      axisReveal={axisReveal}\n      containerRef={ref}\n      empty={series.length === 0 || categories.length === 0}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\n      height={alturaDoDesenho}\n      legend={series.map((serie, indice) => ({\n        color: cores[indice],\n        hidden: isHidden(serie.label),\n        label: serie.label,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      margins={margins}\n      onToggleSeries={toggle}\n      plot={plot}\n      title={title}\n      tooltip={\n        showTooltip\n          ? categoryTooltip({\n              categories,\n              colors: cores,\n              format: formatTooltipValue ?? formatValue,\n              index: categoriaEmFoco,\n              isHidden,\n              series,\n            })\n          : undefined\n      }\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasCategoria, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {comFaixas && categoriaEmFoco !== null && (\n        <PointCursor plot={plot} position={posicoesCategoria[categoriaEmFoco]} />\n      )}\n\n      {series.map((serie, indiceSerie) => {\n        const oculta = isHidden(serie.label);\n\n        return (\n          <g\n            aria-hidden={oculta || undefined}\n            className={`${styles.series} ${oculta ? styles.seriesOff : ''}`}\n            key={indiceSerie}\n          >\n            <path\n              className={styles.line}\n              d={linePath(pontosPorSerie[indiceSerie], curve)}\n              fill=\"none\"\n              stroke={cores[indiceSerie]}\n            />\n\n            {pontosPorSerie[indiceSerie].map((ponto, indice) => {\n              if (ponto === null) {\n                return null;\n              }\n\n              const descricao = `${serie.label}, ${categories[indice]}: ${formatValue(serie.values[indice] ?? 0)}`;\n\n              return (\n                <circle\n                  aria-label={descricao}\n                  className={\n                    markShown(showDots, indiceSerie === serieEmFoco) || isolado(pontosPorSerie[indiceSerie], indice)\n                      ? styles.dotVisible\n                      : styles.dot\n                  }\n                  cx={ponto.x}\n                  cy={ponto.y}\n                  stroke={cores[indiceSerie]}\n                  key={indice}\n                  r={4}\n                >\n                  {!comFaixas && <title>{descricao}</title>}\n                </circle>\n              );\n            })}\n\n            {showDataLabels !== 'hidden' &&\n              pontosPorSerie[indiceSerie].map((ponto, indice) => {\n                if (ponto === null) {\n                  return null;\n                }\n\n                const { below, dx, textAnchor } = pointLabelPlacement(pontosPorSerie, indiceSerie, indice, font.lineHeight, (outra) =>\n                  isHidden(series[outra].label),\n                );\n\n                return (\n                  <text\n                    className={`${styles.valueLabel} ${markShown(showDataLabels, indiceSerie === serieEmFoco) ? '' : styles.valueLabelHidden}`}\n                    key={indice}\n                    textAnchor={textAnchor}\n                    x={ponto.x + dx}\n                    y={below ? ponto.y + font.lineHeight + 2 : ponto.y - 10}\n                  >\n                    {formatValue(serie.values[indice] ?? 0)}\n                  </text>\n                );\n              })}\n          </g>\n        );\n      })}\n\n      {comFaixas && (\n        <PointBands\n          onHover={focarCategoria}\n          onPointerY={setAlturaDoPonteiro}\n          plot={plot}\n          positions={posicoesCategoria}\n        />\n      )}\n    </CartesianFrame>\n  );\n}\n"],"names":["isolado","pontos","indice","ChartLine","accent","categories","curve","defaultHiddenSeries","emptyMessage","formatTooltipValue","formatValue","formatarNumero","height","includeZero","hiddenSeries","labelAngle","legend","legendAlign","onHiddenSeriesChange","onHoverCategory","series","showDataLabels","showDots","showTooltip","title","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","isOutOfScale","toggle","useSeriesToggle","serie","cores","useMemo","resolveSeriesColors","dominio","mergeDomains","seriesInScale","domainOf","valor","rotulosDeValor","valueLabelsFor","axisReveal","margins","plot","rotation","useCartesianLayout","valueLabelRoom","escalaCategorias","pointScale","focarCategoria","categoriaEmFoco","useHoveredBand","alturaDoPonteiro","setAlturaDoPonteiro","useState","comFaixas","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","pontosPorSerie","categoria","serieEmFoco","nearestSeriesAt","marcasCategoria","posicoesCategoria","marca","marcasValor","jsxs","CartesianFrame","categoryTooltip","jsx","PointCursor","indiceSerie","oculta","styles","linePath","ponto","descricao","markShown","below","dx","textAnchor","pointLabelPlacement","outra","PointBands"],"mappings":"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"}

package/dist/components/charts/ChartLine/ChartLine.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_line_1r7tk_1 _line_141iy_132",s="_dot_1r7tk_5 _dot_141iy_140",_="_dotVisible_1r7tk_9 _dotVisible_141iy_145",i="_valueLabel_1r7tk_13 _valueLabel_141iy_124",t="_series_1r7tk_17 _series_141iy_209",l="_seriesOff_1r7tk_21 _seriesOff_141iy_213",o={line:e,dot:s,dotVisible:_,valueLabel:i,series:t,seriesOff:l};exports.default=o;exports.dot=s;exports.dotVisible=_;exports.line=e;exports.series=t;exports.seriesOff=l;exports.valueLabel=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_line_6wl2h_1 _line_yf6oe_121",l="_dot_6wl2h_5 _dot_yf6oe_130",_="_dotVisible_6wl2h_9 _dotVisible_yf6oe_137",s="_valueLabel_6wl2h_13 _valueLabel_yf6oe_103",i="_series_6wl2h_17 _series_yf6oe_211",o="_seriesOff_6wl2h_21 _seriesOff_yf6oe_215",t="_valueLabelHidden_6wl2h_25 _valueLabelHidden_yf6oe_116",a={line:e,dot:l,dotVisible:_,valueLabel:s,series:i,seriesOff:o,valueLabelHidden:t};exports.default=a;exports.dot=l;exports.dotVisible=_;exports.line=e;exports.series=i;exports.seriesOff=o;exports.valueLabel=s;exports.valueLabelHidden=t;
 //# sourceMappingURL=ChartLine.module.css.cjs.map

package/dist/components/charts/ChartLine/ChartLine.module.css.js

@@ -1,18 +1,20 @@
-const _ = "_line_1r7tk_1 _line_141iy_132", e = "_dot_1r7tk_5 _dot_141iy_140", s = "_dotVisible_1r7tk_9 _dotVisible_141iy_145", i = "_valueLabel_1r7tk_13 _valueLabel_141iy_124", t = "_series_1r7tk_17 _series_141iy_209", l = "_seriesOff_1r7tk_21 _seriesOff_141iy_213", o = {
-  line: _,
-  dot: e,
-  dotVisible: s,
-  valueLabel: i,
-  series: t,
-  seriesOff: l
+const e = "_line_6wl2h_1 _line_yf6oe_121", _ = "_dot_6wl2h_5 _dot_yf6oe_130", l = "_dotVisible_6wl2h_9 _dotVisible_yf6oe_137", s = "_valueLabel_6wl2h_13 _valueLabel_yf6oe_103", i = "_series_6wl2h_17 _series_yf6oe_211", o = "_seriesOff_6wl2h_21 _seriesOff_yf6oe_215", t = "_valueLabelHidden_6wl2h_25 _valueLabelHidden_yf6oe_116", a = {
+  line: e,
+  dot: _,
+  dotVisible: l,
+  valueLabel: s,
+  series: i,
+  seriesOff: o,
+  valueLabelHidden: t
 };
 export {
-  o as default,
-  e as dot,
-  s as dotVisible,
-  _ as line,
-  t as series,
-  l as seriesOff,
-  i as valueLabel
+  a as default,
+  _ as dot,
+  l as dotVisible,
+  e as line,
+  i as series,
+  o as seriesOff,
+  s as valueLabel,
+  t as valueLabelHidden
 };
 //# sourceMappingURL=ChartLine.module.css.js.map

package/dist/components/charts/ChartLine/ChartLine.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLine.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"ChartLine.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/charts/ChartPie/ChartPie.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),h=require("./ChartPie.module.css.cjs"),B=require("../core/useChartMetrics.cjs"),E=require("../core/useSliceRing.cjs"),I=require("../core/ChartFrame.cjs"),g=require("../core/arcs.cjs"),_=require("../../../utils/formatters/formatarNumero.cjs"),k=require("../core/measureText.cjs"),z=require("../palette/seriesColor.cjs"),G=require("../core/cartesianLayout.cjs"),J=require("../core/spacing.cjs");function K({accent:m,defaultHiddenSlices:f,emptyMessage:b="Sem dados no período",formatPercent:a=s=>`${Math.round(s*100)}%`,formatValue:q=_.formatarNumero,height:C=260,hiddenSlices:x,legend:M="bottom",legendAlign:p,onHiddenSlicesChange:v,onHoverSlice:R,otherLabel:O="Outros",showDataLabels:y=!1,showLegendValues:S=!1,sliceRadius:j,slices:n,smallSliceThreshold:P=.02,title:D}){const{font:s,height:H,radius:L,ref:N,width:i}=B.useChartMetrics(),{fillHeight:$,value:u}=G.chartHeight(C,H),e=E.useSliceRing({accent:m,defaultHiddenSlices:f,hiddenSlices:x,onHiddenSlicesChange:v,onHoverSlice:R,otherLabel:O,slices:n,smallSliceThreshold:P}),o=J.ringDiameter(i,u)/2,A=j??L;return l.jsxs(I.ChartFrame,{centerOrigin:!0,containerRef:N,empty:e.slices.length===0||n.every(t=>!(t.value>0)),emptyMessage:b,fillHeight:$,height:u,legend:e.slices.map((t,r)=>({color:e.colors[r],hidden:e.isHidden(t.label),label:t.label,value:S?a(e.ratioOf(r)):void 0})),legendAlign:p,legendPosition:M,onToggleSeries:e.toggle,swatch:"dot",title:D,width:i,children:[e.slices.map((t,r)=>l.jsx("path",{"aria-label":`${t.label}: ${q(Math.max(t.value,0))} (${a(e.ratioOf(r))})`,className:h.default.slice,d:g.arcPath({...e.angles[r],cornerRadius:A,innerRadius:0,outerRadius:o}),fill:e.colors[r],onMouseEnter:()=>e.focus(r),onMouseLeave:()=>e.focus(null)},r)),y&&e.slices.map((t,r)=>{const c=a(e.ratioOf(r)),[T,w]=g.arcCentroid({...e.angles[r],innerRadius:0,outerRadius:o}),d=e.angles[r].endAngle-e.angles[r].startAngle,F=d>=Math.PI?o:2*(o/2)*Math.sin(d/2);return e.isHidden(t.label)||k.measureLabel(c,s)>F?null:l.jsx("text",{className:h.default.sliceLabel,dominantBaseline:"middle",fill:z.textColorOn(e.colors[r]),textAnchor:"middle",x:T,y:w,children:c},r)})]})}exports.ChartPie=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),g=require("./ChartPie.module.css.cjs"),I=require("../core/useChartMetrics.cjs"),_=require("../core/useSliceRing.cjs"),k=require("../core/ChartFrame.cjs"),m=require("../core/arcs.cjs"),z=require("../../../utils/formatters/formatarNumero.cjs"),G=require("../core/measureText.cjs"),J=require("../palette/seriesColor.cjs"),K=require("../core/tooltips.cjs"),Q=require("../core/cartesianLayout.cjs"),U=require("../core/spacing.cjs");function V({accent:f,defaultHiddenSlices:p,emptyMessage:q="Sem dados no período",formatPercent:r=a=>`${Math.round(a*100)}%`,formatTooltipValue:b,formatValue:n=z.formatarNumero,height:x=260,hiddenSlices:C,legend:v="bottom",legendAlign:M,onHiddenSlicesChange:R,onHoverSlice:O,otherLabel:y="Outros",showDataLabels:S=!1,showLegendValues:j=!1,showTooltip:D=!0,sliceRadius:H,slices:i,smallSliceThreshold:L=.02,title:N}){const{font:a,height:P,radius:T,ref:$,width:u}=I.useChartMetrics(),{fillHeight:A,value:c}=Q.chartHeight(x,P),e=_.useSliceRing({accent:f,defaultHiddenSlices:p,hiddenSlices:C,onHiddenSlicesChange:R,onHoverSlice:O,otherLabel:y,slices:i,smallSliceThreshold:L}),s=U.ringDiameter(u,c)/2,w=H??T;return l.jsxs(k.ChartFrame,{centerOrigin:!0,containerRef:$,empty:e.slices.length===0||i.every(t=>!(t.value>0)),emptyMessage:q,fillHeight:A,height:c,legend:e.slices.map((t,o)=>({color:e.colors[o],hidden:e.isHidden(t.label),label:t.label,value:j?r(e.ratioOf(o)):void 0})),legendAlign:M,legendPosition:v,onToggleSeries:e.toggle,swatch:"dot",title:N,tooltip:D?K.sliceTooltip({colors:e.colors,formatPercent:r,formatValue:b??n,index:e.focused,slices:e.slices,total:e.total}):void 0,width:u,children:[e.slices.map((t,o)=>l.jsx("path",{"aria-label":`${t.label}: ${n(Math.max(t.value,0))} (${r(e.ratioOf(o))})`,className:g.default.slice,d:m.arcPath({...e.angles[o],cornerRadius:w,innerRadius:0,outerRadius:s}),fill:e.colors[o],onMouseEnter:()=>e.focus(o),onMouseLeave:()=>e.focus(null)},o)),S&&e.slices.map((t,o)=>{const d=r(e.ratioOf(o)),[F,B]=m.arcCentroid({...e.angles[o],innerRadius:0,outerRadius:s}),h=e.angles[o].endAngle-e.angles[o].startAngle,E=h>=Math.PI?s:2*(s/2)*Math.sin(h/2);return e.isHidden(t.label)||G.measureLabel(d,a)>E?null:l.jsx("text",{className:g.default.sliceLabel,dominantBaseline:"middle",fill:J.textColorOn(e.colors[o]),textAnchor:"middle",x:F,y:B,children:d},o)})]})}exports.ChartPie=V;
 //# sourceMappingURL=ChartPie.cjs.map

package/dist/components/charts/ChartPie/ChartPie.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartPie.cjs","sources":["../../../../src/components/charts/ChartPie/ChartPie.tsx"],"sourcesContent":["import {\n  ChartFrame,\n  arcCentroid,\n  arcPath,\n  chartHeight,\n  measureLabel,\n  ringDiameter,\n  useChartMetrics,\n  useSliceRing,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartSlice,\n} from '../core';\nimport { textColorOn } from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartPie.module.css';\n\nexport type { ChartSlice as ChartPieSlice };\n\nexport interface ChartPieProps {\n  accent?: string;\n  defaultHiddenSlices?: readonly string[];\n  emptyMessage?: string;\n  formatPercent?: (ratio: number) => string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  hiddenSlices?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSlicesChange?: (hidden: readonly string[]) => void;\n  /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */\n  onHoverSlice?: (slice: ChartSlice | null) => void;\n  /** Rotulo da fatia que reune as pequenas. */\n  otherLabel?: string;\n  showDataLabels?: boolean;\n  showLegendValues?: boolean;\n  /** Raio dos cantos de cada fatia. Sem valor, o token de raio pequeno. */\n  sliceRadius?: number;\n  slices: readonly ChartSlice[];\n  /** Fracao do total abaixo da qual a fatia entra no agrupamento. */\n  smallSliceThreshold?: number;\n  title: string;\n}\n\nexport function ChartPie({\n  accent,\n  defaultHiddenSlices,\n  emptyMessage = 'Sem dados no período',\n  formatPercent = (fracao) => `${Math.round(fracao * 100)}%`,\n  formatValue = formatarNumero,\n  height = 260,\n  hiddenSlices,\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSlicesChange,\n  onHoverSlice,\n  otherLabel = 'Outros',\n  showDataLabels = false,\n  showLegendValues = false,\n  sliceRadius,\n  slices,\n  smallSliceThreshold = 0.02,\n  title,\n}: ChartPieProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n\n  const anel = useSliceRing({\n    accent,\n    defaultHiddenSlices,\n    hiddenSlices,\n    onHiddenSlicesChange,\n    onHoverSlice,\n    otherLabel,\n    slices,\n    smallSliceThreshold,\n  });\n\n  const raio = ringDiameter(width, alturaDoDesenho) / 2;\n  const canto = sliceRadius ?? raioDoCanto;\n\n  return (\n    <ChartFrame\n      centerOrigin\n      containerRef={ref}\n      empty={anel.slices.length === 0 || slices.every((fatia) => !(fatia.value > 0))}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={anel.slices.map((fatia, indice) => ({\n        color: anel.colors[indice],\n        hidden: anel.isHidden(fatia.label),\n        label: fatia.label,\n        value: showLegendValues ? formatPercent(anel.ratioOf(indice)) : undefined,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={anel.toggle}\n      swatch=\"dot\"\n      title={title}\n      width={width}\n    >\n      {anel.slices.map((fatia, indice) => (\n        <path\n          aria-label={`${fatia.label}: ${formatValue(Math.max(fatia.value, 0))} (${formatPercent(anel.ratioOf(indice))})`}\n          className={styles.slice}\n          d={arcPath({ ...anel.angles[indice], cornerRadius: canto, innerRadius: 0, outerRadius: raio })}\n          fill={anel.colors[indice]}\n          key={indice}\n          onMouseEnter={() => anel.focus(indice)}\n          onMouseLeave={() => anel.focus(null)}\n        />\n      ))}\n\n      {showDataLabels &&\n        anel.slices.map((fatia, indice) => {\n          const rotulo = formatPercent(anel.ratioOf(indice));\n          const [x, y] = arcCentroid({ ...anel.angles[indice], innerRadius: 0, outerRadius: raio });\n          const angulo = anel.angles[indice].endAngle - anel.angles[indice].startAngle;\n\n          // O rotulo so entra quando a fatia o comporta. Ate meia volta a\n          // largura disponivel e a corda no centro do arco; dali em diante a\n          // corda volta a encolher, e quem manda e o raio.\n          const disponivel =\n            angulo >= Math.PI ? raio : 2 * (raio / 2) * Math.sin(angulo / 2);\n\n          if (anel.isHidden(fatia.label) || measureLabel(rotulo, font) > disponivel) {\n            return null;\n          }\n\n          return (\n            <text\n              className={styles.sliceLabel}\n              dominantBaseline=\"middle\"\n              fill={textColorOn(anel.colors[indice])}\n              key={indice}\n              textAnchor=\"middle\"\n              x={x}\n              y={y}\n            >\n              {rotulo}\n            </text>\n          );\n        })}\n    </ChartFrame>\n  );\n}\n"],"names":["ChartPie","accent","defaultHiddenSlices","emptyMessage","formatPercent","fracao","formatValue","formatarNumero","height","hiddenSlices","legend","legendAlign","onHiddenSlicesChange","onHoverSlice","otherLabel","showDataLabels","showLegendValues","sliceRadius","slices","smallSliceThreshold","title","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","anel","useSliceRing","raio","ringDiameter","canto","jsxs","ChartFrame","fatia","indice","jsx","styles","arcPath","rotulo","x","y","arcCentroid","angulo","disponivel","measureLabel","textColorOn"],"mappings":"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"}
+{"version":3,"file":"ChartPie.cjs","sources":["../../../../src/components/charts/ChartPie/ChartPie.tsx"],"sourcesContent":["import {\n  ChartFrame,\n  arcCentroid,\n  arcPath,\n  chartHeight,\n  measureLabel,\n  ringDiameter,\n  sliceTooltip,\n  useChartMetrics,\n  useSliceRing,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartSlice,\n} from '../core';\nimport { textColorOn } from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartPie.module.css';\n\nexport type { ChartSlice as ChartPieSlice };\n\nexport interface ChartPieProps {\n  accent?: string;\n  defaultHiddenSlices?: readonly string[];\n  emptyMessage?: string;\n  formatPercent?: (ratio: number) => string;\n  /** Formato dos valores no balao. Sem ele, vale o `formatValue`: o eixo pode sair compacto e o balao, exato. */\n  formatTooltipValue?: (value: number) => string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  hiddenSlices?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSlicesChange?: (hidden: readonly string[]) => void;\n  /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */\n  onHoverSlice?: (slice: ChartSlice | null) => void;\n  /** Rotulo da fatia que reune as pequenas. */\n  otherLabel?: string;\n  showDataLabels?: boolean;\n  showLegendValues?: boolean;\n  /** Balao com a fatia sob o ponteiro, o valor e a parte do total. Desligue para montar o proprio `ChartTooltip`. */\n  showTooltip?: boolean;\n  /** Raio dos cantos de cada fatia. Sem valor, o token de raio pequeno. */\n  sliceRadius?: number;\n  slices: readonly ChartSlice[];\n  /** Fracao do total abaixo da qual a fatia entra no agrupamento. */\n  smallSliceThreshold?: number;\n  title: string;\n}\n\nexport function ChartPie({\n  accent,\n  defaultHiddenSlices,\n  emptyMessage = 'Sem dados no período',\n  formatPercent = (fracao) => `${Math.round(fracao * 100)}%`,\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 260,\n  hiddenSlices,\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSlicesChange,\n  onHoverSlice,\n  otherLabel = 'Outros',\n  showDataLabels = false,\n  showLegendValues = false,\n  showTooltip = true,\n  sliceRadius,\n  slices,\n  smallSliceThreshold = 0.02,\n  title,\n}: ChartPieProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n\n  const anel = useSliceRing({\n    accent,\n    defaultHiddenSlices,\n    hiddenSlices,\n    onHiddenSlicesChange,\n    onHoverSlice,\n    otherLabel,\n    slices,\n    smallSliceThreshold,\n  });\n\n  const raio = ringDiameter(width, alturaDoDesenho) / 2;\n  const canto = sliceRadius ?? raioDoCanto;\n\n  return (\n    <ChartFrame\n      centerOrigin\n      containerRef={ref}\n      empty={anel.slices.length === 0 || slices.every((fatia) => !(fatia.value > 0))}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={anel.slices.map((fatia, indice) => ({\n        color: anel.colors[indice],\n        hidden: anel.isHidden(fatia.label),\n        label: fatia.label,\n        value: showLegendValues ? formatPercent(anel.ratioOf(indice)) : undefined,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={anel.toggle}\n      swatch=\"dot\"\n      title={title}\n      tooltip={\n        showTooltip\n          ? sliceTooltip({\n              colors: anel.colors,\n              formatPercent,\n              formatValue: formatTooltipValue ?? formatValue,\n              index: anel.focused,\n              slices: anel.slices,\n              total: anel.total,\n            })\n          : undefined\n      }\n      width={width}\n    >\n      {anel.slices.map((fatia, indice) => (\n        <path\n          aria-label={`${fatia.label}: ${formatValue(Math.max(fatia.value, 0))} (${formatPercent(anel.ratioOf(indice))})`}\n          className={styles.slice}\n          d={arcPath({ ...anel.angles[indice], cornerRadius: canto, innerRadius: 0, outerRadius: raio })}\n          fill={anel.colors[indice]}\n          key={indice}\n          onMouseEnter={() => anel.focus(indice)}\n          onMouseLeave={() => anel.focus(null)}\n        />\n      ))}\n\n      {showDataLabels &&\n        anel.slices.map((fatia, indice) => {\n          const rotulo = formatPercent(anel.ratioOf(indice));\n          const [x, y] = arcCentroid({ ...anel.angles[indice], innerRadius: 0, outerRadius: raio });\n          const angulo = anel.angles[indice].endAngle - anel.angles[indice].startAngle;\n\n          // O rotulo so entra quando a fatia o comporta. Ate meia volta a\n          // largura disponivel e a corda no centro do arco; dali em diante a\n          // corda volta a encolher, e quem manda e o raio.\n          const disponivel =\n            angulo >= Math.PI ? raio : 2 * (raio / 2) * Math.sin(angulo / 2);\n\n          if (anel.isHidden(fatia.label) || measureLabel(rotulo, font) > disponivel) {\n            return null;\n          }\n\n          return (\n            <text\n              className={styles.sliceLabel}\n              dominantBaseline=\"middle\"\n              fill={textColorOn(anel.colors[indice])}\n              key={indice}\n              textAnchor=\"middle\"\n              x={x}\n              y={y}\n            >\n              {rotulo}\n            </text>\n          );\n        })}\n    </ChartFrame>\n  );\n}\n"],"names":["ChartPie","accent","defaultHiddenSlices","emptyMessage","formatPercent","fracao","formatTooltipValue","formatValue","formatarNumero","height","hiddenSlices","legend","legendAlign","onHiddenSlicesChange","onHoverSlice","otherLabel","showDataLabels","showLegendValues","showTooltip","sliceRadius","slices","smallSliceThreshold","title","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","anel","useSliceRing","raio","ringDiameter","canto","jsxs","ChartFrame","fatia","indice","sliceTooltip","jsx","styles","arcPath","rotulo","x","y","arcCentroid","angulo","disponivel","measureLabel","textColorOn"],"mappings":"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"}