@plenustech/design-system 0.2.1 → 0.2.3

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

@@ -0,0 +1,85 @@
+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 d = e === "onHover", r = /* @__PURE__ */ n(
+    A,
+    {
+      hideLine: t.hideLine,
+      labelRotation: t.labelRotation,
+      length: m,
+      orientation: h,
+      ticks: t.ticks
+    }
+  );
+  return d ? /* @__PURE__ */ n("g", { className: `${b.dynamicAxis} ${c ? b.dynamicAxisRevealed : ""}`, children: r }) : r;
+}
+function q({
+  axisReveal: t,
+  children: m,
+  containerRef: h,
+  empty: c,
+  emptyMessage: e,
+  fillHeight: d,
+  grid: r,
+  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
+}) {
+  const f = (t == null ? void 0 : t.revealed) ?? !1;
+  return /* @__PURE__ */ n(
+    C,
+    {
+      containerRef: h,
+      empty: c,
+      emptyMessage: e,
+      fillHeight: d,
+      height: g,
+      legend: u,
+      legendAlign: $,
+      legendPosition: L,
+      minLegendEntries: 2,
+      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" ? i.width : i.height,
+            lines: o.lines,
+            orientation: o.orientation
+          },
+          o.orientation
+        )),
+        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 {
+  q 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 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

@@ -0,0 +1,2 @@
+"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.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,66 @@
+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: o,
+  body: n,
+  plot: _,
+  plotFill: t,
+  bodyColumn: l,
+  bodyRow: s,
+  canvas: d,
+  empty: i,
+  axisLine: c,
+  axisLabel: y,
+  dynamicAxis: a,
+  dynamicAxisRevealed: f,
+  gridLine: g,
+  gridBaseline: r,
+  cursor: u,
+  pointCursor: b,
+  hoverBand: m,
+  legend: L,
+  legendLeft: p,
+  legendCenter: x,
+  legendRight: h,
+  legendSide: v,
+  legendItem: w,
+  legendButton: B,
+  legendOff: C,
+  swatch: R,
+  swatchDot: A,
+  legendLabel: D,
+  legendValue: F
+};
+export {
+  y as axisLabel,
+  c as axisLine,
+  n as body,
+  l as bodyColumn,
+  s as bodyRow,
+  d as canvas,
+  u as cursor,
+  I as default,
+  a as dynamicAxis,
+  f as dynamicAxisRevealed,
+  i as empty,
+  e as figure,
+  r as gridBaseline,
+  g as gridLine,
+  m as hoverBand,
+  L as legend,
+  B as legendButton,
+  x as legendCenter,
+  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

@@ -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"),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

@@ -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 { 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

@@ -0,0 +1,71 @@
+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: d = !1,
+  containerRef: u,
+  empty: v,
+  emptyMessage: y,
+  fillHeight: e,
+  height: o,
+  legend: l,
+  legendAlign: $,
+  legendPosition: t,
+  minLegendEntries: b = 1,
+  onPointerEnter: N,
+  onPointerLeave: C,
+  onToggleSeries: x,
+  swatch: h = "square",
+  title: I,
+  tooltip: c,
+  width: m
+}) {
+  const i = B(), j = t === "left" || t === "right", n = t !== "none" && l !== void 0 && l.length >= b && /* @__PURE__ */ r(
+    F,
+    {
+      align: $,
+      entries: l,
+      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__ */ 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: `${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
+        }
+      ),
+      (t === "bottom" || t === "right") && n
+    ] })
+  ] });
+}
+export {
+  D as ChartFrame
+};
+//# sourceMappingURL=ChartFrame.js.map

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

@@ -0,0 +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 { 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

@@ -0,0 +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;
+//# sourceMappingURL=ChartLegend.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,44 @@
+import { jsx as n, jsxs as h, Fragment as g } from "react/jsx-runtime";
+import e from "./Chart.module.css.js";
+const u = {
+  left: e.legendLeft,
+  center: e.legendCenter,
+  right: e.legendRight
+};
+function p({
+  align: c = "center",
+  entries: r,
+  onToggle: t,
+  position: s,
+  swatch: i = "square"
+}) {
+  const a = s === "left" || s === "right";
+  return /* @__PURE__ */ n("ul", { className: `${e.legend} ${a ? e.legendSide : u[c]}`, children: r.map((l, o) => {
+    const d = /* @__PURE__ */ h(g, { children: [
+      /* @__PURE__ */ n(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: `${e.swatch} ${i === "dot" ? e.swatchDot : ""}`,
+          style: l.hidden ? void 0 : { background: l.color }
+        }
+      ),
+      /* @__PURE__ */ n("span", { className: e.legendLabel, children: l.label }),
+      l.value !== void 0 && /* @__PURE__ */ n("span", { className: e.legendValue, children: l.value })
+    ] });
+    return /* @__PURE__ */ n("li", { className: e.legendItem, children: t ? /* @__PURE__ */ n(
+      "button",
+      {
+        "aria-pressed": !l.hidden,
+        className: `${e.legendButton} ${l.hidden ? e.legendOff : ""}`,
+        onClick: () => t(l.label),
+        type: "button",
+        children: d
+      }
+    ) : d }, o);
+  }) });
+}
+export {
+  p as ChartLegend
+};
+//# sourceMappingURL=ChartLegend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegend.js","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":";;AAiBA,MAAMA,IAAgD;AAAA,EACpD,MAAMC,EAAO;AAAA,EACb,QAAQA,EAAO;AAAA,EACf,OAAOA,EAAO;AAChB;AAcO,SAASC,EAAY;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AACX,GAAqB;AACnB,QAAMC,IAAUF,MAAa,UAAUA,MAAa;AAEpD,2BACG,MAAA,EAAG,WAAW,GAAGL,EAAO,MAAM,IAAIO,IAAUP,EAAO,aAAaD,EAAYG,CAAK,CAAC,IAChF,YAAQ,IAAI,CAACM,GAASC,MAAW;AAChC,UAAMC,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAW,GAAGb,EAAO,MAAM,IAAIM,MAAW,QAAQN,EAAO,YAAY,EAAE;AAAA,UACvE,OAAOQ,EAAQ,SAAS,SAAY,EAAE,YAAYA,EAAQ,MAAA;AAAA,QAAM;AAAA,MAAA;AAAA,wBAEjE,QAAA,EAAK,WAAWR,EAAO,aAAc,YAAQ,OAAM;AAAA,MACnDQ,EAAQ,UAAU,UAAa,gBAAAK,EAAC,UAAK,WAAWb,EAAO,aAAc,UAAAQ,EAAQ,MAAA,CAAM;AAAA,IAAA,GACtF;AAGF,WACE,gBAAAK,EAAC,MAAA,EAAG,WAAWb,EAAO,YACnB,UAAAI,IACC,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,gBAAc,CAACL,EAAQ;AAAA,QACvB,WAAW,GAAGR,EAAO,YAAY,IAAIQ,EAAQ,SAASR,EAAO,YAAY,EAAE;AAAA,QAC3E,SAAS,MAAMI,EAASI,EAAQ,KAAK;AAAA,QACrC,MAAK;AAAA,QAEJ,UAAAE;AAAA,MAAA;AAAA,IAAA,IAGHA,KAXmCD,CAavC;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("./Chart.module.css.cjs");function s({baseline:d,length:t,lines:u,orientation:l}){const r=l==="horizontal";return i.jsx("g",{"aria-hidden":"true",children:u.map((e,a)=>i.jsx("line",{className:e===d?n.default.gridBaseline:n.default.gridLine,x1:r?0:e,x2:r?t:e,y1:r?e:0,y2:r?e:t},a))})}exports.Grid=s;
+//# sourceMappingURL=Grid.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.cjs","sources":["../../../../src/components/charts/core/Grid.tsx"],"sourcesContent":["import styles from './Chart.module.css';\n\nexport type GridOrientation = 'horizontal' | 'vertical';\n\nexport interface GridProps {\n  baseline?: number;\n  length: number;\n  lines: readonly number[];\n  orientation: GridOrientation;\n}\n\n/**\n * Linhas de referencia do grafico. A linha da base recebe destaque proprio:\n * ela separa valores positivos de negativos e nao e apenas mais uma marca.\n */\nexport function Grid({ baseline, length, lines, orientation }: GridProps) {\n  const horizontal = orientation === 'horizontal';\n\n  return (\n    <g aria-hidden=\"true\">\n      {lines.map((posicao, indice) => (\n        <line\n          className={posicao === baseline ? styles.gridBaseline : styles.gridLine}\n          key={indice}\n          x1={horizontal ? 0 : posicao}\n          x2={horizontal ? length : posicao}\n          y1={horizontal ? posicao : 0}\n          y2={horizontal ? posicao : length}\n        />\n      ))}\n    </g>\n  );\n}\n"],"names":["Grid","baseline","length","lines","orientation","horizontal","jsx","posicao","indice","styles"],"mappings":"yJAeO,SAASA,EAAK,CAAE,SAAAC,EAAU,OAAAC,EAAQ,MAAAC,EAAO,YAAAC,GAA0B,CACxE,MAAMC,EAAaD,IAAgB,aAEnC,OACEE,MAAC,KAAE,cAAY,OACZ,WAAM,IAAI,CAACC,EAASC,IACnBF,EAAAA,IAAC,OAAA,CACC,UAAWC,IAAYN,EAAWQ,EAAAA,QAAO,aAAeA,EAAAA,QAAO,SAE/D,GAAIJ,EAAa,EAAIE,EACrB,GAAIF,EAAaH,EAASK,EAC1B,GAAIF,EAAaE,EAAU,EAC3B,GAAIF,EAAaE,EAAUL,CAAA,EAJtBM,CAAA,CAMR,EACH,CAEJ"}

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

@@ -0,0 +1,20 @@
+import { jsx as n } from "react/jsx-runtime";
+import t from "./Chart.module.css.js";
+function h({ baseline: d, length: i, lines: l, orientation: m }) {
+  const e = m === "horizontal";
+  return /* @__PURE__ */ n("g", { "aria-hidden": "true", children: l.map((r, a) => /* @__PURE__ */ n(
+    "line",
+    {
+      className: r === d ? t.gridBaseline : t.gridLine,
+      x1: e ? 0 : r,
+      x2: e ? i : r,
+      y1: e ? r : 0,
+      y2: e ? r : i
+    },
+    a
+  )) });
+}
+export {
+  h as Grid
+};
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/charts/core/Grid.tsx"],"sourcesContent":["import styles from './Chart.module.css';\n\nexport type GridOrientation = 'horizontal' | 'vertical';\n\nexport interface GridProps {\n  baseline?: number;\n  length: number;\n  lines: readonly number[];\n  orientation: GridOrientation;\n}\n\n/**\n * Linhas de referencia do grafico. A linha da base recebe destaque proprio:\n * ela separa valores positivos de negativos e nao e apenas mais uma marca.\n */\nexport function Grid({ baseline, length, lines, orientation }: GridProps) {\n  const horizontal = orientation === 'horizontal';\n\n  return (\n    <g aria-hidden=\"true\">\n      {lines.map((posicao, indice) => (\n        <line\n          className={posicao === baseline ? styles.gridBaseline : styles.gridLine}\n          key={indice}\n          x1={horizontal ? 0 : posicao}\n          x2={horizontal ? length : posicao}\n          y1={horizontal ? posicao : 0}\n          y2={horizontal ? posicao : length}\n        />\n      ))}\n    </g>\n  );\n}\n"],"names":["Grid","baseline","length","lines","orientation","horizontal","jsx","posicao","indice","styles"],"mappings":";;AAeO,SAASA,EAAK,EAAE,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,aAAAC,KAA0B;AACxE,QAAMC,IAAaD,MAAgB;AAEnC,SACE,gBAAAE,EAAC,OAAE,eAAY,QACZ,YAAM,IAAI,CAACC,GAASC,MACnB,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAYN,IAAWQ,EAAO,eAAeA,EAAO;AAAA,MAE/D,IAAIJ,IAAa,IAAIE;AAAA,MACrB,IAAIF,IAAaH,IAASK;AAAA,MAC1B,IAAIF,IAAaE,IAAU;AAAA,MAC3B,IAAIF,IAAaE,IAAUL;AAAA,IAAA;AAAA,IAJtBM;AAAA,EAAA,CAMR,GACH;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),f=require("./Chart.module.css.cjs");function g({onHover:u,onPointerY:t,plot:r,positions:a}){return h.jsx("g",{children:a.map((s,e)=>{const n=e===0?0:(a[e-1]+s)/2,c=e===a.length-1?r.width:(s+a[e+1])/2;return h.jsx("rect",{className:f.default.hoverBand,height:r.height,onMouseEnter:()=>u(e),onMouseLeave:()=>{u(null),t==null||t(null)},onMouseMove:l=>t==null?void 0:t(l.clientY-l.currentTarget.getBoundingClientRect().top),width:Math.max(0,c-n),x:n,y:0},e)})})}function m({plot:u,position:t}){return h.jsx("line",{className:f.default.pointCursor,x1:t,x2:t,y1:0,y2:u.height})}function M(u,t,r,a){if(t===null||r===null)return null;let s=null,e=1/0;return u.forEach((n,c)=>{const l=n[t];l&&!a(c)&&Math.abs(l.y-r)<e&&(e=Math.abs(l.y-r),s=c)}),s}exports.PointBands=g;exports.PointCursor=m;exports.nearestSeriesAt=M;
+//# sourceMappingURL=PointBands.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointBands.cjs","sources":["../../../../src/components/charts/core/PointBands.tsx"],"sourcesContent":["import type { ChartPlot } from './cartesianLayout';\nimport type { ChartPoint } from './shapes';\nimport styles from './Chart.module.css';\n\nexport interface PointBandsProps {\n  onHover: (index: number | null) => void;\n  /** Altura do ponteiro na area de desenho, para quem escolhe a serie mais proxima dele. */\n  onPointerY?: (y: number | null) => void;\n  plot: ChartPlot;\n  /** Posicao de cada categoria no eixo, na ordem das categorias. */\n  positions: readonly number[];\n}\n\n/**\n * Faixas invisiveis sobre a area de desenho, uma por categoria, que vao do ponto\n * ate o meio do caminho para cada vizinho: o ponteiro sempre cai no ponto mais proximo.\n */\nexport function PointBands({ onHover, onPointerY, plot, positions }: PointBandsProps) {\n  return (\n    <g>\n      {positions.map((position, index) => {\n        const start = index === 0 ? 0 : (positions[index - 1] + position) / 2;\n        const end = index === positions.length - 1 ? plot.width : (position + positions[index + 1]) / 2;\n\n        return (\n          <rect\n            className={styles.hoverBand}\n            height={plot.height}\n            key={index}\n            onMouseEnter={() => onHover(index)}\n            onMouseLeave={() => {\n              onHover(null);\n              onPointerY?.(null);\n            }}\n            onMouseMove={(evento) => onPointerY?.(evento.clientY - evento.currentTarget.getBoundingClientRect().top)}\n            width={Math.max(0, end - start)}\n            x={start}\n            y={0}\n          />\n        );\n      })}\n    </g>\n  );\n}\n\n/** Guia vertical no ponto sob o ponteiro, atras das marcas. */\nexport function PointCursor({ plot, position }: { plot: ChartPlot; position: number }) {\n  return <line className={styles.pointCursor} x1={position} x2={position} y1={0} y2={plot.height} />;\n}\n\n/** A serie visivel com ponto na categoria cujo ponto fica mais perto da altura do ponteiro. */\nexport function nearestSeriesAt(\n  pointsBySeries: readonly (readonly (ChartPoint | null)[])[],\n  category: number | null,\n  y: number | null,\n  isHidden: (seriesIndex: number) => boolean,\n) {\n  if (category === null || y === null) {\n    return null;\n  }\n\n  let maisPerto: number | null = null;\n  let menorDistancia = Infinity;\n\n  pointsBySeries.forEach((pontos, indice) => {\n    const ponto = pontos[category];\n\n    if (ponto && !isHidden(indice) && Math.abs(ponto.y - y) < menorDistancia) {\n      menorDistancia = Math.abs(ponto.y - y);\n      maisPerto = indice;\n    }\n  });\n\n  return maisPerto;\n}\n"],"names":["PointBands","onHover","onPointerY","plot","positions","position","index","start","end","jsx","styles","evento","PointCursor","nearestSeriesAt","pointsBySeries","category","y","isHidden","maisPerto","menorDistancia","pontos","indice","ponto"],"mappings":"yJAiBO,SAASA,EAAW,CAAE,QAAAC,EAAS,WAAAC,EAAY,KAAAC,EAAM,UAAAC,GAA8B,CACpF,aACG,IAAA,CACE,SAAAA,EAAU,IAAI,CAACC,EAAUC,IAAU,CAClC,MAAMC,EAAQD,IAAU,EAAI,GAAKF,EAAUE,EAAQ,CAAC,EAAID,GAAY,EAC9DG,EAAMF,IAAUF,EAAU,OAAS,EAAID,EAAK,OAASE,EAAWD,EAAUE,EAAQ,CAAC,GAAK,EAE9F,OACEG,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,QAAO,UAClB,OAAQP,EAAK,OAEb,aAAc,IAAMF,EAAQK,CAAK,EACjC,aAAc,IAAM,CAClBL,EAAQ,IAAI,EACZC,GAAA,MAAAA,EAAa,KACf,EACA,YAAcS,GAAWT,GAAA,YAAAA,EAAaS,EAAO,QAAUA,EAAO,cAAc,sBAAA,EAAwB,KACpG,MAAO,KAAK,IAAI,EAAGH,EAAMD,CAAK,EAC9B,EAAGA,EACH,EAAG,CAAA,EATED,CAAA,CAYX,CAAC,CAAA,CACH,CAEJ,CAGO,SAASM,EAAY,CAAE,KAAAT,EAAM,SAAAE,GAAmD,CACrF,OAAOI,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,YAAa,GAAIL,EAAU,GAAIA,EAAU,GAAI,EAAG,GAAIF,EAAK,OAAQ,CAClG,CAGO,SAASU,EACdC,EACAC,EACAC,EACAC,EACA,CACA,GAAIF,IAAa,MAAQC,IAAM,KAC7B,OAAO,KAGT,IAAIE,EAA2B,KAC3BC,EAAiB,IAErB,OAAAL,EAAe,QAAQ,CAACM,EAAQC,IAAW,CACzC,MAAMC,EAAQF,EAAOL,CAAQ,EAEzBO,GAAS,CAACL,EAASI,CAAM,GAAK,KAAK,IAAIC,EAAM,EAAIN,CAAC,EAAIG,IACxDA,EAAiB,KAAK,IAAIG,EAAM,EAAIN,CAAC,EACrCE,EAAYG,EAEhB,CAAC,EAEMH,CACT"}

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

@@ -0,0 +1,41 @@
+import { jsx as n } from "react/jsx-runtime";
+import m from "./Chart.module.css.js";
+function M({ onHover: r, onPointerY: t, plot: u, positions: a }) {
+  return /* @__PURE__ */ n("g", { children: a.map((h, l) => {
+    const s = l === 0 ? 0 : (a[l - 1] + h) / 2, c = l === a.length - 1 ? u.width : (h + a[l + 1]) / 2;
+    return /* @__PURE__ */ n(
+      "rect",
+      {
+        className: m.hoverBand,
+        height: u.height,
+        onMouseEnter: () => r(l),
+        onMouseLeave: () => {
+          r(null), t == null || t(null);
+        },
+        onMouseMove: (e) => t == null ? void 0 : t(e.clientY - e.currentTarget.getBoundingClientRect().top),
+        width: Math.max(0, c - s),
+        x: s,
+        y: 0
+      },
+      l
+    );
+  }) });
+}
+function y({ plot: r, position: t }) {
+  return /* @__PURE__ */ n("line", { className: m.pointCursor, x1: t, x2: t, y1: 0, y2: r.height });
+}
+function B(r, t, u, a) {
+  if (t === null || u === null)
+    return null;
+  let h = null, l = 1 / 0;
+  return r.forEach((s, c) => {
+    const e = s[t];
+    e && !a(c) && Math.abs(e.y - u) < l && (l = Math.abs(e.y - u), h = c);
+  }), h;
+}
+export {
+  M as PointBands,
+  y as PointCursor,
+  B as nearestSeriesAt
+};
+//# sourceMappingURL=PointBands.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointBands.js","sources":["../../../../src/components/charts/core/PointBands.tsx"],"sourcesContent":["import type { ChartPlot } from './cartesianLayout';\nimport type { ChartPoint } from './shapes';\nimport styles from './Chart.module.css';\n\nexport interface PointBandsProps {\n  onHover: (index: number | null) => void;\n  /** Altura do ponteiro na area de desenho, para quem escolhe a serie mais proxima dele. */\n  onPointerY?: (y: number | null) => void;\n  plot: ChartPlot;\n  /** Posicao de cada categoria no eixo, na ordem das categorias. */\n  positions: readonly number[];\n}\n\n/**\n * Faixas invisiveis sobre a area de desenho, uma por categoria, que vao do ponto\n * ate o meio do caminho para cada vizinho: o ponteiro sempre cai no ponto mais proximo.\n */\nexport function PointBands({ onHover, onPointerY, plot, positions }: PointBandsProps) {\n  return (\n    <g>\n      {positions.map((position, index) => {\n        const start = index === 0 ? 0 : (positions[index - 1] + position) / 2;\n        const end = index === positions.length - 1 ? plot.width : (position + positions[index + 1]) / 2;\n\n        return (\n          <rect\n            className={styles.hoverBand}\n            height={plot.height}\n            key={index}\n            onMouseEnter={() => onHover(index)}\n            onMouseLeave={() => {\n              onHover(null);\n              onPointerY?.(null);\n            }}\n            onMouseMove={(evento) => onPointerY?.(evento.clientY - evento.currentTarget.getBoundingClientRect().top)}\n            width={Math.max(0, end - start)}\n            x={start}\n            y={0}\n          />\n        );\n      })}\n    </g>\n  );\n}\n\n/** Guia vertical no ponto sob o ponteiro, atras das marcas. */\nexport function PointCursor({ plot, position }: { plot: ChartPlot; position: number }) {\n  return <line className={styles.pointCursor} x1={position} x2={position} y1={0} y2={plot.height} />;\n}\n\n/** A serie visivel com ponto na categoria cujo ponto fica mais perto da altura do ponteiro. */\nexport function nearestSeriesAt(\n  pointsBySeries: readonly (readonly (ChartPoint | null)[])[],\n  category: number | null,\n  y: number | null,\n  isHidden: (seriesIndex: number) => boolean,\n) {\n  if (category === null || y === null) {\n    return null;\n  }\n\n  let maisPerto: number | null = null;\n  let menorDistancia = Infinity;\n\n  pointsBySeries.forEach((pontos, indice) => {\n    const ponto = pontos[category];\n\n    if (ponto && !isHidden(indice) && Math.abs(ponto.y - y) < menorDistancia) {\n      menorDistancia = Math.abs(ponto.y - y);\n      maisPerto = indice;\n    }\n  });\n\n  return maisPerto;\n}\n"],"names":["PointBands","onHover","onPointerY","plot","positions","position","index","start","end","jsx","styles","evento","PointCursor","nearestSeriesAt","pointsBySeries","category","y","isHidden","maisPerto","menorDistancia","pontos","indice","ponto"],"mappings":";;AAiBO,SAASA,EAAW,EAAE,SAAAC,GAAS,YAAAC,GAAY,MAAAC,GAAM,WAAAC,KAA8B;AACpF,2BACG,KAAA,EACE,UAAAA,EAAU,IAAI,CAACC,GAAUC,MAAU;AAClC,UAAMC,IAAQD,MAAU,IAAI,KAAKF,EAAUE,IAAQ,CAAC,IAAID,KAAY,GAC9DG,IAAMF,MAAUF,EAAU,SAAS,IAAID,EAAK,SAASE,IAAWD,EAAUE,IAAQ,CAAC,KAAK;AAE9F,WACE,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAO;AAAA,QAClB,QAAQP,EAAK;AAAA,QAEb,cAAc,MAAMF,EAAQK,CAAK;AAAA,QACjC,cAAc,MAAM;AAClB,UAAAL,EAAQ,IAAI,GACZC,KAAA,QAAAA,EAAa;AAAA,QACf;AAAA,QACA,aAAa,CAACS,MAAWT,KAAA,gBAAAA,EAAaS,EAAO,UAAUA,EAAO,cAAc,sBAAA,EAAwB;AAAA,QACpG,OAAO,KAAK,IAAI,GAAGH,IAAMD,CAAK;AAAA,QAC9B,GAAGA;AAAA,QACH,GAAG;AAAA,MAAA;AAAA,MATED;AAAA,IAAA;AAAA,EAYX,CAAC,EAAA,CACH;AAEJ;AAGO,SAASM,EAAY,EAAE,MAAAT,GAAM,UAAAE,KAAmD;AACrF,SAAO,gBAAAI,EAAC,QAAA,EAAK,WAAWC,EAAO,aAAa,IAAIL,GAAU,IAAIA,GAAU,IAAI,GAAG,IAAIF,EAAK,QAAQ;AAClG;AAGO,SAASU,EACdC,GACAC,GACAC,GACAC,GACA;AACA,MAAIF,MAAa,QAAQC,MAAM;AAC7B,WAAO;AAGT,MAAIE,IAA2B,MAC3BC,IAAiB;AAErB,SAAAL,EAAe,QAAQ,CAACM,GAAQC,MAAW;AACzC,UAAMC,IAAQF,EAAOL,CAAQ;AAE7B,IAAIO,KAAS,CAACL,EAASI,CAAM,KAAK,KAAK,IAAIC,EAAM,IAAIN,CAAC,IAAIG,MACxDA,IAAiB,KAAK,IAAIG,EAAM,IAAIN,CAAC,GACrCE,IAAYG;AAAA,EAEhB,CAAC,GAEMH;AACT;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("d3-shape"),l=Math.PI*2;function s(n,{endAngle:t=l,padAngle:e=0,startAngle:c=0}={}){return o.pie().sort(null).sortValues(null).value(r=>Math.max(r,0)).startAngle(c).endAngle(t).padAngle(e)([...n]).map(({endAngle:r,startAngle:a})=>({endAngle:r,startAngle:a}))}function u({cornerRadius:n=0,endAngle:t,innerRadius:e,outerRadius:c,padAngle:r=0,startAngle:a}){return o.arc().cornerRadius(n).innerRadius(e).outerRadius(c).padAngle(r).startAngle(a).endAngle(t)({cornerRadius:n,endAngle:t,innerRadius:e,outerRadius:c,padAngle:r,startAngle:a})??""}function i({endAngle:n,innerRadius:t,outerRadius:e,startAngle:c}){const r=(t+e)/2,a=(c+n)/2-Math.PI/2;return[Math.cos(a)*r,Math.sin(a)*r]}function A(n,t){const e=(n.startAngle+n.endAngle)/2-Math.PI/2;return[Math.cos(e)*t,Math.sin(e)*t]}exports.VOLTA=l;exports.arcAnchor=A;exports.arcCentroid=i;exports.arcPath=u;exports.sliceAngles=s;
+//# sourceMappingURL=arcs.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arcs.cjs","sources":["../../../../src/components/charts/core/arcs.ts"],"sourcesContent":["import { arc, pie } from 'd3-shape';\n\nexport const VOLTA = Math.PI * 2;\n\nexport interface ArcAngles {\n  endAngle: number;\n  startAngle: number;\n}\n\nexport interface ArcShape extends ArcAngles {\n  cornerRadius?: number;\n  innerRadius: number;\n  outerRadius: number;\n  padAngle?: number;\n}\n\nexport interface SliceAnglesOptions {\n  endAngle?: number;\n  padAngle?: number;\n  startAngle?: number;\n}\n\n/**\n * Angulo de cada fatia, **na ordem recebida**. A ordenacao por valor fica de\n * fora: a fatia precisa ficar onde o consumidor a colocou, porque e essa ordem\n * que a legenda repete.\n */\nexport function sliceAngles(\n  values: readonly number[],\n  { endAngle = VOLTA, padAngle = 0, startAngle = 0 }: SliceAnglesOptions = {},\n): ArcAngles[] {\n  return pie<number>()\n    .sort(null)\n    .sortValues(null)\n    .value((valor) => Math.max(valor, 0))\n    .startAngle(startAngle)\n    .endAngle(endAngle)\n    .padAngle(padAngle)(\n    [...values],\n  ).map(({ endAngle: fim, startAngle: comeco }) => ({ endAngle: fim, startAngle: comeco }));\n}\n\nexport function arcPath({ cornerRadius = 0, endAngle, innerRadius, outerRadius, padAngle = 0, startAngle }: ArcShape) {\n  return (\n    arc<ArcShape>()\n      .cornerRadius(cornerRadius)\n      .innerRadius(innerRadius)\n      .outerRadius(outerRadius)\n      .padAngle(padAngle)\n      .startAngle(startAngle)\n      .endAngle(endAngle)({ cornerRadius, endAngle, innerRadius, outerRadius, padAngle, startAngle }) ?? ''\n  );\n}\n\n/** Centro geometrico do arco, onde um rotulo sobre a fatia se apoia. */\nexport function arcCentroid({ endAngle, innerRadius, outerRadius, startAngle }: ArcShape): [number, number] {\n  const raio = (innerRadius + outerRadius) / 2;\n  const angulo = (startAngle + endAngle) / 2 - Math.PI / 2;\n\n  return [Math.cos(angulo) * raio, Math.sin(angulo) * raio];\n}\n\n/** Ponto na borda do arco, de onde parte o conector de um rotulo externo. */\nexport function arcAnchor(angles: ArcAngles, radius: number): [number, number] {\n  const angulo = (angles.startAngle + angles.endAngle) / 2 - Math.PI / 2;\n\n  return [Math.cos(angulo) * radius, Math.sin(angulo) * radius];\n}\n"],"names":["VOLTA","sliceAngles","values","endAngle","padAngle","startAngle","pie","valor","fim","comeco","arcPath","cornerRadius","innerRadius","outerRadius","arc","arcCentroid","raio","angulo","arcAnchor","angles","radius"],"mappings":"4GAEaA,EAAQ,KAAK,GAAK,EAyBxB,SAASC,EACdC,EACA,CAAE,SAAAC,EAAWH,EAAO,SAAAI,EAAW,EAAG,WAAAC,EAAa,CAAA,EAA0B,GAC5D,CACb,OAAOC,EAAAA,IAAA,EACJ,KAAK,IAAI,EACT,WAAW,IAAI,EACf,MAAOC,GAAU,KAAK,IAAIA,EAAO,CAAC,CAAC,EACnC,WAAWF,CAAU,EACrB,SAASF,CAAQ,EACjB,SAASC,CAAQ,EAClB,CAAC,GAAGF,CAAM,CAAA,EACV,IAAI,CAAC,CAAE,SAAUM,EAAK,WAAYC,MAAc,CAAE,SAAUD,EAAK,WAAYC,GAAS,CAC1F,CAEO,SAASC,EAAQ,CAAE,aAAAC,EAAe,EAAG,SAAAR,EAAU,YAAAS,EAAa,YAAAC,EAAa,SAAAT,EAAW,EAAG,WAAAC,GAAwB,CACpH,OACES,MAAA,EACG,aAAaH,CAAY,EACzB,YAAYC,CAAW,EACvB,YAAYC,CAAW,EACvB,SAAST,CAAQ,EACjB,WAAWC,CAAU,EACrB,SAASF,CAAQ,EAAE,CAAE,aAAAQ,EAAc,SAAAR,EAAU,YAAAS,EAAa,YAAAC,EAAa,SAAAT,EAAU,WAAAC,CAAA,CAAY,GAAK,EAEzG,CAGO,SAASU,EAAY,CAAE,SAAAZ,EAAU,YAAAS,EAAa,YAAAC,EAAa,WAAAR,GAA0C,CAC1G,MAAMW,GAAQJ,EAAcC,GAAe,EACrCI,GAAUZ,EAAaF,GAAY,EAAI,KAAK,GAAK,EAEvD,MAAO,CAAC,KAAK,IAAIc,CAAM,EAAID,EAAM,KAAK,IAAIC,CAAM,EAAID,CAAI,CAC1D,CAGO,SAASE,EAAUC,EAAmBC,EAAkC,CAC7E,MAAMH,GAAUE,EAAO,WAAaA,EAAO,UAAY,EAAI,KAAK,GAAK,EAErE,MAAO,CAAC,KAAK,IAAIF,CAAM,EAAIG,EAAQ,KAAK,IAAIH,CAAM,EAAIG,CAAM,CAC9D"}

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

@@ -0,0 +1,26 @@
+import { arc as l, pie as c } from "d3-shape";
+const s = Math.PI * 2;
+function A(n, { endAngle: t = s, padAngle: a = 0, startAngle: o = 0 } = {}) {
+  return c().sort(null).sortValues(null).value((e) => Math.max(e, 0)).startAngle(o).endAngle(t).padAngle(a)(
+    [...n]
+  ).map(({ endAngle: e, startAngle: r }) => ({ endAngle: e, startAngle: r }));
+}
+function g({ cornerRadius: n = 0, endAngle: t, innerRadius: a, outerRadius: o, padAngle: e = 0, startAngle: r }) {
+  return l().cornerRadius(n).innerRadius(a).outerRadius(o).padAngle(e).startAngle(r).endAngle(t)({ cornerRadius: n, endAngle: t, innerRadius: a, outerRadius: o, padAngle: e, startAngle: r }) ?? "";
+}
+function h({ endAngle: n, innerRadius: t, outerRadius: a, startAngle: o }) {
+  const e = (t + a) / 2, r = (o + n) / 2 - Math.PI / 2;
+  return [Math.cos(r) * e, Math.sin(r) * e];
+}
+function i(n, t) {
+  const a = (n.startAngle + n.endAngle) / 2 - Math.PI / 2;
+  return [Math.cos(a) * t, Math.sin(a) * t];
+}
+export {
+  s as VOLTA,
+  i as arcAnchor,
+  h as arcCentroid,
+  g as arcPath,
+  A as sliceAngles
+};
+//# sourceMappingURL=arcs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arcs.js","sources":["../../../../src/components/charts/core/arcs.ts"],"sourcesContent":["import { arc, pie } from 'd3-shape';\n\nexport const VOLTA = Math.PI * 2;\n\nexport interface ArcAngles {\n  endAngle: number;\n  startAngle: number;\n}\n\nexport interface ArcShape extends ArcAngles {\n  cornerRadius?: number;\n  innerRadius: number;\n  outerRadius: number;\n  padAngle?: number;\n}\n\nexport interface SliceAnglesOptions {\n  endAngle?: number;\n  padAngle?: number;\n  startAngle?: number;\n}\n\n/**\n * Angulo de cada fatia, **na ordem recebida**. A ordenacao por valor fica de\n * fora: a fatia precisa ficar onde o consumidor a colocou, porque e essa ordem\n * que a legenda repete.\n */\nexport function sliceAngles(\n  values: readonly number[],\n  { endAngle = VOLTA, padAngle = 0, startAngle = 0 }: SliceAnglesOptions = {},\n): ArcAngles[] {\n  return pie<number>()\n    .sort(null)\n    .sortValues(null)\n    .value((valor) => Math.max(valor, 0))\n    .startAngle(startAngle)\n    .endAngle(endAngle)\n    .padAngle(padAngle)(\n    [...values],\n  ).map(({ endAngle: fim, startAngle: comeco }) => ({ endAngle: fim, startAngle: comeco }));\n}\n\nexport function arcPath({ cornerRadius = 0, endAngle, innerRadius, outerRadius, padAngle = 0, startAngle }: ArcShape) {\n  return (\n    arc<ArcShape>()\n      .cornerRadius(cornerRadius)\n      .innerRadius(innerRadius)\n      .outerRadius(outerRadius)\n      .padAngle(padAngle)\n      .startAngle(startAngle)\n      .endAngle(endAngle)({ cornerRadius, endAngle, innerRadius, outerRadius, padAngle, startAngle }) ?? ''\n  );\n}\n\n/** Centro geometrico do arco, onde um rotulo sobre a fatia se apoia. */\nexport function arcCentroid({ endAngle, innerRadius, outerRadius, startAngle }: ArcShape): [number, number] {\n  const raio = (innerRadius + outerRadius) / 2;\n  const angulo = (startAngle + endAngle) / 2 - Math.PI / 2;\n\n  return [Math.cos(angulo) * raio, Math.sin(angulo) * raio];\n}\n\n/** Ponto na borda do arco, de onde parte o conector de um rotulo externo. */\nexport function arcAnchor(angles: ArcAngles, radius: number): [number, number] {\n  const angulo = (angles.startAngle + angles.endAngle) / 2 - Math.PI / 2;\n\n  return [Math.cos(angulo) * radius, Math.sin(angulo) * radius];\n}\n"],"names":["VOLTA","sliceAngles","values","endAngle","padAngle","startAngle","pie","valor","fim","comeco","arcPath","cornerRadius","innerRadius","outerRadius","arc","arcCentroid","raio","angulo","arcAnchor","angles","radius"],"mappings":";AAEO,MAAMA,IAAQ,KAAK,KAAK;AAyBxB,SAASC,EACdC,GACA,EAAE,UAAAC,IAAWH,GAAO,UAAAI,IAAW,GAAG,YAAAC,IAAa,EAAA,IAA0B,IAC5D;AACb,SAAOC,EAAA,EACJ,KAAK,IAAI,EACT,WAAW,IAAI,EACf,MAAM,CAACC,MAAU,KAAK,IAAIA,GAAO,CAAC,CAAC,EACnC,WAAWF,CAAU,EACrB,SAASF,CAAQ,EACjB,SAASC,CAAQ;AAAA,IAClB,CAAC,GAAGF,CAAM;AAAA,EAAA,EACV,IAAI,CAAC,EAAE,UAAUM,GAAK,YAAYC,SAAc,EAAE,UAAUD,GAAK,YAAYC,IAAS;AAC1F;AAEO,SAASC,EAAQ,EAAE,cAAAC,IAAe,GAAG,UAAAR,GAAU,aAAAS,GAAa,aAAAC,GAAa,UAAAT,IAAW,GAAG,YAAAC,KAAwB;AACpH,SACES,EAAA,EACG,aAAaH,CAAY,EACzB,YAAYC,CAAW,EACvB,YAAYC,CAAW,EACvB,SAAST,CAAQ,EACjB,WAAWC,CAAU,EACrB,SAASF,CAAQ,EAAE,EAAE,cAAAQ,GAAc,UAAAR,GAAU,aAAAS,GAAa,aAAAC,GAAa,UAAAT,GAAU,YAAAC,EAAA,CAAY,KAAK;AAEzG;AAGO,SAASU,EAAY,EAAE,UAAAZ,GAAU,aAAAS,GAAa,aAAAC,GAAa,YAAAR,KAA0C;AAC1G,QAAMW,KAAQJ,IAAcC,KAAe,GACrCI,KAAUZ,IAAaF,KAAY,IAAI,KAAK,KAAK;AAEvD,SAAO,CAAC,KAAK,IAAIc,CAAM,IAAID,GAAM,KAAK,IAAIC,CAAM,IAAID,CAAI;AAC1D;AAGO,SAASE,EAAUC,GAAmBC,GAAkC;AAC7E,QAAMH,KAAUE,EAAO,aAAaA,EAAO,YAAY,IAAI,KAAK,KAAK;AAErE,SAAO,CAAC,KAAK,IAAIF,CAAM,IAAIG,GAAQ,KAAK,IAAIH,CAAM,IAAIG,CAAM;AAC9D;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./measureText.cjs"),n=require("./spacing.cjs"),E=require("../scales/scales.cjs");function b(t,a){return t==="visible"||t==="onHover"&&a}function d(t,a){return{fillHeight:t==="fill",value:t==="fill"?a:t}}function l(t,a){return t==="visible"||t==="onHover"&&a}function M(t,a,e){return t?u.widestLabel(a,e)+n.CHART_LABEL_OFFSET:0}function T(t,a,e){return t.length===0||e<=0||u.widestLabel(t,a)+n.CHART_LABEL_OFFSET<=e?0:e*Math.SQRT1_2>=a.lineHeight?45:90}function C(t,a,e,r){if(!r)return 0;if(e===0)return a.lineHeight+n.CHART_LABEL_OFFSET;const i=e*Math.PI/180;return u.widestLabel(t,a)*Math.sin(i)+a.lineHeight*Math.cos(i)+n.CHART_LABEL_OFFSET}function p({bottomLabels:t,font:a,height:e,labelAngle:r,leftLabels:i,revealed:c=!1,rightLabels:f,topRoom:g,width:h,xAxis:x,yAxis:A,yAxisRight:R}){const m=l(x,c),F=m?u.widestLabel(t,a)/2:0,L=Math.max(M(l(A,c),i,a),n.CHART_EDGE_GAP),H=Math.max(M(l(R,c),f,a),n.CHART_EDGE_GAP),S=Math.max(h-L-H,0),s=r==="auto"?T(t,a,S/Math.max(t.length,1)):r,_=s===0?F:0,o={bottom:C(t,a,s,m),left:Math.max(L,_),right:Math.max(H,_),top:Math.max(g,n.CHART_EDGE_GAP)};return{margins:o,plot:{width:Math.max(h-o.left-o.right,0),height:Math.max(e-o.top-o.bottom,0)},rotation:s}}function w(t,a,e){const r=E.linearScale({domain:t,range:[a,0]});return E.ticksFor(r,a).map(e)}exports.bottomLabelRotation=T;exports.cartesianLayout=p;exports.chartHeight=d;exports.markShown=b;exports.valueLabelsFor=w;
+//# sourceMappingURL=cartesianLayout.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cartesianLayout.cjs","sources":["../../../../src/components/charts/core/cartesianLayout.ts"],"sourcesContent":["import { widestLabel, type LabelFont } from './measureText';\nimport { CHART_EDGE_GAP, CHART_LABEL_OFFSET } from './spacing';\nimport { linearScale, ticksFor, type NumericRange } from '../scales';\n\nexport type AxisLabelRotation = 0 | 45 | 90;\nexport type AxisLabelAngle = AxisLabelRotation | 'auto';\n\n/**\n * Como o eixo se mostra. `onHover` nao reserva a calha: o desenho ocupa o espaco\n * todo e, depois de um instante com o ponteiro sobre o grafico, encolhe para o\n * eixo entrar; `hidden` dispensa o eixo de vez.\n */\nexport type AxisVisibility = 'visible' | 'hidden' | 'onHover';\n\n/** Como pontos e rotulos de valor se mostram. `onHover` mostra os da serie sob o ponteiro, e so eles. */\nexport type MarkVisibility = 'visible' | 'hidden' | 'onHover';\n\n/** Se a marca da serie aparece: sempre, nunca, ou so com a serie sob o ponteiro. */\nexport function markShown(visibility: MarkVisibility, seriesFocused: boolean) {\n  return visibility === 'visible' || (visibility === 'onHover' && seriesFocused);\n}\n\n/** Altura do desenho: um numero fixa, `fill` entrega a decisao ao contêiner. */\nexport type ChartHeight = number | 'fill';\n\nexport interface ResolvedHeight {\n  fillHeight: boolean;\n  value: number;\n}\n\n/**\n * Altura efetiva do desenho. Com `fill`, ela vem da medida do contêiner, o que\n * permite ao grafico ocupar a celula de um painel sem que ninguem repita a\n * medida em JavaScript.\n */\nexport function chartHeight(height: ChartHeight, measured: number): ResolvedHeight {\n  return { fillHeight: height === 'fill', value: height === 'fill' ? measured : height };\n}\n\nexport interface ChartMargins {\n  bottom: number;\n  left: number;\n  right: number;\n  top: number;\n}\n\nexport interface ChartPlot {\n  height: number;\n  width: number;\n}\n\nexport interface CartesianLayoutOptions {\n  bottomLabels: readonly string[];\n  font: LabelFont;\n  height: number;\n  labelAngle: AxisLabelAngle;\n  leftLabels: readonly string[];\n  /** Os eixos `onHover` estao a vista e ocupam a calha. */\n  revealed?: boolean;\n  rightLabels: readonly string[];\n  topRoom: number;\n  width: number;\n  xAxis: AxisVisibility;\n  yAxis: AxisVisibility;\n  yAxisRight: AxisVisibility;\n}\n\nexport interface CartesianLayout {\n  margins: ChartMargins;\n  plot: ChartPlot;\n  rotation: AxisLabelRotation;\n}\n\n/** Se o eixo ocupa a calha agora: o `onHover` so enquanto revelado. */\nfunction ocupa(visibility: AxisVisibility, revealed: boolean) {\n  return visibility === 'visible' || (visibility === 'onHover' && revealed);\n}\n\nfunction calha(ocupada: boolean, labels: readonly string[], font: LabelFont) {\n  return ocupada ? widestLabel(labels, font) + CHART_LABEL_OFFSET : 0;\n}\n\n/**\n * Angulo dos rotulos do eixo de baixo. Em zero grau, dois rotulos vizinhos nao\n * podem se tocar. Girados, o que precisa caber e a distancia perpendicular\n * entre duas linhas de base vizinhas, que vale o passo vezes o seno do angulo.\n */\nexport function bottomLabelRotation(\n  labels: readonly string[],\n  font: LabelFont,\n  step: number,\n): AxisLabelRotation {\n  if (labels.length === 0 || step <= 0) {\n    return 0;\n  }\n\n  if (widestLabel(labels, font) + CHART_LABEL_OFFSET <= step) {\n    return 0;\n  }\n\n  return step * Math.SQRT1_2 >= font.lineHeight ? 45 : 90;\n}\n\n/** Altura que os rotulos de baixo ocupam, que e a caixa do texto ja girado. */\nfunction alturaDosRotulos(\n  labels: readonly string[],\n  font: LabelFont,\n  rotation: AxisLabelRotation,\n  ocupada: boolean,\n) {\n  if (!ocupada) {\n    return 0;\n  }\n\n  if (rotation === 0) {\n    return font.lineHeight + CHART_LABEL_OFFSET;\n  }\n\n  const radianos = (rotation * Math.PI) / 180;\n  const caixa = widestLabel(labels, font) * Math.sin(radianos) + font.lineHeight * Math.cos(radianos);\n\n  return caixa + CHART_LABEL_OFFSET;\n}\n\n/**\n * Margens derivadas do conteudo, e nao de constantes. A ordem resolve sozinha a\n * dependencia entre elas: as calhas laterais definem a largura util, a largura\n * util define o passo entre categorias, o passo define o angulo dos rotulos e o\n * angulo define a altura que eles ocupam embaixo.\n */\nexport function cartesianLayout({\n  bottomLabels,\n  font,\n  height,\n  labelAngle,\n  leftLabels,\n  revealed = false,\n  rightLabels,\n  topRoom,\n  width,\n  xAxis,\n  yAxis,\n  yAxisRight,\n}: CartesianLayoutOptions): CartesianLayout {\n  const embaixo = ocupa(xAxis, revealed);\n  const meioRotulo = embaixo ? widestLabel(bottomLabels, font) / 2 : 0;\n\n  const left = Math.max(calha(ocupa(yAxis, revealed), leftLabels, font), CHART_EDGE_GAP);\n  const right = Math.max(calha(ocupa(yAxisRight, revealed), rightLabels, font), CHART_EDGE_GAP);\n  const plotWidth = Math.max(width - left - right, 0);\n\n  const rotation =\n    labelAngle === 'auto'\n      ? bottomLabelRotation(bottomLabels, font, plotWidth / Math.max(bottomLabels.length, 1))\n      : labelAngle;\n\n  // Sem rotacao o rotulo das pontas transborda meia largura para cada lado; a\n  // folga so precisa cobrir o que a calha lateral ainda nao cobre.\n  const bordaLateral = rotation === 0 ? meioRotulo : 0;\n  const margins: ChartMargins = {\n    bottom: alturaDosRotulos(bottomLabels, font, rotation, embaixo),\n    left: Math.max(left, bordaLateral),\n    right: Math.max(right, bordaLateral),\n    top: Math.max(topRoom, CHART_EDGE_GAP),\n  };\n\n  return {\n    margins,\n    plot: {\n      width: Math.max(width - margins.left - margins.right, 0),\n      height: Math.max(height - margins.top - margins.bottom, 0),\n    },\n    rotation,\n  };\n}\n\n/**\n * Rotulos de valor usados apenas para medir a calha do eixo, antes de a area de\n * desenho existir. Eles saem da altura total em vez da altura util, o que pode\n * render uma marca a mais ou a menos: a largura do rotulo mais largo nao muda\n * por isso, e e so ela que a medida precisa.\n */\nexport function valueLabelsFor(\n  domain: NumericRange,\n  length: number,\n  format: (value: number) => string,\n) {\n  const escala = linearScale({ domain, range: [length, 0] });\n\n  return ticksFor(escala, length).map(format);\n}\n"],"names":["markShown","visibility","seriesFocused","chartHeight","height","measured","ocupa","revealed","calha","ocupada","labels","font","widestLabel","CHART_LABEL_OFFSET","bottomLabelRotation","step","alturaDosRotulos","rotation","radianos","cartesianLayout","bottomLabels","labelAngle","leftLabels","rightLabels","topRoom","width","xAxis","yAxis","yAxisRight","embaixo","meioRotulo","left","CHART_EDGE_GAP","right","plotWidth","bordaLateral","margins","valueLabelsFor","domain","length","format","escala","linearScale","ticksFor"],"mappings":"kLAkBO,SAASA,EAAUC,EAA4BC,EAAwB,CAC5E,OAAOD,IAAe,WAAcA,IAAe,WAAaC,CAClE,CAeO,SAASC,EAAYC,EAAqBC,EAAkC,CACjF,MAAO,CAAE,WAAYD,IAAW,OAAQ,MAAOA,IAAW,OAASC,EAAWD,CAAA,CAChF,CAqCA,SAASE,EAAML,EAA4BM,EAAmB,CAC5D,OAAON,IAAe,WAAcA,IAAe,WAAaM,CAClE,CAEA,SAASC,EAAMC,EAAkBC,EAA2BC,EAAiB,CAC3E,OAAOF,EAAUG,EAAAA,YAAYF,EAAQC,CAAI,EAAIE,EAAAA,mBAAqB,CACpE,CAOO,SAASC,EACdJ,EACAC,EACAI,EACmB,CAKnB,OAJIL,EAAO,SAAW,GAAKK,GAAQ,GAI/BH,EAAAA,YAAYF,EAAQC,CAAI,EAAIE,EAAAA,oBAAsBE,EAC7C,EAGFA,EAAO,KAAK,SAAWJ,EAAK,WAAa,GAAK,EACvD,CAGA,SAASK,EACPN,EACAC,EACAM,EACAR,EACA,CACA,GAAI,CAACA,EACH,MAAO,GAGT,GAAIQ,IAAa,EACf,OAAON,EAAK,WAAaE,EAAAA,mBAG3B,MAAMK,EAAYD,EAAW,KAAK,GAAM,IAGxC,OAFcL,EAAAA,YAAYF,EAAQC,CAAI,EAAI,KAAK,IAAIO,CAAQ,EAAIP,EAAK,WAAa,KAAK,IAAIO,CAAQ,EAEnFL,EAAAA,kBACjB,CAQO,SAASM,EAAgB,CAC9B,aAAAC,EACA,KAAAT,EACA,OAAAP,EACA,WAAAiB,EACA,WAAAC,EACA,SAAAf,EAAW,GACX,YAAAgB,EACA,QAAAC,EACA,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,CACF,EAA4C,CAC1C,MAAMC,EAAUvB,EAAMoB,EAAOnB,CAAQ,EAC/BuB,EAAaD,EAAUjB,EAAAA,YAAYQ,EAAcT,CAAI,EAAI,EAAI,EAE7DoB,EAAO,KAAK,IAAIvB,EAAMF,EAAMqB,EAAOpB,CAAQ,EAAGe,EAAYX,CAAI,EAAGqB,EAAAA,cAAc,EAC/EC,EAAQ,KAAK,IAAIzB,EAAMF,EAAMsB,EAAYrB,CAAQ,EAAGgB,EAAaZ,CAAI,EAAGqB,EAAAA,cAAc,EACtFE,EAAY,KAAK,IAAIT,EAAQM,EAAOE,EAAO,CAAC,EAE5ChB,EACJI,IAAe,OACXP,EAAoBM,EAAcT,EAAMuB,EAAY,KAAK,IAAId,EAAa,OAAQ,CAAC,CAAC,EACpFC,EAIAc,EAAelB,IAAa,EAAIa,EAAa,EAC7CM,EAAwB,CAC5B,OAAQpB,EAAiBI,EAAcT,EAAMM,EAAUY,CAAO,EAC9D,KAAM,KAAK,IAAIE,EAAMI,CAAY,EACjC,MAAO,KAAK,IAAIF,EAAOE,CAAY,EACnC,IAAK,KAAK,IAAIX,EAASQ,EAAAA,cAAc,CAAA,EAGvC,MAAO,CACL,QAAAI,EACA,KAAM,CACJ,MAAO,KAAK,IAAIX,EAAQW,EAAQ,KAAOA,EAAQ,MAAO,CAAC,EACvD,OAAQ,KAAK,IAAIhC,EAASgC,EAAQ,IAAMA,EAAQ,OAAQ,CAAC,CAAA,EAE3D,SAAAnB,CAAA,CAEJ,CAQO,SAASoB,EACdC,EACAC,EACAC,EACA,CACA,MAAMC,EAASC,EAAAA,YAAY,CAAE,OAAAJ,EAAQ,MAAO,CAACC,EAAQ,CAAC,EAAG,EAEzD,OAAOI,EAAAA,SAASF,EAAQF,CAAM,EAAE,IAAIC,CAAM,CAC5C"}