@plenustech/design-system 0.2.0 → 0.2.2

package/dist/components/charts/ChartWaterfall/ChartWaterfall.js

@@ -0,0 +1,168 @@
+import { jsxs as J, jsx as f } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import M from "./ChartWaterfall.module.css.js";
+import { useChartMetrics as K } from "../core/useChartMetrics.js";
+import { useHoveredBand as Q } from "../core/useHoveredBand.js";
+import { resolveSeriesColors as U } from "../palette/seriesColor.js";
+import { domainOf as V, bandScale as X, linearScale as z, ticksFor as Y } from "../scales/scales.js";
+import { valueLabelsFor as Z, cartesianLayout as oo, chartHeight as to } from "../core/cartesianLayout.js";
+import { valueLabelRoom as io } from "../core/spacing.js";
+import { useTweenedNumbers as no } from "../core/useTweenedNumbers.js";
+import { formatarNumero as ro } from "../../../utils/formatters/formatarNumero.js";
+import { CartesianFrame as eo } from "../core/CartesianFrame.js";
+import { BandCursor as ao } from "../core/BandCursor.js";
+import { roundedBarPath as lo } from "../core/shapes.js";
+function mo(i) {
+  let e = 0;
+  return i.map((h) => {
+    if (!Number.isFinite(h.value))
+      return null;
+    const d = h.total ? 0 : e, b = d + h.value;
+    return e = b, { inicio: d, fim: b };
+  });
+}
+function so(i) {
+  return i.intent ? i.intent : i.total ? "neutral" : i.value < 0 ? "negative" : "positive";
+}
+function co(i, e) {
+  return i === 0 ? e(0) : `${i < 0 ? "-" : "+"}${e(Math.abs(i))}`;
+}
+function Co({
+  emptyMessage: i = "Sem dados no período",
+  formatValue: e = ro,
+  height: h = 280,
+  labelAngle: d = "auto",
+  onHoverStep: b,
+  showDataLabels: y = !0,
+  steps: r,
+  title: A,
+  xAxis: L = "visible",
+  yAxis: w = "visible",
+  yAxisRight: D = "hidden"
+}) {
+  const { font: S, height: E, radius: g, ref: O, width: C } = K(), { fillHeight: T, value: v } = to(h, E), { hover: N, hovered: F } = Q(b), m = u(() => mo(r), [r]), W = u(
+    () => U(r.map((o) => ({ color: o.color, intent: so(o) }))),
+    [r]
+  ), p = u(
+    () => V(m.flatMap((o) => o ? [o.inicio, o.fim] : [])),
+    [m]
+  ), P = Z(p, v, e), { margins: _, plot: l, rotation: q } = oo({
+    bottomLabels: r.map((o) => o.label),
+    font: S,
+    height: v,
+    labelAngle: d,
+    leftLabels: P,
+    rightLabels: P,
+    topRoom: y ? io(S) : 0,
+    width: C,
+    xAxis: L,
+    yAxis: w,
+    yAxisRight: D
+  }), s = u(
+    () => X({ domain: r.map((o, t) => String(t)), range: [0, l.width] }),
+    [l.width, r]
+  ), c = (o) => s(String(o)) ?? 0, k = u(
+    () => z({ domain: p, range: [l.height, 0] }),
+    [p, l.height]
+  ), [R, $] = no(k.domain()), a = u(
+    () => z({ domain: { min: R, max: $ }, nice: !1, range: [l.height, 0] }),
+    [$, R, l.height]
+  ), B = Y(k, l.height), G = r.map((o, t) => ({
+    label: o.label,
+    position: c(t) + s.bandwidth() / 2
+  })), H = B.map((o) => ({
+    label: e(o),
+    position: a(o)
+  }));
+  function j(o) {
+    return o.total ? e(o.value) : co(o.value, e);
+  }
+  return /* @__PURE__ */ J(
+    eo,
+    {
+      containerRef: O,
+      empty: r.length === 0,
+      emptyMessage: i,
+      grid: [
+        {
+          baseline: a(0),
+          lines: B.map((o) => a(o)),
+          orientation: "horizontal"
+        }
+      ],
+      fillHeight: T,
+      height: v,
+      legendPosition: "none",
+      margins: _,
+      plot: l,
+      title: A,
+      width: C,
+      xAxis: { labelRotation: q, ticks: G, visibility: L },
+      yAxis: { hideLine: !0, ticks: H, visibility: w },
+      yAxisRight: { hideLine: !0, ticks: H, visibility: D },
+      children: [
+        F !== null && /* @__PURE__ */ f(ao, { offset: c(F), plot: l, size: s.bandwidth() }),
+        /* @__PURE__ */ f("g", { "aria-hidden": "true", children: m.slice(0, -1).map((o, t) => {
+          if (!o || !m[t + 1])
+            return null;
+          const n = a(o.fim);
+          return /* @__PURE__ */ f(
+            "line",
+            {
+              className: M.connector,
+              x1: c(t) + s.bandwidth(),
+              x2: c(t + 1),
+              y1: n,
+              y2: n
+            },
+            t
+          );
+        }) }),
+        r.map((o, t) => {
+          const n = m[t];
+          if (!n)
+            return null;
+          const x = Math.min(a(n.inicio), a(n.fim)), I = Math.abs(a(n.fim) - a(n.inicio));
+          return /* @__PURE__ */ f(
+            "path",
+            {
+              "aria-label": `${o.label}: ${j(o)}`,
+              className: M.bar,
+              d: lo(c(t), x, s.bandwidth(), I, [
+                g,
+                g,
+                g,
+                g
+              ]),
+              fill: W[t],
+              onMouseEnter: () => N(t),
+              onMouseLeave: () => N(null)
+            },
+            t
+          );
+        }),
+        y && r.map((o, t) => {
+          const n = m[t];
+          if (!n)
+            return null;
+          const x = Math.min(a(n.inicio), a(n.fim));
+          return /* @__PURE__ */ f(
+            "text",
+            {
+              className: M.valueLabel,
+              textAnchor: "middle",
+              x: c(t) + s.bandwidth() / 2,
+              y: x - 6,
+              children: j(o)
+            },
+            t
+          );
+        })
+      ]
+    }
+  );
+}
+export {
+  Co as ChartWaterfall
+};
+//# sourceMappingURL=ChartWaterfall.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartWaterfall.js","sources":["../../../../src/components/charts/ChartWaterfall/ChartWaterfall.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  BandCursor,\n  CartesianFrame,\n  cartesianLayout,\n  chartHeight,\n  roundedBarPath,\n  useChartMetrics,\n  useHoveredBand,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartHeight,\n} from '../core';\nimport { resolveSeriesColors, type SeriesIntent } from '../palette';\nimport { bandScale, domainOf, linearScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartWaterfall.module.css';\n\nexport interface ChartWaterfallStep {\n  color?: string;\n  intent?: SeriesIntent;\n  label: string;\n  total?: boolean;\n  value: number;\n}\n\nexport interface ChartWaterfallProps {\n  emptyMessage?: string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  labelAngle?: AxisLabelAngle;\n  /** Indice do passo sob o ponteiro, ou `null` ao sair dele. */\n  onHoverStep?: (index: number | null) => void;\n  showDataLabels?: boolean;\n  steps: readonly ChartWaterfallStep[];\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\ninterface Trecho {\n  fim: number;\n  inicio: number;\n}\n\n/**\n * Cada passo ocupa a faixa entre o acumulado anterior e o novo acumulado; o total parte do zero, porque\n * fecha a conta. Passo invalido e ausente: nao se desenha nem move o acumulado.\n */\nfunction trechosDe(steps: readonly ChartWaterfallStep[]): (Trecho | null)[] {\n  let acumulado = 0;\n\n  return steps.map((passo) => {\n    if (!Number.isFinite(passo.value)) {\n      return null;\n    }\n\n    const inicio = passo.total ? 0 : acumulado;\n    const fim = inicio + passo.value;\n    acumulado = fim;\n\n    return { inicio, fim };\n  });\n}\n\n/** Passo sem intencao declarada recebe a do seu sinal. Total e fechamento, nao aporte. */\nfunction intencaoDe(step: ChartWaterfallStep): SeriesIntent {\n  if (step.intent) {\n    return step.intent;\n  }\n\n  if (step.total) {\n    return 'neutral';\n  }\n\n  return step.value < 0 ? 'negative' : 'positive';\n}\n\n/**\n * O sinal e do grafico, nao do formatador: ele formata a magnitude. Delegar o\n * sinal perderia a variacao com qualquer formatador que exiba apenas o valor.\n */\nfunction comSinal(value: number, formatValue: (value: number) => string) {\n  if (value === 0) {\n    return formatValue(0);\n  }\n\n  return `${value < 0 ? '-' : '+'}${formatValue(Math.abs(value))}`;\n}\n\nexport function ChartWaterfall({\n  emptyMessage = 'Sem dados no período',\n  formatValue = formatarNumero,\n  height = 280,\n  labelAngle = 'auto',\n  onHoverStep,\n  showDataLabels = true,\n  steps,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartWaterfallProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { hover: focarPasso, hovered: passoEmFoco } = useHoveredBand(onHoverStep);\n\n  const trechos = useMemo(() => trechosDe(steps), [steps]);\n\n  const cores = useMemo(\n    () => resolveSeriesColors(steps.map((passo) => ({ color: passo.color, intent: intencaoDe(passo) }))),\n    [steps],\n  );\n\n  const dominio = useMemo(\n    () => domainOf(trechos.flatMap((trecho) => (trecho ? [trecho.inicio, trecho.fim] : []))),\n    [trechos],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { margins, plot, rotation } = cartesianLayout({\n    bottomLabels: steps.map((passo) => passo.label),\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  // A faixa e indexada pela posicao, nao pelo rotulo: numa sequencia de passos o\n  // mesmo rotulo pode repetir, e a escala categorica funde dominios iguais.\n  const escalaPassos = useMemo(\n    () => bandScale({ domain: steps.map((_, indice) => String(indice)), range: [0, plot.width] }),\n    [plot.width, steps],\n  );\n\n  const faixaDe = (indice: number) => escalaPassos(String(indice)) ?? 0;\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 marcasPassos: AxisTick[] = steps.map((passo, indice) => ({\n    label: passo.label,\n    position: faixaDe(indice) + escalaPassos.bandwidth() / 2,\n  }));\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  function rotuloDe(passo: ChartWaterfallStep) {\n    return passo.total ? formatValue(passo.value) : comSinal(passo.value, formatValue);\n  }\n\n  return (\n    <CartesianFrame\n      containerRef={ref}\n      empty={steps.length === 0}\n      emptyMessage={emptyMessage}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legendPosition=\"none\"\n      margins={margins}\n      plot={plot}\n      title={title}\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasPassos, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {passoEmFoco !== null && (\n        <BandCursor offset={faixaDe(passoEmFoco)} plot={plot} size={escalaPassos.bandwidth()} />\n      )}\n\n      <g aria-hidden=\"true\">\n        {trechos.slice(0, -1).map((trecho, indice) => {\n          if (!trecho || !trechos[indice + 1]) {\n            return null;\n          }\n\n          const nivel = escalaValores(trecho.fim);\n\n          return (\n            <line\n              className={styles.connector}\n              key={indice}\n              x1={faixaDe(indice) + escalaPassos.bandwidth()}\n              x2={faixaDe(indice + 1)}\n              y1={nivel}\n              y2={nivel}\n            />\n          );\n        })}\n      </g>\n\n      {steps.map((passo, indice) => {\n        const trecho = trechos[indice];\n\n        if (!trecho) {\n          return null;\n        }\n\n        const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n        const altura = Math.abs(escalaValores(trecho.fim) - escalaValores(trecho.inicio));\n\n        return (\n          <path\n            aria-label={`${passo.label}: ${rotuloDe(passo)}`}\n            className={styles.bar}\n            d={roundedBarPath(faixaDe(indice), topo, escalaPassos.bandwidth(), altura, [\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n            ])}\n            fill={cores[indice]}\n            key={indice}\n            onMouseEnter={() => focarPasso(indice)}\n            onMouseLeave={() => focarPasso(null)}\n          />\n        );\n      })}\n\n      {showDataLabels &&\n        steps.map((passo, indice) => {\n          const trecho = trechos[indice];\n\n          if (!trecho) {\n            return null;\n          }\n\n          const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n\n          return (\n            <text\n              className={styles.valueLabel}\n              key={indice}\n              textAnchor=\"middle\"\n              x={faixaDe(indice) + escalaPassos.bandwidth() / 2}\n              y={topo - 6}\n            >\n              {rotuloDe(passo)}\n            </text>\n          );\n        })}\n    </CartesianFrame>\n  );\n}\n"],"names":["trechosDe","steps","acumulado","passo","inicio","fim","intencaoDe","step","comSinal","value","formatValue","ChartWaterfall","emptyMessage","formatarNumero","height","labelAngle","onHoverStep","showDataLabels","title","xAxis","yAxis","yAxisRight","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","focarPasso","passoEmFoco","useHoveredBand","trechos","useMemo","cores","resolveSeriesColors","dominio","domainOf","trecho","rotulosDeValor","valueLabelsFor","margins","plot","rotation","cartesianLayout","valueLabelRoom","escalaPassos","bandScale","_","indice","faixaDe","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","marcasPassos","marcasValor","valor","rotuloDe","jsxs","CartesianFrame","jsx","BandCursor","nivel","styles","topo","altura","roundedBarPath"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_bar_1fyqf_1",a="_connector_1fyqf_6",l="_valueLabel_1fyqf_12 _valueLabel_141iy_124",o={bar:e,connector:a,valueLabel:l};exports.bar=e;exports.connector=a;exports.default=o;exports.valueLabel=l;
+//# sourceMappingURL=ChartWaterfall.module.css.cjs.map

