@plenustech/design-system 0.2.2 → 0.2.4

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

@@ -1,120 +1,85 @@
-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")
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { Axis as A } from "./Axis.js";
+import { ChartFrame as C } from "./ChartFrame.js";
+import { Grid as F } from "./Grid.js";
+import b from "./Chart.module.css.js";
+function s({ axis: t, length: m, orientation: h, revealed: c }) {
+  const e = t.visibility ?? "visible";
+  if (e === "hidden")
     return null;
-  const r = s === "onHover", d = /* @__PURE__ */ i(
-    C,
+  const d = e === "onHover", r = /* @__PURE__ */ n(
+    A,
     {
-      hideLine: e.hideLine,
-      labelRotation: e.labelRotation,
+      hideLine: t.hideLine,
+      labelRotation: t.labelRotation,
       length: m,
-      orientation: l,
-      ticks: e.ticks
+      orientation: h,
+      ticks: t.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;
+  return d ? /* @__PURE__ */ n("g", { className: `${b.dynamicAxis} ${c ? b.dynamicAxisRevealed : ""}`, children: r }) : r;
 }
-function D({
-  children: e,
-  containerRef: n,
-  empty: m,
-  emptyMessage: l,
-  fillHeight: s,
+function q({
+  axisReveal: t,
+  children: m,
+  containerRef: h,
+  empty: c,
+  emptyMessage: e,
+  fillHeight: d,
   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
+  height: g,
+  legend: u,
+  legendAlign: $,
+  legendPosition: L,
+  margins: l,
+  onToggleSeries: y,
+  plot: i,
+  title: E,
+  tooltip: P,
+  width: w,
+  xAxis: j,
+  yAxis: k,
+  yAxisRight: a
 }) {
-  return /* @__PURE__ */ i(
-    E,
+  const f = (t == null ? void 0 : t.revealed) ?? !1;
+  return /* @__PURE__ */ n(
+    C,
     {
-      containerRef: n,
-      empty: m,
-      emptyMessage: l,
-      fillHeight: s,
-      height: d,
-      legend: x,
-      legendAlign: b,
-      legendPosition: w,
+      containerRef: h,
+      empty: c,
+      emptyMessage: e,
+      fillHeight: d,
+      height: g,
+      legend: u,
+      legendAlign: $,
+      legendPosition: L,
       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,
+      onPointerEnter: t == null ? void 0 : t.onPointerEnter,
+      onPointerLeave: t == null ? void 0 : t.onPointerLeave,
+      onToggleSeries: y,
+      title: E,
+      tooltip: P,
+      width: w,
+      children: /* @__PURE__ */ p("g", { transform: `translate(${l.left} ${l.top})`, children: [
+        r == null ? void 0 : r.map((o) => /* @__PURE__ */ n(
+          F,
           {
             baseline: o.baseline,
-            length: o.orientation === "horizontal" ? t.width : t.height,
+            length: o.orientation === "horizontal" ? i.width : i.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"
-          }
-        ) })
+        m,
+        /* @__PURE__ */ n("g", { transform: `translate(0 ${i.height})`, children: /* @__PURE__ */ n(s, { axis: j, length: i.width, orientation: "bottom", revealed: f }) }),
+        /* @__PURE__ */ n(s, { axis: k, length: i.height, orientation: "left", revealed: f }),
+        a && /* @__PURE__ */ n("g", { transform: `translate(${i.width} 0)`, children: /* @__PURE__ */ n(s, { axis: a, length: i.height, orientation: "right", revealed: f }) })
       ] })
     }
   );
 }
 export {
-  D as CartesianFrame
+  q as CartesianFrame
 };
 //# sourceMappingURL=CartesianFrame.js.map

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

@@ -1 +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":";;;;;AA0CA,MAAMA,IAA2C;AAAA,EAC/C,QAAQC,EAAO;AAAA,EACf,MAAMA,EAAO;AAAA,EACb,OAAOA,EAAO;AAChB;AAcA,SAASC,EAAa,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,aAAAC,KAA0B;AACtE,QAAMC,IAAaJ,EAAK,cAAc;AAEtC,MAAII,MAAe;AACjB,WAAO;AAGT,QAAMC,IAAWD,MAAe,WAC1BE,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUR,EAAK;AAAA,MACf,eAAeA,EAAK;AAAA,MACpB,QAAAE;AAAA,MACA,aAAAC;AAAA,MACA,OAAOH,EAAK;AAAA,IAAA;AAAA,EAAA;AAIhB,SAAKK,IAKH,gBAAAI,EAAC,KAAA,EAAE,WAAW,GAAGX,EAAO,WAAW,IAAID,EAAQM,CAAW,CAAC,IACzD,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWT,EAAO;AAAA,QAClB,QAAQG,EAAO;AAAA,QACf,OAAOA,EAAO;AAAA,QACd,GAAGA,EAAO;AAAA,QACV,GAAGA,EAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAEXK;AAAA,EAAA,GACH,IAbOA;AAeX;AAMO,SAASI,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,SACE,gBAAArB;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,cAAAjB;AAAA,MACA,OAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QAAAE;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAkB;AAAA,MAClB,gBAAAE;AAAA,MACA,OAAAE;AAAA,MACA,OAAAC;AAAA,MAEA,UAAA,gBAAAhB,EAAC,OAAE,WAAW,aAAaY,EAAQ,IAAI,IAAIA,EAAQ,GAAG,KACnD,UAAA;AAAA,QAAAL,KAAA,gBAAAA,EAAM,IAAI,CAACc,MACV,gBAAAvB;AAAA,UAACwB;AAAA,UAAA;AAAA,YACC,UAAUD,EAAO;AAAA,YAEjB,QAAQA,EAAO,gBAAgB,eAAeP,EAAK,QAAQA,EAAK;AAAA,YAChE,OAAOO,EAAO;AAAA,YACd,aAAaA,EAAO;AAAA,UAAA;AAAA,UAHfA,EAAO;AAAA,QAAA;AAAA,QAOfnB;AAAA,0BAEA,KAAA,EAAE,WAAW,eAAeY,EAAK,MAAM,KACtC,UAAA,gBAAAhB;AAAA,UAACR;AAAA,UAAA;AAAA,YACC,MAAM2B;AAAA,YACN,QAAQ,EAAE,QAAQL,EAAQ,QAAQ,OAAOE,EAAK,OAAO,GAAG,GAAG,GAAG,EAAA;AAAA,YAC9D,QAAQA,EAAK;AAAA,YACb,aAAY;AAAA,UAAA;AAAA,QAAA,GAEhB;AAAA,QAEA,gBAAAhB;AAAA,UAACR;AAAA,UAAA;AAAA,YACC,MAAM4B;AAAA,YACN,QAAQ,EAAE,QAAQJ,EAAK,QAAQ,OAAOF,EAAQ,MAAM,GAAG,CAACA,EAAQ,MAAM,GAAG,EAAA;AAAA,YACzE,QAAQE,EAAK;AAAA,YACb,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbK,KACC,gBAAArB,EAAC,KAAA,EAAE,WAAW,aAAagB,EAAK,KAAK,OACnC,UAAA,gBAAAhB;AAAA,UAACR;AAAA,UAAA;AAAA,YACC,MAAM6B;AAAA,YACN,QAAQ,EAAE,QAAQL,EAAK,QAAQ,OAAOF,EAAQ,OAAO,GAAG,GAAG,GAAG,EAAA;AAAA,YAC9D,QAAQE,EAAK;AAAA,YACb,aAAY;AAAA,UAAA;AAAA,QAAA,EACd,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"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 type { ChartFrameProps } from './ChartFrame';\nimport { Grid, type GridOrientation } from './Grid';\nimport type { AxisLabelRotation, AxisVisibility, ChartMargins, ChartPlot } from './cartesianLayout';\nimport type { AxisReveal } from './useCartesianLayout';\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  /** Estado e gatilhos dos eixos `onHover`, vindos de `useCartesianLayout`. */\n  axisReveal?: AxisReveal;\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  tooltip?: ChartFrameProps['tooltip'];\n  width: number;\n  xAxis: CartesianAxis;\n  yAxis: CartesianAxis;\n  yAxisRight?: CartesianAxis;\n}\n\ninterface EixoProps {\n  axis: CartesianAxis;\n  length: number;\n  orientation: AxisOrientation;\n  revealed: boolean;\n}\n\n/** No modo `onHover` o eixo aparece enquanto o desenho encolhe para abrir a calha dele, e some na hora de sair. */\nfunction EixoDinamico({ axis, length, orientation, revealed }: 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 <g className={`${styles.dynamicAxis} ${revealed ? styles.dynamicAxisRevealed : ''}`}>{eixo}</g>;\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  axisReveal,\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  tooltip,\n  width,\n  xAxis,\n  yAxis,\n  yAxisRight,\n}: CartesianFrameProps) {\n  const revealed = axisReveal?.revealed ?? false;\n\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      onPointerEnter={axisReveal?.onPointerEnter}\n      onPointerLeave={axisReveal?.onPointerLeave}\n      onToggleSeries={onToggleSeries}\n      title={title}\n      tooltip={tooltip}\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          <EixoDinamico axis={xAxis} length={plot.width} orientation=\"bottom\" revealed={revealed} />\n        </g>\n\n        <EixoDinamico axis={yAxis} length={plot.height} orientation=\"left\" revealed={revealed} />\n\n        {yAxisRight && (\n          <g transform={`translate(${plot.width} 0)`}>\n            <EixoDinamico axis={yAxisRight} length={plot.height} orientation=\"right\" revealed={revealed} />\n          </g>\n        )}\n      </g>\n    </ChartFrame>\n  );\n}\n"],"names":["EixoDinamico","axis","length","orientation","revealed","visibility","dinamico","eixo","jsx","Axis","styles","CartesianFrame","axisReveal","children","containerRef","empty","emptyMessage","fillHeight","grid","height","legend","legendAlign","legendPosition","margins","onToggleSeries","plot","title","tooltip","width","xAxis","yAxis","yAxisRight","ChartFrame","jsxs","linhas","Grid"],"mappings":";;;;;AAuDA,SAASA,EAAa,EAAE,MAAAC,GAAM,QAAAC,GAAQ,aAAAC,GAAa,UAAAC,KAAuB;AACxE,QAAMC,IAAaJ,EAAK,cAAc;AAEtC,MAAII,MAAe;AACjB,WAAO;AAGT,QAAMC,IAAWD,MAAe,WAC1BE,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUR,EAAK;AAAA,MACf,eAAeA,EAAK;AAAA,MACpB,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAOF,EAAK;AAAA,IAAA;AAAA,EAAA;AAIhB,SAAKK,IAIE,gBAAAE,EAAC,KAAA,EAAE,WAAW,GAAGE,EAAO,WAAW,IAAIN,IAAWM,EAAO,sBAAsB,EAAE,IAAK,UAAAH,GAAK,IAHzFA;AAIX;AAMO,SAASI,EAAe;AAAA,EAC7B,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,QAAM3B,KAAWQ,KAAA,gBAAAA,EAAY,aAAY;AAEzC,SACE,gBAAAJ;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,cAAAlB;AAAA,MACA,OAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QAAAE;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAkB;AAAA,MAClB,gBAAgBV,KAAA,gBAAAA,EAAY;AAAA,MAC5B,gBAAgBA,KAAA,gBAAAA,EAAY;AAAA,MAC5B,gBAAAY;AAAA,MACA,OAAAE;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MAEA,UAAA,gBAAAK,EAAC,OAAE,WAAW,aAAaV,EAAQ,IAAI,IAAIA,EAAQ,GAAG,KACnD,UAAA;AAAA,QAAAL,KAAA,gBAAAA,EAAM,IAAI,CAACgB,MACV,gBAAA1B;AAAA,UAAC2B;AAAA,UAAA;AAAA,YACC,UAAUD,EAAO;AAAA,YAEjB,QAAQA,EAAO,gBAAgB,eAAeT,EAAK,QAAQA,EAAK;AAAA,YAChE,OAAOS,EAAO;AAAA,YACd,aAAaA,EAAO;AAAA,UAAA;AAAA,UAHfA,EAAO;AAAA,QAAA;AAAA,QAOfrB;AAAA,0BAEA,KAAA,EAAE,WAAW,eAAeY,EAAK,MAAM,KACtC,UAAA,gBAAAjB,EAACR,GAAA,EAAa,MAAM6B,GAAO,QAAQJ,EAAK,OAAO,aAAY,UAAS,UAAArB,GAAoB,GAC1F;AAAA,QAEA,gBAAAI,EAACR,KAAa,MAAM8B,GAAO,QAAQL,EAAK,QAAQ,aAAY,QAAO,UAAArB,EAAA,CAAoB;AAAA,QAEtF2B,KACC,gBAAAvB,EAAC,KAAA,EAAE,WAAW,aAAaiB,EAAK,KAAK,OACnC,UAAA,gBAAAjB,EAACR,GAAA,EAAa,MAAM+B,GAAY,QAAQN,EAAK,QAAQ,aAAY,SAAQ,UAAArB,GAAoB,EAAA,CAC/F;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,2 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_figure_yf6oe_1",o="_title_yf6oe_9",n="_body_yf6oe_20",t="_plot_yf6oe_29",_="_plotFill_yf6oe_37",l="_bodyColumn_yf6oe_42",d="_bodyRow_yf6oe_46",s="_canvas_yf6oe_51",i="_empty_yf6oe_59",a="_axisLine_yf6oe_68",g="_axisLabel_yf6oe_73",c="_dynamicAxis_yf6oe_81",y="_dynamicAxisRevealed_yf6oe_87",f="_gridLine_yf6oe_92",r="_gridBaseline_yf6oe_97",u="_cursor_yf6oe_151",b="_pointCursor_yf6oe_156",m="_hoverBand_yf6oe_163",L="_legend_yf6oe_167",p="_legendLeft_yf6oe_178",h="_legendCenter_yf6oe_182",x="_legendRight_yf6oe_186",v="_legendSide_yf6oe_190",w="_legendItem_yf6oe_199",B="_legendButton_yf6oe_200",C="_legendOff_yf6oe_247",R="_swatch_yf6oe_251",A="_swatchDot_yf6oe_271",S="_legendLabel_yf6oe_276",O="_legendValue_yf6oe_283",D={figure:e,title:o,body:n,plot:t,plotFill:_,bodyColumn:l,bodyRow:d,canvas:s,empty:i,axisLine:a,axisLabel:g,dynamicAxis:c,dynamicAxisRevealed:y,gridLine:f,gridBaseline:r,cursor:u,pointCursor:b,hoverBand:m,legend:L,legendLeft:p,legendCenter:h,legendRight:x,legendSide:v,legendItem:w,legendButton:B,legendOff:C,swatch:R,swatchDot:A,legendLabel:S,legendValue:O};exports.axisLabel=g;exports.axisLine=a;exports.body=n;exports.bodyColumn=l;exports.bodyRow=d;exports.canvas=s;exports.cursor=u;exports.default=D;exports.dynamicAxis=c;exports.dynamicAxisRevealed=y;exports.empty=i;exports.figure=e;exports.gridBaseline=r;exports.gridLine=f;exports.hoverBand=m;exports.legend=L;exports.legendButton=B;exports.legendCenter=h;exports.legendItem=w;exports.legendLabel=S;exports.legendLeft=p;exports.legendOff=C;exports.legendRight=x;exports.legendSide=v;exports.legendValue=O;exports.plot=t;exports.plotFill=_;exports.pointCursor=b;exports.swatch=R;exports.swatchDot=A;exports.title=o;
 //# sourceMappingURL=Chart.module.css.cjs.map

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

@@ -1,68 +1,66 @@
-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 = {
+const e = "_figure_yf6oe_1", o = "_title_yf6oe_9", n = "_body_yf6oe_20", _ = "_plot_yf6oe_29", t = "_plotFill_yf6oe_37", l = "_bodyColumn_yf6oe_42", s = "_bodyRow_yf6oe_46", d = "_canvas_yf6oe_51", i = "_empty_yf6oe_59", c = "_axisLine_yf6oe_68", y = "_axisLabel_yf6oe_73", a = "_dynamicAxis_yf6oe_81", f = "_dynamicAxisRevealed_yf6oe_87", g = "_gridLine_yf6oe_92", r = "_gridBaseline_yf6oe_97", u = "_cursor_yf6oe_151", b = "_pointCursor_yf6oe_156", m = "_hoverBand_yf6oe_163", L = "_legend_yf6oe_167", p = "_legendLeft_yf6oe_178", x = "_legendCenter_yf6oe_182", h = "_legendRight_yf6oe_186", v = "_legendSide_yf6oe_190", w = "_legendItem_yf6oe_199", B = "_legendButton_yf6oe_200", C = "_legendOff_yf6oe_247", R = "_swatch_yf6oe_251", A = "_swatchDot_yf6oe_271", D = "_legendLabel_yf6oe_276", F = "_legendValue_yf6oe_283", I = {
   figure: e,
-  title: _,
-  body: t,
-  plot: n,
-  plotFill: i,
+  title: o,
+  body: n,
+  plot: _,
+  plotFill: t,
   bodyColumn: l,
   bodyRow: s,
-  canvas: o,
-  empty: d,
-  axisLine: g,
-  axisLabel: c,
-  gutter: y,
+  canvas: d,
+  empty: i,
+  axisLine: c,
+  axisLabel: y,
   dynamicAxis: a,
-  slideRight: r,
-  slideLeft: u,
-  slideUp: L,
-  gridLine: f,
-  gridBaseline: b,
-  cursor: p,
-  legend: h,
-  legendLeft: m,
+  dynamicAxisRevealed: f,
+  gridLine: g,
+  gridBaseline: r,
+  cursor: u,
+  pointCursor: b,
+  hoverBand: m,
+  legend: L,
+  legendLeft: p,
   legendCenter: x,
-  legendRight: w,
-  legendSide: R,
-  legendItem: B,
-  legendButton: C,
-  legendOff: v,
-  swatch: A,
-  swatchDot: D,
-  legendLabel: F,
-  legendValue: I
+  legendRight: h,
+  legendSide: v,
+  legendItem: w,
+  legendButton: B,
+  legendOff: C,
+  swatch: R,
+  swatchDot: A,
+  legendLabel: D,
+  legendValue: F
 };
 export {
-  c as axisLabel,
-  g as axisLine,
-  t as body,
+  y as axisLabel,
+  c as axisLine,
+  n as body,
   l as bodyColumn,
   s as bodyRow,
-  o as canvas,
-  p as cursor,
-  O as default,
+  d as canvas,
+  u as cursor,
+  I as default,
   a as dynamicAxis,
-  d as empty,
+  f as dynamicAxisRevealed,
+  i as empty,
   e as figure,
-  b as gridBaseline,
-  f as gridLine,
-  y as gutter,
-  h as legend,
-  C as legendButton,
+  r as gridBaseline,
+  g as gridLine,
+  m as hoverBand,
+  L as legend,
+  B 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
+  w as legendItem,
+  D as legendLabel,
+  p as legendLeft,
+  C as legendOff,
+  h as legendRight,
+  v as legendSide,
+  F as legendValue,
+  _ as plot,
+  t as plotFill,
+  b as pointCursor,
+  R as swatch,
+  A as swatchDot,
+  o as title
 };
 //# sourceMappingURL=Chart.module.css.js.map

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

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

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

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

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

@@ -1 +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"}
+{"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 { ChartTooltip, type ChartTooltipProps } from '../ChartTooltip/ChartTooltip';\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  /** Ponteiro entrando e saindo da area de desenho, para quem revela os eixos `onHover`. */\n  onPointerEnter?: () => void;\n  onPointerLeave?: () => void;\n  onToggleSeries?: (label: string) => void;\n  swatch?: ChartLegendSwatch;\n  title: string;\n  /** O balao do que esta sob o ponteiro, montado pelo grafico. Sem linhas, nao aparece. */\n  tooltip?: Omit<ChartTooltipProps, 'children'>;\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  onPointerEnter,\n  onPointerLeave,\n  onToggleSeries,\n  swatch = 'square',\n  title,\n  tooltip,\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  const desenho = (\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 ? <g transform={`translate(${width / 2} ${height / 2})`}>{children}</g> : children}\n    </svg>\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          onPointerEnter={onPointerEnter}\n          onPointerLeave={onPointerLeave}\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 : tooltip ? (\n            <ChartTooltip {...tooltip}>{desenho}</ChartTooltip>\n          ) : (\n            desenho\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","onPointerEnter","onPointerLeave","onToggleSeries","swatch","title","tooltip","width","tituloId","useId","lateral","legenda","jsx","ChartLegend","desenho","styles","jsxs","EmptyState","IconChartBar","ChartTooltip"],"mappings":"kVA+CO,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,eAAAC,EACA,eAAAC,EACA,OAAAC,EAAS,SACT,MAAAC,EACA,QAAAC,EACA,MAAAC,CACF,EAAoB,CAClB,MAAMC,EAAWC,EAAAA,MAAA,EACXC,EAAUX,IAAmB,QAAUA,IAAmB,QAC1DY,EAAUZ,IAAmB,QAAUF,IAAW,QAAaA,EAAO,QAAUG,GACpFY,EAAAA,IAACC,EAAAA,YAAA,CACC,MAAOf,EACP,QAASD,EACT,SAAUM,EACV,SAAUJ,EACV,OAAAK,CAAA,CAAA,EAIEU,EACJF,EAAAA,IAAC,MAAA,CACC,kBAAiBJ,EACjB,UAAWO,EAAAA,QAAO,OAClB,OAAAnB,EACA,KAAK,MACL,QAAS,OAAOW,CAAK,IAAIX,CAAM,GAC/B,MAAAW,EAEC,SAAAhB,EAAeqB,EAAAA,IAAC,IAAA,CAAE,UAAW,aAAaL,EAAQ,CAAC,IAAIX,EAAS,CAAC,IAAM,SAAAN,CAAA,CAAS,EAAOA,CAAA,CAAA,EAI5F,OACE0B,EAAAA,KAAC,SAAA,CAAO,UAAWD,EAAAA,QAAO,OACxB,SAAA,CAAAH,MAAC,cAAW,UAAWG,EAAAA,QAAO,MAAO,GAAIP,EACtC,SAAAH,EACH,EAEAW,EAAAA,KAAC,MAAA,CAAI,UAAW,GAAGD,EAAAA,QAAO,IAAI,IAAIL,EAAUK,EAAAA,QAAO,QAAUA,EAAAA,QAAO,UAAU,GAC1E,SAAA,EAAAhB,IAAmB,OAASA,IAAmB,SAAWY,EAE5DC,EAAAA,IAAC,MAAA,CACC,UAAW,GAAGG,EAAAA,QAAO,IAAI,IAAIpB,EAAaoB,EAAAA,QAAO,SAAW,EAAE,GAC9D,eAAAd,EACA,eAAAC,EACA,IAAKV,EACL,MAAOG,EAAa,OAAY,CAAE,UAAWC,CAAA,EAK5C,SAAAH,EACCmB,MAAC,MAAA,CAAI,UAAWG,EAAAA,QAAO,MACrB,SAAAH,EAAAA,IAACK,EAAAA,WAAA,CAAW,KAAML,EAAAA,IAACM,EAAAA,aAAA,CAAA,CAAa,EAAI,KAAK,KAAK,MAAOxB,CAAA,CAAc,EACrE,EACEa,IAAU,GAAKX,IAAW,EAAI,KAAOU,EACvCM,EAAAA,IAACO,EAAAA,aAAA,CAAc,GAAGb,EAAU,WAAQ,EAEpCQ,CAAA,CAAA,GAIFf,IAAmB,UAAYA,IAAmB,UAAYY,CAAA,CAAA,CAClE,CAAA,EACF,CAEJ"}

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

@@ -1,65 +1,71 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { useId as C } from "react";
-import { ChartLegend as I } from "./ChartLegend.js";
-import r from "./Chart.module.css.js";
-import { EmptyState as j } from "../../feedback/EmptyState/EmptyState.js";
-import { IconChartBar as B } from "../../icons/icons.js";
-function R({
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { useId as B } from "react";
+import { ChartLegend as F } from "./ChartLegend.js";
+import { ChartTooltip as T } from "../ChartTooltip/ChartTooltip.js";
+import a from "./Chart.module.css.js";
+import { EmptyState as g } from "../../feedback/EmptyState/EmptyState.js";
+import { IconChartBar as q } from "../../icons/icons.js";
+function D({
   children: s,
-  centerOrigin: p = !1,
-  containerRef: n,
-  empty: u,
-  emptyMessage: v,
+  centerOrigin: d = !1,
+  containerRef: u,
+  empty: v,
+  emptyMessage: y,
   fillHeight: e,
-  height: m,
+  height: o,
   legend: l,
-  legendAlign: y,
-  legendPosition: a,
-  minLegendEntries: $ = 1,
-  onToggleSeries: d,
-  swatch: b = "square",
-  title: N,
-  width: o
+  legendAlign: $,
+  legendPosition: t,
+  minLegendEntries: b = 1,
+  onPointerEnter: N,
+  onPointerLeave: C,
+  onToggleSeries: x,
+  swatch: h = "square",
+  title: I,
+  tooltip: c,
+  width: m
 }) {
-  const c = C(), x = a === "left" || a === "right", i = a !== "none" && l !== void 0 && l.length >= $ && /* @__PURE__ */ t(
-    I,
+  const i = B(), j = t === "left" || t === "right", n = t !== "none" && l !== void 0 && l.length >= b && /* @__PURE__ */ r(
+    F,
     {
-      align: y,
+      align: $,
       entries: l,
-      onToggle: d,
-      position: a,
-      swatch: b
+      onToggle: x,
+      position: t,
+      swatch: h
+    }
+  ), f = /* @__PURE__ */ r(
+    "svg",
+    {
+      "aria-labelledby": i,
+      className: a.canvas,
+      height: o,
+      role: "img",
+      viewBox: `0 0 ${m} ${o}`,
+      width: m,
+      children: d ? /* @__PURE__ */ r("g", { transform: `translate(${m / 2} ${o / 2})`, children: s }) : s
     }
   );
-  return /* @__PURE__ */ f("figure", { className: r.figure, children: [
-    /* @__PURE__ */ t("figcaption", { className: r.title, id: c, children: N }),
-    /* @__PURE__ */ f("div", { className: `${r.body} ${x ? r.bodyRow : r.bodyColumn}`, children: [
-      (a === "top" || a === "left") && i,
-      /* @__PURE__ */ t(
+  return /* @__PURE__ */ p("figure", { className: a.figure, children: [
+    /* @__PURE__ */ r("figcaption", { className: a.title, id: i, children: I }),
+    /* @__PURE__ */ p("div", { className: `${a.body} ${j ? a.bodyRow : a.bodyColumn}`, children: [
+      (t === "top" || t === "left") && n,
+      /* @__PURE__ */ r(
         "div",
         {
-          className: `${r.plot} ${e ? r.plotFill : ""}`,
-          ref: n,
-          style: e ? void 0 : { minHeight: m },
-          children: u ? /* @__PURE__ */ t("div", { className: r.empty, children: /* @__PURE__ */ t(j, { icon: /* @__PURE__ */ t(B, {}), size: "sm", title: v }) }) : o === 0 || m === 0 ? null : /* @__PURE__ */ t(
-            "svg",
-            {
-              "aria-labelledby": c,
-              className: r.canvas,
-              height: m,
-              role: "img",
-              viewBox: `0 0 ${o} ${m}`,
-              width: o,
-              children: p ? /* @__PURE__ */ t("g", { transform: `translate(${o / 2} ${m / 2})`, children: s }) : s
-            }
-          )
+          className: `${a.plot} ${e ? a.plotFill : ""}`,
+          onPointerEnter: N,
+          onPointerLeave: C,
+          ref: u,
+          style: e ? void 0 : { minHeight: o },
+          children: v ? /* @__PURE__ */ r("div", { className: a.empty, children: /* @__PURE__ */ r(g, { icon: /* @__PURE__ */ r(q, {}), size: "sm", title: y }) }) : m === 0 || o === 0 ? null : c ? /* @__PURE__ */ r(T, { ...c, children: f }) : f
         }
       ),
-      (a === "bottom" || a === "right") && i
+      (t === "bottom" || t === "right") && n
     ] })
   ] });
 }
 export {
-  R as ChartFrame
+  D as ChartFrame
 };
 //# sourceMappingURL=ChartFrame.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartFrame.js","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":";;;;;;AAyCO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,gBAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,OAAAC;AACF,GAAoB;AAClB,QAAMC,IAAWC,EAAA,GACXC,IAAUR,MAAmB,UAAUA,MAAmB,SAC1DS,IAAUT,MAAmB,UAAUF,MAAW,UAAaA,EAAO,UAAUG,KACpF,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOZ;AAAA,MACP,SAASD;AAAA,MACT,UAAUI;AAAA,MACV,UAAUF;AAAA,MACV,QAAAG;AAAA,IAAA;AAAA,EAAA;AAIJ,SACE,gBAAAS,EAAC,UAAA,EAAO,WAAWC,EAAO,QACxB,UAAA;AAAA,IAAA,gBAAAH,EAAC,gBAAW,WAAWG,EAAO,OAAO,IAAIP,GACtC,UAAAF,GACH;AAAA,IAEA,gBAAAQ,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAO,IAAI,IAAIL,IAAUK,EAAO,UAAUA,EAAO,UAAU,IAC1E,UAAA;AAAA,OAAAb,MAAmB,SAASA,MAAmB,WAAWS;AAAA,MAE5D,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAGG,EAAO,IAAI,IAAIjB,IAAaiB,EAAO,WAAW,EAAE;AAAA,UAC9D,KAAKpB;AAAA,UACL,OAAOG,IAAa,SAAY,EAAE,WAAWC,EAAA;AAAA,UAK5C,UAAAH,sBACE,OAAA,EAAI,WAAWmB,EAAO,OACrB,UAAA,gBAAAH,EAACI,GAAA,EAAW,MAAM,gBAAAJ,EAACK,GAAA,CAAA,CAAa,GAAI,MAAK,MAAK,OAAOpB,EAAA,CAAc,GACrE,IACEU,MAAU,KAAKR,MAAW,IAAI,OAChC,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,mBAAiBJ;AAAA,cACjB,WAAWO,EAAO;AAAA,cAClB,QAAAhB;AAAA,cACA,MAAK;AAAA,cACL,SAAS,OAAOQ,CAAK,IAAIR,CAAM;AAAA,cAC/B,OAAAQ;AAAA,cAEC,UAAAb,IACC,gBAAAkB,EAAC,KAAA,EAAE,WAAW,aAAaL,IAAQ,CAAC,IAAIR,IAAS,CAAC,KAAM,UAAAN,EAAA,CAAS,IAEjEA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,OAIFS,MAAmB,YAAYA,MAAmB,YAAYS;AAAA,IAAA,EAAA,CAClE;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ChartFrame.js","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 { ChartTooltip, type ChartTooltipProps } from '../ChartTooltip/ChartTooltip';\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  /** Ponteiro entrando e saindo da area de desenho, para quem revela os eixos `onHover`. */\n  onPointerEnter?: () => void;\n  onPointerLeave?: () => void;\n  onToggleSeries?: (label: string) => void;\n  swatch?: ChartLegendSwatch;\n  title: string;\n  /** O balao do que esta sob o ponteiro, montado pelo grafico. Sem linhas, nao aparece. */\n  tooltip?: Omit<ChartTooltipProps, 'children'>;\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  onPointerEnter,\n  onPointerLeave,\n  onToggleSeries,\n  swatch = 'square',\n  title,\n  tooltip,\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  const desenho = (\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 ? <g transform={`translate(${width / 2} ${height / 2})`}>{children}</g> : children}\n    </svg>\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          onPointerEnter={onPointerEnter}\n          onPointerLeave={onPointerLeave}\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 : tooltip ? (\n            <ChartTooltip {...tooltip}>{desenho}</ChartTooltip>\n          ) : (\n            desenho\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","onPointerEnter","onPointerLeave","onToggleSeries","swatch","title","tooltip","width","tituloId","useId","lateral","legenda","jsx","ChartLegend","desenho","styles","jsxs","EmptyState","IconChartBar","ChartTooltip"],"mappings":";;;;;;;AA+CO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AACF,GAAoB;AAClB,QAAMC,IAAWC,EAAA,GACXC,IAAUX,MAAmB,UAAUA,MAAmB,SAC1DY,IAAUZ,MAAmB,UAAUF,MAAW,UAAaA,EAAO,UAAUG,KACpF,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOf;AAAA,MACP,SAASD;AAAA,MACT,UAAUM;AAAA,MACV,UAAUJ;AAAA,MACV,QAAAK;AAAA,IAAA;AAAA,EAAA,GAIEU,IACJ,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,mBAAiBJ;AAAA,MACjB,WAAWO,EAAO;AAAA,MAClB,QAAAnB;AAAA,MACA,MAAK;AAAA,MACL,SAAS,OAAOW,CAAK,IAAIX,CAAM;AAAA,MAC/B,OAAAW;AAAA,MAEC,UAAAhB,IAAe,gBAAAqB,EAAC,KAAA,EAAE,WAAW,aAAaL,IAAQ,CAAC,IAAIX,IAAS,CAAC,KAAM,UAAAN,EAAA,CAAS,IAAOA;AAAA,IAAA;AAAA,EAAA;AAI5F,SACE,gBAAA0B,EAAC,UAAA,EAAO,WAAWD,EAAO,QACxB,UAAA;AAAA,IAAA,gBAAAH,EAAC,gBAAW,WAAWG,EAAO,OAAO,IAAIP,GACtC,UAAAH,GACH;AAAA,IAEA,gBAAAW,EAAC,OAAA,EAAI,WAAW,GAAGD,EAAO,IAAI,IAAIL,IAAUK,EAAO,UAAUA,EAAO,UAAU,IAC1E,UAAA;AAAA,OAAAhB,MAAmB,SAASA,MAAmB,WAAWY;AAAA,MAE5D,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAGG,EAAO,IAAI,IAAIpB,IAAaoB,EAAO,WAAW,EAAE;AAAA,UAC9D,gBAAAd;AAAA,UACA,gBAAAC;AAAA,UACA,KAAKV;AAAA,UACL,OAAOG,IAAa,SAAY,EAAE,WAAWC,EAAA;AAAA,UAK5C,UAAAH,IACC,gBAAAmB,EAAC,OAAA,EAAI,WAAWG,EAAO,OACrB,UAAA,gBAAAH,EAACK,GAAA,EAAW,MAAM,gBAAAL,EAACM,GAAA,CAAA,CAAa,GAAI,MAAK,MAAK,OAAOxB,EAAA,CAAc,GACrE,IACEa,MAAU,KAAKX,MAAW,IAAI,OAAOU,IACvC,gBAAAM,EAACO,GAAA,EAAc,GAAGb,GAAU,aAAQ,IAEpCQ;AAAA,QAAA;AAAA,MAAA;AAAA,OAIFf,MAAmB,YAAYA,MAAmB,YAAYY;AAAA,IAAA,EAAA,CAClE;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./Chart.module.css.cjs"),o={left:e.default.legendLeft,center:e.default.legendCenter,right:e.default.legendRight};function f({align:s="center",entries:u,onToggle:d,position:n,swatch:c="square"}){const r=n==="left"||n==="right";return t.jsx("ul",{className:`${e.default.legend} ${r?e.default.legendSide:o[s]}`,children:u.map((l,i)=>{const a=t.jsxs(t.Fragment,{children:[t.jsx("span",{"aria-hidden":"true",className:`${e.default.swatch} ${c==="dot"?e.default.swatchDot:""}`,style:l.hidden?void 0:{background:l.color}}),t.jsx("span",{className:e.default.legendLabel,children:l.label}),l.value!==void 0&&t.jsx("span",{className:e.default.legendValue,children:l.value})]});return t.jsx("li",{className:e.default.legendItem,children:d?t.jsx("button",{"aria-pressed":!l.hidden,className:`${e.default.legendButton} ${l.hidden?e.default.legendOff:""}`,onClick:()=>d(l.label),type:"button",children:a}):a},i)})})}exports.ChartLegend=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),e=require("./Chart.module.css.cjs"),i={left:e.default.legendLeft,center:e.default.legendCenter,right:e.default.legendRight};function m({align:a="center",entries:r,onHighlight:t,onToggle:n,position:s,swatch:c="square"}){const o=s==="left"||s==="right";return d.jsx("ul",{className:`${e.default.legend} ${o?e.default.legendSide:i[a]}`,children:r.map((l,f)=>{const u=d.jsxs(d.Fragment,{children:[d.jsx("span",{"aria-hidden":"true",className:`${e.default.swatch} ${c==="dot"?e.default.swatchDot:""}`,style:l.hidden?void 0:{background:l.color}}),d.jsx("span",{className:e.default.legendLabel,children:l.label}),l.value!==void 0&&d.jsx("span",{className:e.default.legendValue,children:l.value})]});return d.jsx("li",{className:e.default.legendItem,onBlur:t&&(()=>t(null)),onFocus:t&&(()=>t(l.label)),onPointerEnter:t&&(()=>t(l.label)),onPointerLeave:t&&(()=>t(null)),children:n?d.jsx("button",{"aria-pressed":!l.hidden,className:`${e.default.legendButton} ${l.hidden?e.default.legendOff:""}`,onClick:()=>n(l.label),type:"button",children:u}):u},f)})})}exports.ChartLegend=m;
 //# sourceMappingURL=ChartLegend.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartLegend.cjs","sources":["../../../../src/components/charts/core/ChartLegend.tsx"],"sourcesContent":["import styles from './Chart.module.css';\n\nexport type ChartLegendPosition = 'top' | 'bottom' | 'left' | 'right' | 'none';\n\nexport interface ChartLegendEntry {\n  color: string;\n  hidden?: boolean;\n  label: string;\n  /** Medida da entrada, alinhada a direita. Serve a legenda em lista do anel. */\n  value?: string;\n}\n\nexport type ChartLegendSwatch = 'square' | 'dot';\n\n/** Onde a legenda horizontal se apoia na largura do grafico. */\nexport type ChartLegendAlign = 'left' | 'center' | 'right';\n\nconst ALINHAMENTO: Record<ChartLegendAlign, string> = {\n  left: styles.legendLeft,\n  center: styles.legendCenter,\n  right: styles.legendRight,\n};\n\ninterface ChartLegendProps {\n  align?: ChartLegendAlign;\n  entries: readonly ChartLegendEntry[];\n  onToggle?: (label: string) => void;\n  position: ChartLegendPosition;\n  swatch?: ChartLegendSwatch;\n}\n\n/**\n * Legenda do grafico. Quando existe um alvo para o clique, cada entrada vira um\n * botao que liga e desliga a serie, com o estado exposto por `aria-pressed`.\n */\nexport function ChartLegend({\n  align = 'center',\n  entries,\n  onToggle,\n  position,\n  swatch = 'square',\n}: ChartLegendProps) {\n  const lateral = position === 'left' || position === 'right';\n\n  return (\n    <ul className={`${styles.legend} ${lateral ? styles.legendSide : ALINHAMENTO[align]}`}>\n      {entries.map((entrada, indice) => {\n        const conteudo = (\n          <>\n            <span\n              aria-hidden=\"true\"\n              className={`${styles.swatch} ${swatch === 'dot' ? styles.swatchDot : ''}`}\n              style={entrada.hidden ? undefined : { background: entrada.color }}\n            />\n            <span className={styles.legendLabel}>{entrada.label}</span>\n            {entrada.value !== undefined && <span className={styles.legendValue}>{entrada.value}</span>}\n          </>\n        );\n\n        return (\n          <li className={styles.legendItem} key={indice}>\n            {onToggle ? (\n              <button\n                aria-pressed={!entrada.hidden}\n                className={`${styles.legendButton} ${entrada.hidden ? styles.legendOff : ''}`}\n                onClick={() => onToggle(entrada.label)}\n                type=\"button\"\n              >\n                {conteudo}\n              </button>\n            ) : (\n              conteudo\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"names":["ALINHAMENTO","styles","ChartLegend","align","entries","onToggle","position","swatch","lateral","entrada","indice","conteudo","jsxs","Fragment","jsx"],"mappings":"yJAiBMA,EAAgD,CACpD,KAAMC,EAAAA,QAAO,WACb,OAAQA,EAAAA,QAAO,aACf,MAAOA,EAAAA,QAAO,WAChB,EAcO,SAASC,EAAY,CAC1B,MAAAC,EAAQ,SACR,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EAAS,QACX,EAAqB,CACnB,MAAMC,EAAUF,IAAa,QAAUA,IAAa,QAEpD,aACG,KAAA,CAAG,UAAW,GAAGL,UAAO,MAAM,IAAIO,EAAUP,EAAAA,QAAO,WAAaD,EAAYG,CAAK,CAAC,GAChF,WAAQ,IAAI,CAACM,EAASC,IAAW,CAChC,MAAMC,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAW,GAAGb,UAAO,MAAM,IAAIM,IAAW,MAAQN,EAAAA,QAAO,UAAY,EAAE,GACvE,MAAOQ,EAAQ,OAAS,OAAY,CAAE,WAAYA,EAAQ,KAAA,CAAM,CAAA,QAEjE,OAAA,CAAK,UAAWR,EAAAA,QAAO,YAAc,WAAQ,MAAM,EACnDQ,EAAQ,QAAU,QAAaK,EAAAA,IAAC,QAAK,UAAWb,EAAAA,QAAO,YAAc,SAAAQ,EAAQ,KAAA,CAAM,CAAA,EACtF,EAGF,OACEK,EAAAA,IAAC,KAAA,CAAG,UAAWb,EAAAA,QAAO,WACnB,SAAAI,EACCS,EAAAA,IAAC,SAAA,CACC,eAAc,CAACL,EAAQ,OACvB,UAAW,GAAGR,UAAO,YAAY,IAAIQ,EAAQ,OAASR,EAAAA,QAAO,UAAY,EAAE,GAC3E,QAAS,IAAMI,EAASI,EAAQ,KAAK,EACrC,KAAK,SAEJ,SAAAE,CAAA,CAAA,EAGHA,GAXmCD,CAavC,CAEJ,CAAC,CAAA,CACH,CAEJ"}
+{"version":3,"file":"ChartLegend.cjs","sources":["../../../../src/components/charts/core/ChartLegend.tsx"],"sourcesContent":["import styles from './Chart.module.css';\n\nexport type ChartLegendPosition = 'top' | 'bottom' | 'left' | 'right' | 'none';\n\nexport interface ChartLegendEntry {\n  color: string;\n  hidden?: boolean;\n  label: string;\n  /** Medida da entrada, alinhada a direita. Serve a legenda em lista do anel. */\n  value?: string;\n}\n\nexport type ChartLegendSwatch = 'square' | 'dot';\n\n/** Onde a legenda horizontal se apoia na largura do grafico. */\nexport type ChartLegendAlign = 'left' | 'center' | 'right';\n\nconst ALINHAMENTO: Record<ChartLegendAlign, string> = {\n  left: styles.legendLeft,\n  center: styles.legendCenter,\n  right: styles.legendRight,\n};\n\ninterface ChartLegendProps {\n  align?: ChartLegendAlign;\n  entries: readonly ChartLegendEntry[];\n  /** Entrada sob o ponteiro ou o foco, para o grafico destacar o que ela representa; `null` ao sair. */\n  onHighlight?: (label: string | null) => void;\n  onToggle?: (label: string) => void;\n  position: ChartLegendPosition;\n  swatch?: ChartLegendSwatch;\n}\n\n/**\n * Legenda do grafico. Quando existe um alvo para o clique, cada entrada vira um\n * botao que liga e desliga a serie, com o estado exposto por `aria-pressed`.\n */\nexport function ChartLegend({\n  align = 'center',\n  entries,\n  onHighlight,\n  onToggle,\n  position,\n  swatch = 'square',\n}: ChartLegendProps) {\n  const lateral = position === 'left' || position === 'right';\n\n  return (\n    <ul className={`${styles.legend} ${lateral ? styles.legendSide : ALINHAMENTO[align]}`}>\n      {entries.map((entrada, indice) => {\n        const conteudo = (\n          <>\n            <span\n              aria-hidden=\"true\"\n              className={`${styles.swatch} ${swatch === 'dot' ? styles.swatchDot : ''}`}\n              style={entrada.hidden ? undefined : { background: entrada.color }}\n            />\n            <span className={styles.legendLabel}>{entrada.label}</span>\n            {entrada.value !== undefined && <span className={styles.legendValue}>{entrada.value}</span>}\n          </>\n        );\n\n        return (\n          <li\n            className={styles.legendItem}\n            key={indice}\n            onBlur={onHighlight && (() => onHighlight(null))}\n            onFocus={onHighlight && (() => onHighlight(entrada.label))}\n            onPointerEnter={onHighlight && (() => onHighlight(entrada.label))}\n            onPointerLeave={onHighlight && (() => onHighlight(null))}\n          >\n            {onToggle ? (\n              <button\n                aria-pressed={!entrada.hidden}\n                className={`${styles.legendButton} ${entrada.hidden ? styles.legendOff : ''}`}\n                onClick={() => onToggle(entrada.label)}\n                type=\"button\"\n              >\n                {conteudo}\n              </button>\n            ) : (\n              conteudo\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"names":["ALINHAMENTO","styles","ChartLegend","align","entries","onHighlight","onToggle","position","swatch","lateral","entrada","indice","conteudo","jsxs","Fragment","jsx"],"mappings":"yJAiBMA,EAAgD,CACpD,KAAMC,EAAAA,QAAO,WACb,OAAQA,EAAAA,QAAO,aACf,MAAOA,EAAAA,QAAO,WAChB,EAgBO,SAASC,EAAY,CAC1B,MAAAC,EAAQ,SACR,QAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EAAS,QACX,EAAqB,CACnB,MAAMC,EAAUF,IAAa,QAAUA,IAAa,QAEpD,aACG,KAAA,CAAG,UAAW,GAAGN,UAAO,MAAM,IAAIQ,EAAUR,EAAAA,QAAO,WAAaD,EAAYG,CAAK,CAAC,GAChF,WAAQ,IAAI,CAACO,EAASC,IAAW,CAChC,MAAMC,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAW,GAAGd,UAAO,MAAM,IAAIO,IAAW,MAAQP,EAAAA,QAAO,UAAY,EAAE,GACvE,MAAOS,EAAQ,OAAS,OAAY,CAAE,WAAYA,EAAQ,KAAA,CAAM,CAAA,QAEjE,OAAA,CAAK,UAAWT,EAAAA,QAAO,YAAc,WAAQ,MAAM,EACnDS,EAAQ,QAAU,QAAaK,EAAAA,IAAC,QAAK,UAAWd,EAAAA,QAAO,YAAc,SAAAS,EAAQ,KAAA,CAAM,CAAA,EACtF,EAGF,OACEK,EAAAA,IAAC,KAAA,CACC,UAAWd,EAAAA,QAAO,WAElB,OAAQI,IAAgB,IAAMA,EAAY,IAAI,GAC9C,QAASA,IAAgB,IAAMA,EAAYK,EAAQ,KAAK,GACxD,eAAgBL,IAAgB,IAAMA,EAAYK,EAAQ,KAAK,GAC/D,eAAgBL,IAAgB,IAAMA,EAAY,IAAI,GAErD,SAAAC,EACCS,EAAAA,IAAC,SAAA,CACC,eAAc,CAACL,EAAQ,OACvB,UAAW,GAAGT,UAAO,YAAY,IAAIS,EAAQ,OAAST,EAAAA,QAAO,UAAY,EAAE,GAC3E,QAAS,IAAMK,EAASI,EAAQ,KAAK,EACrC,KAAK,SAEJ,SAAAE,CAAA,CAAA,EAGHA,CAAA,EAhBGD,CAAA,CAoBX,CAAC,CAAA,CACH,CAEJ"}