package/dist/components/charts/ChartWaterfall/ChartWaterfall.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartWaterfall.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,12 @@
+const e = "_bar_1fyqf_1", a = "_connector_1fyqf_6", _ = "_valueLabel_1fyqf_12 _valueLabel_141iy_124", o = {
+  bar: e,
+  connector: a,
+  valueLabel: _
+};
+export {
+  e as bar,
+  a as connector,
+  o as default,
+  _ as valueLabel
+};
+//# sourceMappingURL=ChartWaterfall.module.css.js.map

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

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

package/dist/components/charts/core/Axis.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("./spacing.cjs"),a=require("./Chart.module.css.cjs"),c={bottom:"middle",left:"end",right:"start"};function A({hideLine:r=!1,labelRotation:i=0,length:d,orientation:n,ticks:l}){const e=n==="bottom",x=n==="left"?-t.CHART_LABEL_OFFSET:t.CHART_LABEL_OFFSET;return o.jsxs("g",{"aria-hidden":"true",className:a.default.axis,children:[!r&&o.jsx("line",{className:a.default.axisLine,x1:0,x2:e?d:0,y1:0,y2:e?0:d}),l.map((s,u)=>o.jsx("text",{className:a.default.axisLabel,dominantBaseline:e?"hanging":"middle",textAnchor:e&&i!==0?"end":c[n],transform:e&&i!==0?`rotate(${-i} ${s.position} ${t.CHART_LABEL_OFFSET})`:void 0,x:e?s.position:x,y:e?t.CHART_LABEL_OFFSET:s.position,children:s.label},u))]})}exports.Axis=A;
+//# sourceMappingURL=Axis.cjs.map

package/dist/components/charts/core/Axis.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.cjs","sources":["../../../../src/components/charts/core/Axis.tsx"],"sourcesContent":["import type { AxisLabelRotation } from './cartesianLayout';\nimport { CHART_LABEL_OFFSET } from './spacing';\nimport styles from './Chart.module.css';\n\nexport type AxisOrientation = 'bottom' | 'left' | 'right';\n\nexport interface AxisTick {\n  label: string;\n  position: number;\n}\n\nexport interface AxisProps {\n  hideLine?: boolean;\n  labelRotation?: AxisLabelRotation;\n  length: number;\n  orientation: AxisOrientation;\n  ticks: readonly AxisTick[];\n}\n\nconst ANCORA: Record<AxisOrientation, 'start' | 'end' | 'middle'> = {\n  bottom: 'middle',\n  left: 'end',\n  right: 'start',\n};\n\n/**\n * Eixo de um grafico cartesiano. Recebe as marcas ja posicionadas: a conversao\n * de valor em pixel pertence a escala, nao ao desenho.\n */\nexport function Axis({ hideLine = false, labelRotation = 0, length, orientation, ticks }: AxisProps) {\n  const deBaixo = orientation === 'bottom';\n  const afastamento = orientation === 'left' ? -CHART_LABEL_OFFSET : CHART_LABEL_OFFSET;\n\n  return (\n    <g aria-hidden=\"true\" className={styles.axis}>\n      {!hideLine && (\n        <line\n          className={styles.axisLine}\n          x1={0}\n          x2={deBaixo ? length : 0}\n          y1={0}\n          y2={deBaixo ? 0 : length}\n        />\n      )}\n      {ticks.map((marca, indice) => (\n        <text\n          className={styles.axisLabel}\n          dominantBaseline={deBaixo ? 'hanging' : 'middle'}\n          key={indice}\n          textAnchor={deBaixo && labelRotation !== 0 ? 'end' : ANCORA[orientation]}\n          transform={\n            deBaixo && labelRotation !== 0\n              ? `rotate(${-labelRotation} ${marca.position} ${CHART_LABEL_OFFSET})`\n              : undefined\n          }\n          x={deBaixo ? marca.position : afastamento}\n          y={deBaixo ? CHART_LABEL_OFFSET : marca.position}\n        >\n          {marca.label}\n        </text>\n      ))}\n    </g>\n  );\n}\n"],"names":["ANCORA","Axis","hideLine","labelRotation","length","orientation","ticks","deBaixo","afastamento","CHART_LABEL_OFFSET","styles","jsx","marca","indice"],"mappings":"oLAmBMA,EAA8D,CAClE,OAAQ,SACR,KAAM,MACN,MAAO,OACT,EAMO,SAASC,EAAK,CAAE,SAAAC,EAAW,GAAO,cAAAC,EAAgB,EAAG,OAAAC,EAAQ,YAAAC,EAAa,MAAAC,GAAoB,CACnG,MAAMC,EAAUF,IAAgB,SAC1BG,EAAcH,IAAgB,OAAS,CAACI,EAAAA,mBAAqBA,EAAAA,mBAEnE,cACG,IAAA,CAAE,cAAY,OAAO,UAAWC,EAAAA,QAAO,KACrC,SAAA,CAAA,CAACR,GACAS,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,QAAO,SAClB,GAAI,EACJ,GAAIH,EAAUH,EAAS,EACvB,GAAI,EACJ,GAAIG,EAAU,EAAIH,CAAA,CAAA,EAGrBE,EAAM,IAAI,CAACM,EAAOC,IACjBF,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,QAAO,UAClB,iBAAkBH,EAAU,UAAY,SAExC,WAAYA,GAAWJ,IAAkB,EAAI,MAAQH,EAAOK,CAAW,EACvE,UACEE,GAAWJ,IAAkB,EACzB,UAAU,CAACA,CAAa,IAAIS,EAAM,QAAQ,IAAIH,EAAAA,kBAAkB,IAChE,OAEN,EAAGF,EAAUK,EAAM,SAAWJ,EAC9B,EAAGD,EAAUE,qBAAqBG,EAAM,SAEvC,SAAAA,EAAM,KAAA,EAVFC,CAAA,CAYR,CAAA,EACH,CAEJ"}

package/dist/components/charts/core/Axis.js

@@ -0,0 +1,40 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { CHART_LABEL_OFFSET as e } from "./spacing.js";
+import n from "./Chart.module.css.js";
+const p = {
+  bottom: "middle",
+  left: "end",
+  right: "start"
+};
+function y({ hideLine: a = !1, labelRotation: i = 0, length: m, orientation: o, ticks: d }) {
+  const s = o === "bottom", x = o === "left" ? -e : e;
+  return /* @__PURE__ */ f("g", { "aria-hidden": "true", className: n.axis, children: [
+    !a && /* @__PURE__ */ r(
+      "line",
+      {
+        className: n.axisLine,
+        x1: 0,
+        x2: s ? m : 0,
+        y1: 0,
+        y2: s ? 0 : m
+      }
+    ),
+    d.map((t, l) => /* @__PURE__ */ r(
+      "text",
+      {
+        className: n.axisLabel,
+        dominantBaseline: s ? "hanging" : "middle",
+        textAnchor: s && i !== 0 ? "end" : p[o],
+        transform: s && i !== 0 ? `rotate(${-i} ${t.position} ${e})` : void 0,
+        x: s ? t.position : x,
+        y: s ? e : t.position,
+        children: t.label
+      },
+      l
+    ))
+  ] });
+}
+export {
+  y as Axis
+};
+//# sourceMappingURL=Axis.js.map

package/dist/components/charts/core/Axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.js","sources":["../../../../src/components/charts/core/Axis.tsx"],"sourcesContent":["import type { AxisLabelRotation } from './cartesianLayout';\nimport { CHART_LABEL_OFFSET } from './spacing';\nimport styles from './Chart.module.css';\n\nexport type AxisOrientation = 'bottom' | 'left' | 'right';\n\nexport interface AxisTick {\n  label: string;\n  position: number;\n}\n\nexport interface AxisProps {\n  hideLine?: boolean;\n  labelRotation?: AxisLabelRotation;\n  length: number;\n  orientation: AxisOrientation;\n  ticks: readonly AxisTick[];\n}\n\nconst ANCORA: Record<AxisOrientation, 'start' | 'end' | 'middle'> = {\n  bottom: 'middle',\n  left: 'end',\n  right: 'start',\n};\n\n/**\n * Eixo de um grafico cartesiano. Recebe as marcas ja posicionadas: a conversao\n * de valor em pixel pertence a escala, nao ao desenho.\n */\nexport function Axis({ hideLine = false, labelRotation = 0, length, orientation, ticks }: AxisProps) {\n  const deBaixo = orientation === 'bottom';\n  const afastamento = orientation === 'left' ? -CHART_LABEL_OFFSET : CHART_LABEL_OFFSET;\n\n  return (\n    <g aria-hidden=\"true\" className={styles.axis}>\n      {!hideLine && (\n        <line\n          className={styles.axisLine}\n          x1={0}\n          x2={deBaixo ? length : 0}\n          y1={0}\n          y2={deBaixo ? 0 : length}\n        />\n      )}\n      {ticks.map((marca, indice) => (\n        <text\n          className={styles.axisLabel}\n          dominantBaseline={deBaixo ? 'hanging' : 'middle'}\n          key={indice}\n          textAnchor={deBaixo && labelRotation !== 0 ? 'end' : ANCORA[orientation]}\n          transform={\n            deBaixo && labelRotation !== 0\n              ? `rotate(${-labelRotation} ${marca.position} ${CHART_LABEL_OFFSET})`\n              : undefined\n          }\n          x={deBaixo ? marca.position : afastamento}\n          y={deBaixo ? CHART_LABEL_OFFSET : marca.position}\n        >\n          {marca.label}\n        </text>\n      ))}\n    </g>\n  );\n}\n"],"names":["ANCORA","Axis","hideLine","labelRotation","length","orientation","ticks","deBaixo","afastamento","CHART_LABEL_OFFSET","styles","jsx","marca","indice"],"mappings":";;;AAmBA,MAAMA,IAA8D;AAAA,EAClE,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAMO,SAASC,EAAK,EAAE,UAAAC,IAAW,IAAO,eAAAC,IAAgB,GAAG,QAAAC,GAAQ,aAAAC,GAAa,OAAAC,KAAoB;AACnG,QAAMC,IAAUF,MAAgB,UAC1BG,IAAcH,MAAgB,SAAS,CAACI,IAAqBA;AAEnE,2BACG,KAAA,EAAE,eAAY,QAAO,WAAWC,EAAO,MACrC,UAAA;AAAA,IAAA,CAACR,KACA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,IAAI;AAAA,QACJ,IAAIH,IAAUH,IAAS;AAAA,QACvB,IAAI;AAAA,QACJ,IAAIG,IAAU,IAAIH;AAAA,MAAA;AAAA,IAAA;AAAA,IAGrBE,EAAM,IAAI,CAACM,GAAOC,MACjB,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,kBAAkBH,IAAU,YAAY;AAAA,QAExC,YAAYA,KAAWJ,MAAkB,IAAI,QAAQH,EAAOK,CAAW;AAAA,QACvE,WACEE,KAAWJ,MAAkB,IACzB,UAAU,CAACA,CAAa,IAAIS,EAAM,QAAQ,IAAIH,CAAkB,MAChE;AAAA,QAEN,GAAGF,IAAUK,EAAM,WAAWJ;AAAA,QAC9B,GAAGD,IAAUE,IAAqBG,EAAM;AAAA,QAEvC,UAAAA,EAAM;AAAA,MAAA;AAAA,MAVFC;AAAA,IAAA,CAYR;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/charts/core/BandCursor.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("./Chart.module.css.cjs");function n({offset:e,orientation:u="vertical",plot:t,size:i}){const r=u==="vertical";return c.jsx("rect",{className:a.default.cursor,height:r?t.height:i,width:r?i:t.width,x:r?e:0,y:r?0:e})}exports.BandCursor=n;
+//# sourceMappingURL=BandCursor.cjs.map

package/dist/components/charts/core/BandCursor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BandCursor.cjs","sources":["../../../../src/components/charts/core/BandCursor.tsx"],"sourcesContent":["import type { ChartPlot } from './cartesianLayout';\nimport styles from './Chart.module.css';\n\nexport type BandOrientation = 'vertical' | 'horizontal';\n\nexport interface BandCursorProps {\n  /** Comeco da faixa no eixo de categorias. */\n  offset: number;\n  orientation?: BandOrientation;\n  plot: ChartPlot;\n  /** Largura da faixa, que e a banda da escala de categorias. */\n  size: number;\n}\n\n/**\n * Realce da faixa sob o ponteiro, atras das marcas. Na vertical ele e uma\n * coluna e na horizontal uma linha: so o eixo troca.\n */\nexport function BandCursor({ offset, orientation = 'vertical', plot, size }: BandCursorProps) {\n  const vertical = orientation === 'vertical';\n\n  return (\n    <rect\n      className={styles.cursor}\n      height={vertical ? plot.height : size}\n      width={vertical ? size : plot.width}\n      x={vertical ? offset : 0}\n      y={vertical ? 0 : offset}\n    />\n  );\n}\n"],"names":["BandCursor","offset","orientation","plot","size","vertical","jsx","styles"],"mappings":"yJAkBO,SAASA,EAAW,CAAE,OAAAC,EAAQ,YAAAC,EAAc,WAAY,KAAAC,EAAM,KAAAC,GAAyB,CAC5F,MAAMC,EAAWH,IAAgB,WAEjC,OACEI,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,QAAO,OAClB,OAAQF,EAAWF,EAAK,OAASC,EACjC,MAAOC,EAAWD,EAAOD,EAAK,MAC9B,EAAGE,EAAWJ,EAAS,EACvB,EAAGI,EAAW,EAAIJ,CAAA,CAAA,CAGxB"}

package/dist/components/charts/core/BandCursor.js

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import a from "./Chart.module.css.js";
+function m({ offset: t, orientation: e = "vertical", plot: i, size: c }) {
+  const r = e === "vertical";
+  return /* @__PURE__ */ o(
+    "rect",
+    {
+      className: a.cursor,
+      height: r ? i.height : c,
+      width: r ? c : i.width,
+      x: r ? t : 0,
+      y: r ? 0 : t
+    }
+  );
+}
+export {
+  m as BandCursor
+};
+//# sourceMappingURL=BandCursor.js.map

package/dist/components/charts/core/BandCursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BandCursor.js","sources":["../../../../src/components/charts/core/BandCursor.tsx"],"sourcesContent":["import type { ChartPlot } from './cartesianLayout';\nimport styles from './Chart.module.css';\n\nexport type BandOrientation = 'vertical' | 'horizontal';\n\nexport interface BandCursorProps {\n  /** Comeco da faixa no eixo de categorias. */\n  offset: number;\n  orientation?: BandOrientation;\n  plot: ChartPlot;\n  /** Largura da faixa, que e a banda da escala de categorias. */\n  size: number;\n}\n\n/**\n * Realce da faixa sob o ponteiro, atras das marcas. Na vertical ele e uma\n * coluna e na horizontal uma linha: so o eixo troca.\n */\nexport function BandCursor({ offset, orientation = 'vertical', plot, size }: BandCursorProps) {\n  const vertical = orientation === 'vertical';\n\n  return (\n    <rect\n      className={styles.cursor}\n      height={vertical ? plot.height : size}\n      width={vertical ? size : plot.width}\n      x={vertical ? offset : 0}\n      y={vertical ? 0 : offset}\n    />\n  );\n}\n"],"names":["BandCursor","offset","orientation","plot","size","vertical","jsx","styles"],"mappings":";;AAkBO,SAASA,EAAW,EAAE,QAAAC,GAAQ,aAAAC,IAAc,YAAY,MAAAC,GAAM,MAAAC,KAAyB;AAC5F,QAAMC,IAAWH,MAAgB;AAEjC,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,QAAQF,IAAWF,EAAK,SAASC;AAAA,MACjC,OAAOC,IAAWD,IAAOD,EAAK;AAAA,MAC9B,GAAGE,IAAWJ,IAAS;AAAA,MACvB,GAAGI,IAAW,IAAIJ;AAAA,IAAA;AAAA,EAAA;AAGxB;"}

package/dist/components/charts/core/CartesianFrame.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),$=require("./Axis.cjs"),q=require("./ChartFrame.cjs"),v=require("./Grid.cjs"),o=require("./Chart.module.css.cjs"),L={bottom:o.default.slideUp,left:o.default.slideRight,right:o.default.slideLeft};function u({axis:i,gutter:n,length:c,orientation:a}){const l=i.visibility??"visible";if(l==="hidden")return null;const h=l==="onHover",d=t.jsx($.Axis,{hideLine:i.hideLine,labelRotation:i.labelRotation,length:c,orientation:a,ticks:i.ticks});return h?t.jsxs("g",{className:`${o.default.dynamicAxis} ${L[a]}`,children:[t.jsx("rect",{className:o.default.gutter,height:n.height,width:n.width,x:n.x,y:n.y}),d]}):d}function E({children:i,containerRef:n,empty:c,emptyMessage:a,fillHeight:l,grid:h,height:d,legend:f,legendAlign:g,legendPosition:m,margins:r,onToggleSeries:j,plot:e,title:b,width:w,xAxis:y,yAxis:C,yAxisRight:x}){return t.jsx(q.ChartFrame,{containerRef:n,empty:c,emptyMessage:a,fillHeight:l,height:d,legend:f,legendAlign:g,legendPosition:m,minLegendEntries:2,onToggleSeries:j,title:b,width:w,children:t.jsxs("g",{transform:`translate(${r.left} ${r.top})`,children:[h==null?void 0:h.map(s=>t.jsx(v.Grid,{baseline:s.baseline,length:s.orientation==="horizontal"?e.width:e.height,lines:s.lines,orientation:s.orientation},s.orientation)),i,t.jsx("g",{transform:`translate(0 ${e.height})`,children:t.jsx(u,{axis:y,gutter:{height:r.bottom,width:e.width,x:0,y:0},length:e.width,orientation:"bottom"})}),t.jsx(u,{axis:C,gutter:{height:e.height,width:r.left,x:-r.left,y:0},length:e.height,orientation:"left"}),x&&t.jsx("g",{transform:`translate(${e.width} 0)`,children:t.jsx(u,{axis:x,gutter:{height:e.height,width:r.right,x:0,y:0},length:e.height,orientation:"right"})})]})})}exports.CartesianFrame=E;
+//# sourceMappingURL=CartesianFrame.cjs.map

package/dist/components/charts/core/CartesianFrame.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianFrame.cjs","sources":["../../../../src/components/charts/core/CartesianFrame.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Axis, type AxisOrientation, type AxisTick } from './Axis';\nimport { ChartFrame } from './ChartFrame';\nimport type { ChartLegendAlign, ChartLegendEntry, ChartLegendPosition } from './ChartLegend';\nimport { Grid, type GridOrientation } from './Grid';\nimport type { AxisLabelRotation, AxisVisibility, ChartMargins, ChartPlot } from './cartesianLayout';\nimport styles from './Chart.module.css';\n\nexport interface CartesianAxis {\n  hideLine?: boolean;\n  labelRotation?: AxisLabelRotation;\n  ticks: readonly AxisTick[];\n  visibility?: AxisVisibility;\n}\n\nexport interface CartesianGrid {\n  baseline?: number;\n  lines: readonly number[];\n  orientation: GridOrientation;\n}\n\nexport interface CartesianFrameProps {\n  children: ReactNode;\n  containerRef: (node: HTMLElement | null) => void;\n  empty: boolean;\n  emptyMessage: string;\n  fillHeight: boolean;\n  grid?: readonly CartesianGrid[];\n  height: number;\n  legend?: readonly ChartLegendEntry[];\n  legendAlign?: ChartLegendAlign;\n  legendPosition: ChartLegendPosition;\n  margins: ChartMargins;\n  onToggleSeries?: (label: string) => void;\n  plot: ChartPlot;\n  title: string;\n  width: number;\n  xAxis: CartesianAxis;\n  yAxis: CartesianAxis;\n  yAxisRight?: CartesianAxis;\n}\n\nconst DESLIZE: Record<AxisOrientation, string> = {\n  bottom: styles.slideUp,\n  left: styles.slideRight,\n  right: styles.slideLeft,\n};\n\ninterface EixoProps {\n  axis: CartesianAxis;\n  gutter: { height: number; width: number; x: number; y: number };\n  length: number;\n  orientation: AxisOrientation;\n}\n\n/**\n * Um eixo e a sua calha. No modo `onHover` a calha e um alvo transparente: o\n * eixo desliza para dentro dela depois de um instante de ponteiro parado, e sai\n * na hora em que o ponteiro deixa a area.\n */\nfunction EixoComCalha({ axis, gutter, length, orientation }: EixoProps) {\n  const visibility = axis.visibility ?? 'visible';\n\n  if (visibility === 'hidden') {\n    return null;\n  }\n\n  const dinamico = visibility === 'onHover';\n  const eixo = (\n    <Axis\n      hideLine={axis.hideLine}\n      labelRotation={axis.labelRotation}\n      length={length}\n      orientation={orientation}\n      ticks={axis.ticks}\n    />\n  );\n\n  if (!dinamico) {\n    return eixo;\n  }\n\n  return (\n    <g className={`${styles.dynamicAxis} ${DESLIZE[orientation]}`}>\n      <rect\n        className={styles.gutter}\n        height={gutter.height}\n        width={gutter.width}\n        x={gutter.x}\n        y={gutter.y}\n      />\n      {eixo}\n    </g>\n  );\n}\n\n/**\n * Camada cartesiana sobre a moldura comum: grade, os dois eixos e as marcas,\n * todos dentro das margens ja calculadas a partir dos rotulos.\n */\nexport function CartesianFrame({\n  children,\n  containerRef,\n  empty,\n  emptyMessage,\n  fillHeight,\n  grid,\n  height,\n  legend,\n  legendAlign,\n  legendPosition,\n  margins,\n  onToggleSeries,\n  plot,\n  title,\n  width,\n  xAxis,\n  yAxis,\n  yAxisRight,\n}: CartesianFrameProps) {\n  return (\n    <ChartFrame\n      containerRef={containerRef}\n      empty={empty}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={height}\n      legend={legend}\n      legendAlign={legendAlign}\n      legendPosition={legendPosition}\n      minLegendEntries={2}\n      onToggleSeries={onToggleSeries}\n      title={title}\n      width={width}\n    >\n      <g transform={`translate(${margins.left} ${margins.top})`}>\n        {grid?.map((linhas) => (\n          <Grid\n            baseline={linhas.baseline}\n            key={linhas.orientation}\n            length={linhas.orientation === 'horizontal' ? plot.width : plot.height}\n            lines={linhas.lines}\n            orientation={linhas.orientation}\n          />\n        ))}\n\n        {children}\n\n        <g transform={`translate(0 ${plot.height})`}>\n          <EixoComCalha\n            axis={xAxis}\n            gutter={{ height: margins.bottom, width: plot.width, x: 0, y: 0 }}\n            length={plot.width}\n            orientation=\"bottom\"\n          />\n        </g>\n\n        <EixoComCalha\n          axis={yAxis}\n          gutter={{ height: plot.height, width: margins.left, x: -margins.left, y: 0 }}\n          length={plot.height}\n          orientation=\"left\"\n        />\n\n        {yAxisRight && (\n          <g transform={`translate(${plot.width} 0)`}>\n            <EixoComCalha\n              axis={yAxisRight}\n              gutter={{ height: plot.height, width: margins.right, x: 0, y: 0 }}\n              length={plot.height}\n              orientation=\"right\"\n            />\n          </g>\n        )}\n      </g>\n    </ChartFrame>\n  );\n}\n"],"names":["DESLIZE","styles","EixoComCalha","axis","gutter","length","orientation","visibility","dinamico","eixo","jsx","Axis","jsxs","CartesianFrame","children","containerRef","empty","emptyMessage","fillHeight","grid","height","legend","legendAlign","legendPosition","margins","onToggleSeries","plot","title","width","xAxis","yAxis","yAxisRight","ChartFrame","linhas","Grid"],"mappings":"uOA0CMA,EAA2C,CAC/C,OAAQC,EAAAA,QAAO,QACf,KAAMA,EAAAA,QAAO,WACb,MAAOA,EAAAA,QAAO,SAChB,EAcA,SAASC,EAAa,CAAE,KAAAC,EAAM,OAAAC,EAAQ,OAAAC,EAAQ,YAAAC,GAA0B,CACtE,MAAMC,EAAaJ,EAAK,YAAc,UAEtC,GAAII,IAAe,SACjB,OAAO,KAGT,MAAMC,EAAWD,IAAe,UAC1BE,EACJC,EAAAA,IAACC,EAAAA,KAAA,CACC,SAAUR,EAAK,SACf,cAAeA,EAAK,cACpB,OAAAE,EACA,YAAAC,EACA,MAAOH,EAAK,KAAA,CAAA,EAIhB,OAAKK,EAKHI,EAAAA,KAAC,IAAA,CAAE,UAAW,GAAGX,EAAAA,QAAO,WAAW,IAAID,EAAQM,CAAW,CAAC,GACzD,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACC,UAAWT,EAAAA,QAAO,OAClB,OAAQG,EAAO,OACf,MAAOA,EAAO,MACd,EAAGA,EAAO,EACV,EAAGA,EAAO,CAAA,CAAA,EAEXK,CAAA,EACH,EAbOA,CAeX,CAMO,SAASI,EAAe,CAC7B,SAAAC,EACA,aAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,YAAAC,EACA,eAAAC,EACA,QAAAC,EACA,eAAAC,EACA,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,OACErB,EAAAA,IAACsB,EAAAA,WAAA,CACC,aAAAjB,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,OAAAE,EACA,OAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAkB,EAClB,eAAAE,EACA,MAAAE,EACA,MAAAC,EAEA,SAAAhB,EAAAA,KAAC,KAAE,UAAW,aAAaY,EAAQ,IAAI,IAAIA,EAAQ,GAAG,IACnD,SAAA,CAAAL,GAAA,YAAAA,EAAM,IAAKc,GACVvB,EAAAA,IAACwB,EAAAA,KAAA,CACC,SAAUD,EAAO,SAEjB,OAAQA,EAAO,cAAgB,aAAeP,EAAK,MAAQA,EAAK,OAChE,MAAOO,EAAO,MACd,YAAaA,EAAO,WAAA,EAHfA,EAAO,WAAA,GAOfnB,QAEA,IAAA,CAAE,UAAW,eAAeY,EAAK,MAAM,IACtC,SAAAhB,EAAAA,IAACR,EAAA,CACC,KAAM2B,EACN,OAAQ,CAAE,OAAQL,EAAQ,OAAQ,MAAOE,EAAK,MAAO,EAAG,EAAG,EAAG,CAAA,EAC9D,OAAQA,EAAK,MACb,YAAY,QAAA,CAAA,EAEhB,EAEAhB,EAAAA,IAACR,EAAA,CACC,KAAM4B,EACN,OAAQ,CAAE,OAAQJ,EAAK,OAAQ,MAAOF,EAAQ,KAAM,EAAG,CAACA,EAAQ,KAAM,EAAG,CAAA,EACzE,OAAQE,EAAK,OACb,YAAY,MAAA,CAAA,EAGbK,GACCrB,EAAAA,IAAC,IAAA,CAAE,UAAW,aAAagB,EAAK,KAAK,MACnC,SAAAhB,EAAAA,IAACR,EAAA,CACC,KAAM6B,EACN,OAAQ,CAAE,OAAQL,EAAK,OAAQ,MAAOF,EAAQ,MAAO,EAAG,EAAG,EAAG,CAAA,EAC9D,OAAQE,EAAK,OACb,YAAY,OAAA,CAAA,CACd,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,CAGN"}

package/dist/components/charts/core/CartesianFrame.js

@@ -0,0 +1,120 @@
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { Axis as C } from "./Axis.js";
+import { ChartFrame as E } from "./ChartFrame.js";
+import { Grid as j } from "./Grid.js";
+import a from "./Chart.module.css.js";
+const k = {
+  bottom: a.slideUp,
+  left: a.slideRight,
+  right: a.slideLeft
+};
+function c({ axis: e, gutter: n, length: m, orientation: l }) {
+  const s = e.visibility ?? "visible";
+  if (s === "hidden")
+    return null;
+  const r = s === "onHover", d = /* @__PURE__ */ i(
+    C,
+    {
+      hideLine: e.hideLine,
+      labelRotation: e.labelRotation,
+      length: m,
+      orientation: l,
+      ticks: e.ticks
+    }
+  );
+  return r ? /* @__PURE__ */ g("g", { className: `${a.dynamicAxis} ${k[l]}`, children: [
+    /* @__PURE__ */ i(
+      "rect",
+      {
+        className: a.gutter,
+        height: n.height,
+        width: n.width,
+        x: n.x,
+        y: n.y
+      }
+    ),
+    d
+  ] }) : d;
+}
+function D({
+  children: e,
+  containerRef: n,
+  empty: m,
+  emptyMessage: l,
+  fillHeight: s,
+  grid: r,
+  height: d,
+  legend: x,
+  legendAlign: b,
+  legendPosition: w,
+  margins: h,
+  onToggleSeries: u,
+  plot: t,
+  title: y,
+  width: $,
+  xAxis: L,
+  yAxis: v,
+  yAxisRight: f
+}) {
+  return /* @__PURE__ */ i(
+    E,
+    {
+      containerRef: n,
+      empty: m,
+      emptyMessage: l,
+      fillHeight: s,
+      height: d,
+      legend: x,
+      legendAlign: b,
+      legendPosition: w,
+      minLegendEntries: 2,
+      onToggleSeries: u,
+      title: y,
+      width: $,
+      children: /* @__PURE__ */ g("g", { transform: `translate(${h.left} ${h.top})`, children: [
+        r == null ? void 0 : r.map((o) => /* @__PURE__ */ i(
+          j,
+          {
+            baseline: o.baseline,
+            length: o.orientation === "horizontal" ? t.width : t.height,
+            lines: o.lines,
+            orientation: o.orientation
+          },
+          o.orientation
+        )),
+        e,
+        /* @__PURE__ */ i("g", { transform: `translate(0 ${t.height})`, children: /* @__PURE__ */ i(
+          c,
+          {
+            axis: L,
+            gutter: { height: h.bottom, width: t.width, x: 0, y: 0 },
+            length: t.width,
+            orientation: "bottom"
+          }
+        ) }),
+        /* @__PURE__ */ i(
+          c,
+          {
+            axis: v,
+            gutter: { height: t.height, width: h.left, x: -h.left, y: 0 },
+            length: t.height,
+            orientation: "left"
+          }
+        ),
+        f && /* @__PURE__ */ i("g", { transform: `translate(${t.width} 0)`, children: /* @__PURE__ */ i(
+          c,
+          {
+            axis: f,
+            gutter: { height: t.height, width: h.right, x: 0, y: 0 },
+            length: t.height,
+            orientation: "right"
+          }
+        ) })
+      ] })
+    }
+  );
+}
+export {
+  D as CartesianFrame
+};
+//# sourceMappingURL=CartesianFrame.js.map

package/dist/components/charts/core/CartesianFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianFrame.js","sources":["../../../../src/components/charts/core/CartesianFrame.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Axis, type AxisOrientation, type AxisTick } from './Axis';\nimport { ChartFrame } from './ChartFrame';\nimport type { ChartLegendAlign, ChartLegendEntry, ChartLegendPosition } from './ChartLegend';\nimport { Grid, type GridOrientation } from './Grid';\nimport type { AxisLabelRotation, AxisVisibility, ChartMargins, ChartPlot } from './cartesianLayout';\nimport styles from './Chart.module.css';\n\nexport interface CartesianAxis {\n  hideLine?: boolean;\n  labelRotation?: AxisLabelRotation;\n  ticks: readonly AxisTick[];\n  visibility?: AxisVisibility;\n}\n\nexport interface CartesianGrid {\n  baseline?: number;\n  lines: readonly number[];\n  orientation: GridOrientation;\n}\n\nexport interface CartesianFrameProps {\n  children: ReactNode;\n  containerRef: (node: HTMLElement | null) => void;\n  empty: boolean;\n  emptyMessage: string;\n  fillHeight: boolean;\n  grid?: readonly CartesianGrid[];\n  height: number;\n  legend?: readonly ChartLegendEntry[];\n  legendAlign?: ChartLegendAlign;\n  legendPosition: ChartLegendPosition;\n  margins: ChartMargins;\n  onToggleSeries?: (label: string) => void;\n  plot: ChartPlot;\n  title: string;\n  width: number;\n  xAxis: CartesianAxis;\n  yAxis: CartesianAxis;\n  yAxisRight?: CartesianAxis;\n}\n\nconst DESLIZE: Record<AxisOrientation, string> = {\n  bottom: styles.slideUp,\n  left: styles.slideRight,\n  right: styles.slideLeft,\n};\n\ninterface EixoProps {\n  axis: CartesianAxis;\n  gutter: { height: number; width: number; x: number; y: number };\n  length: number;\n  orientation: AxisOrientation;\n}\n\n/**\n * Um eixo e a sua calha. No modo `onHover` a calha e um alvo transparente: o\n * eixo desliza para dentro dela depois de um instante de ponteiro parado, e sai\n * na hora em que o ponteiro deixa a area.\n */\nfunction EixoComCalha({ axis, gutter, length, orientation }: EixoProps) {\n  const visibility = axis.visibility ?? 'visible';\n\n  if (visibility === 'hidden') {\n    return null;\n  }\n\n  const dinamico = visibility === 'onHover';\n  const eixo = (\n    <Axis\n      hideLine={axis.hideLine}\n      labelRotation={axis.labelRotation}\n      length={length}\n      orientation={orientation}\n      ticks={axis.ticks}\n    />\n  );\n\n  if (!dinamico) {\n    return eixo;\n  }\n\n  return (\n    <g className={`${styles.dynamicAxis} ${DESLIZE[orientation]}`}>\n      <rect\n        className={styles.gutter}\n        height={gutter.height}\n        width={gutter.width}\n        x={gutter.x}\n        y={gutter.y}\n      />\n      {eixo}\n    </g>\n  );\n}\n\n/**\n * Camada cartesiana sobre a moldura comum: grade, os dois eixos e as marcas,\n * todos dentro das margens ja calculadas a partir dos rotulos.\n */\nexport function CartesianFrame({\n  children,\n  containerRef,\n  empty,\n  emptyMessage,\n  fillHeight,\n  grid,\n  height,\n  legend,\n  legendAlign,\n  legendPosition,\n  margins,\n  onToggleSeries,\n  plot,\n  title,\n  width,\n  xAxis,\n  yAxis,\n  yAxisRight,\n}: CartesianFrameProps) {\n  return (\n    <ChartFrame\n      containerRef={containerRef}\n      empty={empty}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={height}\n      legend={legend}\n      legendAlign={legendAlign}\n      legendPosition={legendPosition}\n      minLegendEntries={2}\n      onToggleSeries={onToggleSeries}\n      title={title}\n      width={width}\n    >\n      <g transform={`translate(${margins.left} ${margins.top})`}>\n        {grid?.map((linhas) => (\n          <Grid\n            baseline={linhas.baseline}\n            key={linhas.orientation}\n            length={linhas.orientation === 'horizontal' ? plot.width : plot.height}\n            lines={linhas.lines}\n            orientation={linhas.orientation}\n          />\n        ))}\n\n        {children}\n\n        <g transform={`translate(0 ${plot.height})`}>\n          <EixoComCalha\n            axis={xAxis}\n            gutter={{ height: margins.bottom, width: plot.width, x: 0, y: 0 }}\n            length={plot.width}\n            orientation=\"bottom\"\n          />\n        </g>\n\n        <EixoComCalha\n          axis={yAxis}\n          gutter={{ height: plot.height, width: margins.left, x: -margins.left, y: 0 }}\n          length={plot.height}\n          orientation=\"left\"\n        />\n\n        {yAxisRight && (\n          <g transform={`translate(${plot.width} 0)`}>\n            <EixoComCalha\n              axis={yAxisRight}\n              gutter={{ height: plot.height, width: margins.right, x: 0, y: 0 }}\n              length={plot.height}\n              orientation=\"right\"\n            />\n          </g>\n        )}\n      </g>\n    </ChartFrame>\n  );\n}\n"],"names":["DESLIZE","styles","EixoComCalha","axis","gutter","length","orientation","visibility","dinamico","eixo","jsx","Axis","jsxs","CartesianFrame","children","containerRef","empty","emptyMessage","fillHeight","grid","height","legend","legendAlign","legendPosition","margins","onToggleSeries","plot","title","width","xAxis","yAxis","yAxisRight","ChartFrame","linhas","Grid"],"mappings":"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"}

package/dist/components/charts/core/Chart.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_figure_141iy_1",t="_title_141iy_9",i="_body_141iy_20",n="_plot_141iy_29",l="_plotFill_141iy_37",_="_bodyColumn_141iy_42",d="_bodyRow_141iy_46",s="_canvas_141iy_51",o="_empty_141iy_59",g="_axisLine_141iy_68",c="_axisLabel_141iy_73",y="_gutter_141iy_81",a="_dynamicAxis_141iy_88",r="_slideRight_141iy_102",u="_slideLeft_141iy_106",L="_slideUp_141iy_110",b="_gridLine_141iy_114",f="_gridBaseline_141iy_119",m="_cursor_141iy_160",p="_legend_141iy_165",h="_legendLeft_141iy_176",w="_legendCenter_141iy_180",x="_legendRight_141iy_184",R="_legendSide_141iy_188",B="_legendItem_141iy_197",C="_legendButton_141iy_198",v="_legendOff_141iy_245",S="_swatch_141iy_249",O="_swatchDot_141iy_269",A="_legendLabel_141iy_274",D="_legendValue_141iy_281",F={figure:e,title:t,body:i,plot:n,plotFill:l,bodyColumn:_,bodyRow:d,canvas:s,empty:o,axisLine:g,axisLabel:c,gutter:y,dynamicAxis:a,slideRight:r,slideLeft:u,slideUp:L,gridLine:b,gridBaseline:f,cursor:m,legend:p,legendLeft:h,legendCenter:w,legendRight:x,legendSide:R,legendItem:B,legendButton:C,legendOff:v,swatch:S,swatchDot:O,legendLabel:A,legendValue:D};exports.axisLabel=c;exports.axisLine=g;exports.body=i;exports.bodyColumn=_;exports.bodyRow=d;exports.canvas=s;exports.cursor=m;exports.default=F;exports.dynamicAxis=a;exports.empty=o;exports.figure=e;exports.gridBaseline=f;exports.gridLine=b;exports.gutter=y;exports.legend=p;exports.legendButton=C;exports.legendCenter=w;exports.legendItem=B;exports.legendLabel=A;exports.legendLeft=h;exports.legendOff=v;exports.legendRight=x;exports.legendSide=R;exports.legendValue=D;exports.plot=n;exports.plotFill=l;exports.slideLeft=u;exports.slideRight=r;exports.slideUp=L;exports.swatch=S;exports.swatchDot=O;exports.title=t;
+//# sourceMappingURL=Chart.module.css.cjs.map

package/dist/components/charts/core/Chart.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/charts/core/Chart.module.css.js

@@ -0,0 +1,68 @@
+const e = "_figure_141iy_1", _ = "_title_141iy_9", t = "_body_141iy_20", n = "_plot_141iy_29", i = "_plotFill_141iy_37", l = "_bodyColumn_141iy_42", s = "_bodyRow_141iy_46", o = "_canvas_141iy_51", d = "_empty_141iy_59", g = "_axisLine_141iy_68", c = "_axisLabel_141iy_73", y = "_gutter_141iy_81", a = "_dynamicAxis_141iy_88", r = "_slideRight_141iy_102", u = "_slideLeft_141iy_106", L = "_slideUp_141iy_110", f = "_gridLine_141iy_114", b = "_gridBaseline_141iy_119", p = "_cursor_141iy_160", h = "_legend_141iy_165", m = "_legendLeft_141iy_176", x = "_legendCenter_141iy_180", w = "_legendRight_141iy_184", R = "_legendSide_141iy_188", B = "_legendItem_141iy_197", C = "_legendButton_141iy_198", v = "_legendOff_141iy_245", A = "_swatch_141iy_249", D = "_swatchDot_141iy_269", F = "_legendLabel_141iy_274", I = "_legendValue_141iy_281", O = {
+  figure: e,
+  title: _,
+  body: t,
+  plot: n,
+  plotFill: i,
+  bodyColumn: l,
+  bodyRow: s,
+  canvas: o,
+  empty: d,
+  axisLine: g,
+  axisLabel: c,
+  gutter: y,
+  dynamicAxis: a,
+  slideRight: r,
+  slideLeft: u,
+  slideUp: L,
+  gridLine: f,
+  gridBaseline: b,
+  cursor: p,
+  legend: h,
+  legendLeft: m,
+  legendCenter: x,
+  legendRight: w,
+  legendSide: R,
+  legendItem: B,
+  legendButton: C,
+  legendOff: v,
+  swatch: A,
+  swatchDot: D,
+  legendLabel: F,
+  legendValue: I
+};
+export {
+  c as axisLabel,
+  g as axisLine,
+  t as body,
+  l as bodyColumn,
+  s as bodyRow,
+  o as canvas,
+  p as cursor,
+  O as default,
+  a as dynamicAxis,
+  d as empty,
+  e as figure,
+  b as gridBaseline,
+  f as gridLine,
+  y as gutter,
+  h as legend,
+  C as legendButton,
+  x as legendCenter,
+  B as legendItem,
+  F as legendLabel,
+  m as legendLeft,
+  v as legendOff,
+  w as legendRight,
+  R as legendSide,
+  I as legendValue,
+  n as plot,
+  i as plotFill,
+  u as slideLeft,
+  r as slideRight,
+  L as slideUp,
+  A as swatch,
+  D as swatchDot,
+  _ as title
+};
+//# sourceMappingURL=Chart.module.css.js.map

package/dist/components/charts/core/Chart.module.css.js.map

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

package/dist/components/charts/core/ChartFrame.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),$=require("react"),q=require("./ChartLegend.cjs"),t=require("./Chart.module.css.cjs"),C=require("../../feedback/EmptyState/EmptyState.cjs"),N=require("../../icons/icons.cjs");function g({children:c,centerOrigin:i=!1,containerRef:d,empty:m,emptyMessage:f,fillHeight:u,height:r,legend:l,legendAlign:j,legendPosition:a,minLegendEntries:x=1,onToggleSeries:y,swatch:p="square",title:v,width:s}){const o=$.useId(),b=a==="left"||a==="right",n=a!=="none"&&l!==void 0&&l.length>=x&&e.jsx(q.ChartLegend,{align:j,entries:l,onToggle:y,position:a,swatch:p});return e.jsxs("figure",{className:t.default.figure,children:[e.jsx("figcaption",{className:t.default.title,id:o,children:v}),e.jsxs("div",{className:`${t.default.body} ${b?t.default.bodyRow:t.default.bodyColumn}`,children:[(a==="top"||a==="left")&&n,e.jsx("div",{className:`${t.default.plot} ${u?t.default.plotFill:""}`,ref:d,style:u?void 0:{minHeight:r},children:m?e.jsx("div",{className:t.default.empty,children:e.jsx(C.EmptyState,{icon:e.jsx(N.IconChartBar,{}),size:"sm",title:f})}):s===0||r===0?null:e.jsx("svg",{"aria-labelledby":o,className:t.default.canvas,height:r,role:"img",viewBox:`0 0 ${s} ${r}`,width:s,children:i?e.jsx("g",{transform:`translate(${s/2} ${r/2})`,children:c}):c})}),(a==="bottom"||a==="right")&&n]})]})}exports.ChartFrame=g;
+//# sourceMappingURL=ChartFrame.cjs.map

package/dist/components/charts/core/ChartFrame.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFrame.cjs","sources":["../../../../src/components/charts/core/ChartFrame.tsx"],"sourcesContent":["import { useId, type ReactNode } from 'react';\nimport {\n  ChartLegend,\n  type ChartLegendAlign,\n  type ChartLegendEntry,\n  type ChartLegendPosition,\n  type ChartLegendSwatch,\n} from './ChartLegend';\nimport { EmptyState } from '../../feedback/EmptyState';\nimport { IconChartBar } from '../../icons';\nimport styles from './Chart.module.css';\n\nexport interface ChartFrameProps {\n  /** Marcas do grafico, em coordenadas da area de desenho. */\n  children: ReactNode;\n  /**\n   * Leva a origem das marcas para o centro da area, de modo que o filho\n   * raciocine em raio e angulo em vez de converter coordenadas.\n   */\n  centerOrigin?: boolean;\n  containerRef: (node: HTMLElement | null) => void;\n  empty: boolean;\n  emptyMessage: string;\n  fillHeight: boolean;\n  height: number;\n  legend?: readonly ChartLegendEntry[];\n  legendAlign?: ChartLegendAlign;\n  legendPosition: ChartLegendPosition;\n  /** A partir de quantas entradas a legenda aparece. */\n  minLegendEntries?: number;\n  onToggleSeries?: (label: string) => void;\n  swatch?: ChartLegendSwatch;\n  title: string;\n  width: number;\n}\n\n/**\n * Moldura de qualquer grafico: titulo, area de desenho, estado vazio e legenda.\n * O que muda entre as familias e o que se desenha dentro dela — eixos, aneis ou\n * a area inteira —, e nao o cerco, que era o mesmo repetido tres vezes.\n */\nexport function ChartFrame({\n  children,\n  centerOrigin = false,\n  containerRef,\n  empty,\n  emptyMessage,\n  fillHeight,\n  height,\n  legend,\n  legendAlign,\n  legendPosition,\n  minLegendEntries = 1,\n  onToggleSeries,\n  swatch = 'square',\n  title,\n  width,\n}: ChartFrameProps) {\n  const tituloId = useId();\n  const lateral = legendPosition === 'left' || legendPosition === 'right';\n  const legenda = legendPosition !== 'none' && legend !== undefined && legend.length >= minLegendEntries && (\n    <ChartLegend\n      align={legendAlign}\n      entries={legend}\n      onToggle={onToggleSeries}\n      position={legendPosition}\n      swatch={swatch}\n    />\n  );\n\n  return (\n    <figure className={styles.figure}>\n      <figcaption className={styles.title} id={tituloId}>\n        {title}\n      </figcaption>\n\n      <div className={`${styles.body} ${lateral ? styles.bodyRow : styles.bodyColumn}`}>\n        {(legendPosition === 'top' || legendPosition === 'left') && legenda}\n\n        <div\n          className={`${styles.plot} ${fillHeight ? styles.plotFill : ''}`}\n          ref={containerRef}\n          style={fillHeight ? undefined : { minHeight: height }}\n        >\n          {/* Sem medida ainda — SSR, aba escondida, contêiner recolhido — o\n              desenho espera. Anunciar ausencia de dados ali seria mentira: eles\n              estao la, e o que falta e largura. */}\n          {empty ? (\n            <div className={styles.empty}>\n              <EmptyState icon={<IconChartBar />} size=\"sm\" title={emptyMessage} />\n            </div>\n          ) : width === 0 || height === 0 ? null : (\n            <svg\n              aria-labelledby={tituloId}\n              className={styles.canvas}\n              height={height}\n              role=\"img\"\n              viewBox={`0 0 ${width} ${height}`}\n              width={width}\n            >\n              {centerOrigin ? (\n                <g transform={`translate(${width / 2} ${height / 2})`}>{children}</g>\n              ) : (\n                children\n              )}\n            </svg>\n          )}\n        </div>\n\n        {(legendPosition === 'bottom' || legendPosition === 'right') && legenda}\n      </div>\n    </figure>\n  );\n}\n"],"names":["ChartFrame","children","centerOrigin","containerRef","empty","emptyMessage","fillHeight","height","legend","legendAlign","legendPosition","minLegendEntries","onToggleSeries","swatch","title","width","tituloId","useId","lateral","legenda","jsx","ChartLegend","jsxs","styles","EmptyState","IconChartBar"],"mappings":"oSAyCO,SAASA,EAAW,CACzB,SAAAC,EACA,aAAAC,EAAe,GACf,aAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,OAAAC,EACA,OAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAAC,EAAmB,EACnB,eAAAC,EACA,OAAAC,EAAS,SACT,MAAAC,EACA,MAAAC,CACF,EAAoB,CAClB,MAAMC,EAAWC,EAAAA,MAAA,EACXC,EAAUR,IAAmB,QAAUA,IAAmB,QAC1DS,EAAUT,IAAmB,QAAUF,IAAW,QAAaA,EAAO,QAAUG,GACpFS,EAAAA,IAACC,EAAAA,YAAA,CACC,MAAOZ,EACP,QAASD,EACT,SAAUI,EACV,SAAUF,EACV,OAAAG,CAAA,CAAA,EAIJ,OACES,EAAAA,KAAC,SAAA,CAAO,UAAWC,EAAAA,QAAO,OACxB,SAAA,CAAAH,MAAC,cAAW,UAAWG,EAAAA,QAAO,MAAO,GAAIP,EACtC,SAAAF,EACH,EAEAQ,EAAAA,KAAC,MAAA,CAAI,UAAW,GAAGC,EAAAA,QAAO,IAAI,IAAIL,EAAUK,EAAAA,QAAO,QAAUA,EAAAA,QAAO,UAAU,GAC1E,SAAA,EAAAb,IAAmB,OAASA,IAAmB,SAAWS,EAE5DC,EAAAA,IAAC,MAAA,CACC,UAAW,GAAGG,EAAAA,QAAO,IAAI,IAAIjB,EAAaiB,EAAAA,QAAO,SAAW,EAAE,GAC9D,IAAKpB,EACL,MAAOG,EAAa,OAAY,CAAE,UAAWC,CAAA,EAK5C,SAAAH,QACE,MAAA,CAAI,UAAWmB,EAAAA,QAAO,MACrB,SAAAH,EAAAA,IAACI,aAAA,CAAW,KAAMJ,EAAAA,IAACK,eAAA,CAAA,CAAa,EAAI,KAAK,KAAK,MAAOpB,CAAA,CAAc,EACrE,EACEU,IAAU,GAAKR,IAAW,EAAI,KAChCa,EAAAA,IAAC,MAAA,CACC,kBAAiBJ,EACjB,UAAWO,EAAAA,QAAO,OAClB,OAAAhB,EACA,KAAK,MACL,QAAS,OAAOQ,CAAK,IAAIR,CAAM,GAC/B,MAAAQ,EAEC,SAAAb,EACCkB,EAAAA,IAAC,IAAA,CAAE,UAAW,aAAaL,EAAQ,CAAC,IAAIR,EAAS,CAAC,IAAM,SAAAN,CAAA,CAAS,EAEjEA,CAAA,CAAA,CAEJ,CAAA,GAIFS,IAAmB,UAAYA,IAAmB,UAAYS,CAAA,CAAA,CAClE,CAAA,EACF,CAEJ"}