@plenustech/design-system 0.2.1 → 0.2.3

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

@@ -0,0 +1,38 @@
+import { useState as m, useRef as h, useEffect as f } from "react";
+import { cartesianLayout as u } from "./cartesianLayout.js";
+import { useTweenedNumbers as g } from "./useTweenedNumbers.js";
+const A = 600, v = 240;
+function x(t, e, o) {
+  return {
+    bottom: t.bottom + (e.bottom - t.bottom) * o,
+    left: t.left + (e.left - t.left) * o,
+    right: t.right + (e.right - t.right) * o,
+    top: t.top + (e.top - t.top) * o
+  };
+}
+function E(t) {
+  const e = [t.xAxis, t.yAxis, t.yAxisRight].includes("onHover"), [o, s] = m(!1), i = h(void 0), n = e && o, [l = 0] = g([n ? 1 : 0], { duration: v });
+  f(() => () => clearTimeout(i.current), []);
+  const a = u({ ...t, revealed: !1 }), c = e ? u({ ...t, revealed: !0 }) : a, r = x(a.margins, c.margins, l);
+  return {
+    axisReveal: {
+      onPointerEnter: () => {
+        e && (clearTimeout(i.current), i.current = setTimeout(() => s(!0), A));
+      },
+      onPointerLeave: () => {
+        clearTimeout(i.current), s(!1);
+      },
+      revealed: n
+    },
+    margins: r,
+    plot: {
+      height: Math.max(t.height - r.top - r.bottom, 0),
+      width: Math.max(t.width - r.left - r.right, 0)
+    },
+    rotation: (n ? c : a).rotation
+  };
+}
+export {
+  E as useCartesianLayout
+};
+//# sourceMappingURL=useCartesianLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCartesianLayout.js","sources":["../../../../src/components/charts/core/useCartesianLayout.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { cartesianLayout, type CartesianLayoutOptions, type ChartMargins } from './cartesianLayout';\nimport { useTweenedNumbers } from './useTweenedNumbers';\n\n/** Ponteiro parado sobre o grafico ate os eixos `onHover` entrarem: so atravessar o grafico nao o faz encolher. */\nconst ATRASO_DA_REVELACAO = 600;\nconst DURACAO_DA_REVELACAO = 240;\n\nexport interface AxisReveal {\n  onPointerEnter: () => void;\n  onPointerLeave: () => void;\n  revealed: boolean;\n}\n\nfunction interpolar(de: ChartMargins, ate: ChartMargins, fator: number): ChartMargins {\n  return {\n    bottom: de.bottom + (ate.bottom - de.bottom) * fator,\n    left: de.left + (ate.left - de.left) * fator,\n    right: de.right + (ate.right - de.right) * fator,\n    top: de.top + (ate.top - de.top) * fator,\n  };\n}\n\n/**\n * Layout cartesiano com os eixos `onHover`. Sem eles revelados, o desenho ocupa\n * o espaco todo; revelados, ele encolhe ate as calhas, numa transicao so. Dado\n * ou tamanho que mudam reposicionam na hora: o que anima e a revelacao.\n */\nexport function useCartesianLayout(options: Omit<CartesianLayoutOptions, 'revealed'>) {\n  const dinamico = [options.xAxis, options.yAxis, options.yAxisRight].includes('onHover');\n  const [revelado, setRevelado] = useState(false);\n  const relogio = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const revealed = dinamico && revelado;\n  const [progresso = 0] = useTweenedNumbers([revealed ? 1 : 0], { duration: DURACAO_DA_REVELACAO });\n\n  useEffect(() => () => clearTimeout(relogio.current), []);\n\n  const recolhido = cartesianLayout({ ...options, revealed: false });\n  const aberto = dinamico ? cartesianLayout({ ...options, revealed: true }) : recolhido;\n  const margins = interpolar(recolhido.margins, aberto.margins, progresso);\n\n  const axisReveal: AxisReveal = {\n    onPointerEnter: () => {\n      if (dinamico) {\n        clearTimeout(relogio.current);\n        relogio.current = setTimeout(() => setRevelado(true), ATRASO_DA_REVELACAO);\n      }\n    },\n    onPointerLeave: () => {\n      clearTimeout(relogio.current);\n      setRevelado(false);\n    },\n    revealed,\n  };\n\n  return {\n    axisReveal,\n    margins,\n    plot: {\n      height: Math.max(options.height - margins.top - margins.bottom, 0),\n      width: Math.max(options.width - margins.left - margins.right, 0),\n    },\n    rotation: (revealed ? aberto : recolhido).rotation,\n  };\n}\n"],"names":["ATRASO_DA_REVELACAO","DURACAO_DA_REVELACAO","interpolar","de","ate","fator","useCartesianLayout","options","dinamico","revelado","setRevelado","useState","relogio","useRef","revealed","progresso","useTweenedNumbers","useEffect","recolhido","cartesianLayout","aberto","margins"],"mappings":";;;AAKA,MAAMA,IAAsB,KACtBC,IAAuB;AAQ7B,SAASC,EAAWC,GAAkBC,GAAmBC,GAA6B;AACpF,SAAO;AAAA,IACL,QAAQF,EAAG,UAAUC,EAAI,SAASD,EAAG,UAAUE;AAAA,IAC/C,MAAMF,EAAG,QAAQC,EAAI,OAAOD,EAAG,QAAQE;AAAA,IACvC,OAAOF,EAAG,SAASC,EAAI,QAAQD,EAAG,SAASE;AAAA,IAC3C,KAAKF,EAAG,OAAOC,EAAI,MAAMD,EAAG,OAAOE;AAAA,EAAA;AAEvC;AAOO,SAASC,EAAmBC,GAAmD;AACpF,QAAMC,IAAW,CAACD,EAAQ,OAAOA,EAAQ,OAAOA,EAAQ,UAAU,EAAE,SAAS,SAAS,GAChF,CAACE,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAUC,EAAsC,MAAS,GACzDC,IAAWN,KAAYC,GACvB,CAACM,IAAY,CAAC,IAAIC,EAAkB,CAACF,IAAW,IAAI,CAAC,GAAG,EAAE,UAAUb,GAAsB;AAEhG,EAAAgB,EAAU,MAAM,MAAM,aAAaL,EAAQ,OAAO,GAAG,CAAA,CAAE;AAEvD,QAAMM,IAAYC,EAAgB,EAAE,GAAGZ,GAAS,UAAU,IAAO,GAC3Da,IAASZ,IAAWW,EAAgB,EAAE,GAAGZ,GAAS,UAAU,GAAA,CAAM,IAAIW,GACtEG,IAAUnB,EAAWgB,EAAU,SAASE,EAAO,SAASL,CAAS;AAgBvE,SAAO;AAAA,IACL,YAf6B;AAAA,MAC7B,gBAAgB,MAAM;AACpB,QAAIP,MACF,aAAaI,EAAQ,OAAO,GAC5BA,EAAQ,UAAU,WAAW,MAAMF,EAAY,EAAI,GAAGV,CAAmB;AAAA,MAE7E;AAAA,MACA,gBAAgB,MAAM;AACpB,qBAAaY,EAAQ,OAAO,GAC5BF,EAAY,EAAK;AAAA,MACnB;AAAA,MACA,UAAAI;AAAA,IAAA;AAAA,IAKA,SAAAO;AAAA,IACA,MAAM;AAAA,MACJ,QAAQ,KAAK,IAAId,EAAQ,SAASc,EAAQ,MAAMA,EAAQ,QAAQ,CAAC;AAAA,MACjE,OAAO,KAAK,IAAId,EAAQ,QAAQc,EAAQ,OAAOA,EAAQ,OAAO,CAAC;AAAA,IAAA;AAAA,IAEjE,WAAWP,IAAWM,IAASF,GAAW;AAAA,EAAA;AAE9C;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=require("./measureText.cjs"),u=5;function p(r){return!r||typeof getComputedStyle!="function"?u:Number.parseFloat(getComputedStyle(r).getPropertyValue("--pl-radius-sm"))||u}function y(){const[r,a]=s.useState(()=>({font:l.labelFontOf(null),height:0,radius:u,width:0})),c=s.useRef(null),o=s.useCallback(()=>{const e=c.current,n=(e==null?void 0:e.clientWidth)??0,f=(e==null?void 0:e.clientHeight)??0,i=l.labelFontOf(e),d=p(e);a(t=>t.width===n&&t.height===f&&t.radius===d&&t.font.family===i.family&&t.font.size===i.size&&t.font.lineHeight===i.lineHeight&&t.font.centerSteps.every((b,m)=>{var h;return b.size===((h=i.centerSteps[m])==null?void 0:h.size)})?t:{font:i,height:f,radius:d,width:n})},[]),g=s.useCallback(e=>{c.current=e,o()},[o]);return s.useEffect(()=>{const e=c.current;if(!e||typeof ResizeObserver>"u")return;const n=new ResizeObserver(o);return n.observe(e),()=>n.disconnect()},[o]),{font:r.font,height:r.height,radius:r.radius,ref:g,width:r.width}}exports.useChartMetrics=y;
+//# sourceMappingURL=useChartMetrics.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChartMetrics.cjs","sources":["../../../../src/components/charts/core/useChartMetrics.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { labelFontOf, type LabelFont } from './measureText';\n\nexport interface ChartMetrics {\n  font: LabelFont;\n  height: number;\n  /** Raio dos cantos, lido do token: geometria de caminho nao le variavel CSS. */\n  radius: number;\n  ref: (node: HTMLElement | null) => void;\n  width: number;\n}\n\nconst RAIO_PADRAO = 5;\n\nfunction raioDe(node: Element | null) {\n  if (!node || typeof getComputedStyle !== 'function') {\n    return RAIO_PADRAO;\n  }\n\n  return Number.parseFloat(getComputedStyle(node).getPropertyValue('--pl-radius-sm')) || RAIO_PADRAO;\n}\n\n/**\n * Mede o espaco em que o grafico sera desenhado: largura, altura e a fonte que\n * os rotulos vao usar. A area de desenho nao entra no fluxo, entao a medida e\n * sempre o que o layout concedeu, e nunca o que o proprio grafico ocupou.\n *\n * A fonte sai da mesma medida porque as duas vem do elemento e mudam juntas:\n * as margens do grafico dependem da largura dos rotulos, e a largura de um\n * rotulo depende da fonte resolvida ali.\n */\nexport function useChartMetrics(): ChartMetrics {\n  const [medida, setMedida] = useState<{\n    font: LabelFont;\n    height: number;\n    radius: number;\n    width: number;\n  }>(() => ({ font: labelFontOf(null), height: 0, radius: RAIO_PADRAO, width: 0 }));\n  const elemento = useRef<HTMLElement | null>(null);\n\n  const medir = useCallback(() => {\n    const node = elemento.current;\n    const width = node?.clientWidth ?? 0;\n    const height = node?.clientHeight ?? 0;\n    const font = labelFontOf(node);\n    const radius = raioDe(node);\n\n    setMedida((atual) =>\n      atual.width === width &&\n      atual.height === height &&\n      atual.radius === radius &&\n      atual.font.family === font.family &&\n      atual.font.size === font.size &&\n      atual.font.lineHeight === font.lineHeight &&\n      atual.font.centerSteps.every((degrau, indice) => degrau.size === font.centerSteps[indice]?.size)\n        ? atual\n        : { font, height, radius, width },\n    );\n  }, []);\n\n  const ref = useCallback(\n    (node: HTMLElement | null) => {\n      elemento.current = node;\n      medir();\n    },\n    [medir],\n  );\n\n  useEffect(() => {\n    const node = elemento.current;\n\n    if (!node || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const observador = new ResizeObserver(medir);\n    observador.observe(node);\n\n    return () => observador.disconnect();\n  }, [medir]);\n\n  return {\n    font: medida.font,\n    height: medida.height,\n    radius: medida.radius,\n    ref,\n    width: medida.width,\n  };\n}\n"],"names":["RAIO_PADRAO","raioDe","node","useChartMetrics","medida","setMedida","useState","labelFontOf","elemento","useRef","medir","useCallback","width","height","font","radius","atual","degrau","indice","_a","ref","useEffect","observador"],"mappings":"wIAYMA,EAAc,EAEpB,SAASC,EAAOC,EAAsB,CACpC,MAAI,CAACA,GAAQ,OAAO,kBAAqB,WAChCF,EAGF,OAAO,WAAW,iBAAiBE,CAAI,EAAE,iBAAiB,gBAAgB,CAAC,GAAKF,CACzF,CAWO,SAASG,GAAgC,CAC9C,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAKzB,KAAO,CAAE,KAAMC,EAAAA,YAAY,IAAI,EAAG,OAAQ,EAAG,OAAQP,EAAa,MAAO,GAAI,EAC1EQ,EAAWC,EAAAA,OAA2B,IAAI,EAE1CC,EAAQC,EAAAA,YAAY,IAAM,CAC9B,MAAMT,EAAOM,EAAS,QAChBI,GAAQV,GAAA,YAAAA,EAAM,cAAe,EAC7BW,GAASX,GAAA,YAAAA,EAAM,eAAgB,EAC/BY,EAAOP,EAAAA,YAAYL,CAAI,EACvBa,EAASd,EAAOC,CAAI,EAE1BG,EAAWW,GACTA,EAAM,QAAUJ,GAChBI,EAAM,SAAWH,GACjBG,EAAM,SAAWD,GACjBC,EAAM,KAAK,SAAWF,EAAK,QAC3BE,EAAM,KAAK,OAASF,EAAK,MACzBE,EAAM,KAAK,aAAeF,EAAK,YAC/BE,EAAM,KAAK,YAAY,MAAM,CAACC,EAAQC,WAAW,OAAAD,EAAO,SAASE,EAAAL,EAAK,YAAYI,CAAM,IAAvB,YAAAC,EAA0B,MAAI,EAC3FH,EACA,CAAE,KAAAF,EAAM,OAAAD,EAAQ,OAAAE,EAAQ,MAAAH,CAAA,CAAM,CAEtC,EAAG,CAAA,CAAE,EAECQ,EAAMT,EAAAA,YACTT,GAA6B,CAC5BM,EAAS,QAAUN,EACnBQ,EAAA,CACF,EACA,CAACA,CAAK,CAAA,EAGRW,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMnB,EAAOM,EAAS,QAEtB,GAAI,CAACN,GAAQ,OAAO,eAAmB,IACrC,OAGF,MAAMoB,EAAa,IAAI,eAAeZ,CAAK,EAC3C,OAAAY,EAAW,QAAQpB,CAAI,EAEhB,IAAMoB,EAAW,WAAA,CAC1B,EAAG,CAACZ,CAAK,CAAC,EAEH,CACL,KAAMN,EAAO,KACb,OAAQA,EAAO,OACf,OAAQA,EAAO,OACf,IAAAgB,EACA,MAAOhB,EAAO,KAAA,CAElB"}

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

@@ -0,0 +1,39 @@
+import { useState as b, useRef as a, useCallback as h, useEffect as w } from "react";
+import { labelFontOf as l } from "./measureText.js";
+const c = 5;
+function z(i) {
+  return !i || typeof getComputedStyle != "function" ? c : Number.parseFloat(getComputedStyle(i).getPropertyValue("--pl-radius-sm")) || c;
+}
+function R() {
+  const [i, m] = b(() => ({ font: l(null), height: 0, radius: c, width: 0 })), o = a(null), s = h(() => {
+    const e = o.current, n = (e == null ? void 0 : e.clientWidth) ?? 0, f = (e == null ? void 0 : e.clientHeight) ?? 0, r = l(e), u = z(e);
+    m(
+      (t) => t.width === n && t.height === f && t.radius === u && t.font.family === r.family && t.font.size === r.size && t.font.lineHeight === r.lineHeight && t.font.centerSteps.every((g, y) => {
+        var d;
+        return g.size === ((d = r.centerSteps[y]) == null ? void 0 : d.size);
+      }) ? t : { font: r, height: f, radius: u, width: n }
+    );
+  }, []), p = h(
+    (e) => {
+      o.current = e, s();
+    },
+    [s]
+  );
+  return w(() => {
+    const e = o.current;
+    if (!e || typeof ResizeObserver > "u")
+      return;
+    const n = new ResizeObserver(s);
+    return n.observe(e), () => n.disconnect();
+  }, [s]), {
+    font: i.font,
+    height: i.height,
+    radius: i.radius,
+    ref: p,
+    width: i.width
+  };
+}
+export {
+  R as useChartMetrics
+};
+//# sourceMappingURL=useChartMetrics.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChartMetrics.js","sources":["../../../../src/components/charts/core/useChartMetrics.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { labelFontOf, type LabelFont } from './measureText';\n\nexport interface ChartMetrics {\n  font: LabelFont;\n  height: number;\n  /** Raio dos cantos, lido do token: geometria de caminho nao le variavel CSS. */\n  radius: number;\n  ref: (node: HTMLElement | null) => void;\n  width: number;\n}\n\nconst RAIO_PADRAO = 5;\n\nfunction raioDe(node: Element | null) {\n  if (!node || typeof getComputedStyle !== 'function') {\n    return RAIO_PADRAO;\n  }\n\n  return Number.parseFloat(getComputedStyle(node).getPropertyValue('--pl-radius-sm')) || RAIO_PADRAO;\n}\n\n/**\n * Mede o espaco em que o grafico sera desenhado: largura, altura e a fonte que\n * os rotulos vao usar. A area de desenho nao entra no fluxo, entao a medida e\n * sempre o que o layout concedeu, e nunca o que o proprio grafico ocupou.\n *\n * A fonte sai da mesma medida porque as duas vem do elemento e mudam juntas:\n * as margens do grafico dependem da largura dos rotulos, e a largura de um\n * rotulo depende da fonte resolvida ali.\n */\nexport function useChartMetrics(): ChartMetrics {\n  const [medida, setMedida] = useState<{\n    font: LabelFont;\n    height: number;\n    radius: number;\n    width: number;\n  }>(() => ({ font: labelFontOf(null), height: 0, radius: RAIO_PADRAO, width: 0 }));\n  const elemento = useRef<HTMLElement | null>(null);\n\n  const medir = useCallback(() => {\n    const node = elemento.current;\n    const width = node?.clientWidth ?? 0;\n    const height = node?.clientHeight ?? 0;\n    const font = labelFontOf(node);\n    const radius = raioDe(node);\n\n    setMedida((atual) =>\n      atual.width === width &&\n      atual.height === height &&\n      atual.radius === radius &&\n      atual.font.family === font.family &&\n      atual.font.size === font.size &&\n      atual.font.lineHeight === font.lineHeight &&\n      atual.font.centerSteps.every((degrau, indice) => degrau.size === font.centerSteps[indice]?.size)\n        ? atual\n        : { font, height, radius, width },\n    );\n  }, []);\n\n  const ref = useCallback(\n    (node: HTMLElement | null) => {\n      elemento.current = node;\n      medir();\n    },\n    [medir],\n  );\n\n  useEffect(() => {\n    const node = elemento.current;\n\n    if (!node || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const observador = new ResizeObserver(medir);\n    observador.observe(node);\n\n    return () => observador.disconnect();\n  }, [medir]);\n\n  return {\n    font: medida.font,\n    height: medida.height,\n    radius: medida.radius,\n    ref,\n    width: medida.width,\n  };\n}\n"],"names":["RAIO_PADRAO","raioDe","node","useChartMetrics","medida","setMedida","useState","labelFontOf","elemento","useRef","medir","useCallback","width","height","font","radius","atual","degrau","indice","_a","ref","useEffect","observador"],"mappings":";;AAYA,MAAMA,IAAc;AAEpB,SAASC,EAAOC,GAAsB;AACpC,SAAI,CAACA,KAAQ,OAAO,oBAAqB,aAChCF,IAGF,OAAO,WAAW,iBAAiBE,CAAI,EAAE,iBAAiB,gBAAgB,CAAC,KAAKF;AACzF;AAWO,SAASG,IAAgC;AAC9C,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAKzB,OAAO,EAAE,MAAMC,EAAY,IAAI,GAAG,QAAQ,GAAG,QAAQP,GAAa,OAAO,IAAI,GAC1EQ,IAAWC,EAA2B,IAAI,GAE1CC,IAAQC,EAAY,MAAM;AAC9B,UAAMT,IAAOM,EAAS,SAChBI,KAAQV,KAAA,gBAAAA,EAAM,gBAAe,GAC7BW,KAASX,KAAA,gBAAAA,EAAM,iBAAgB,GAC/BY,IAAOP,EAAYL,CAAI,GACvBa,IAASd,EAAOC,CAAI;AAE1B,IAAAG;AAAA,MAAU,CAACW,MACTA,EAAM,UAAUJ,KAChBI,EAAM,WAAWH,KACjBG,EAAM,WAAWD,KACjBC,EAAM,KAAK,WAAWF,EAAK,UAC3BE,EAAM,KAAK,SAASF,EAAK,QACzBE,EAAM,KAAK,eAAeF,EAAK,cAC/BE,EAAM,KAAK,YAAY,MAAM,CAACC,GAAQC;;AAAW,eAAAD,EAAO,WAASE,IAAAL,EAAK,YAAYI,CAAM,MAAvB,gBAAAC,EAA0B;AAAA,OAAI,IAC3FH,IACA,EAAE,MAAAF,GAAM,QAAAD,GAAQ,QAAAE,GAAQ,OAAAH,EAAA;AAAA,IAAM;AAAA,EAEtC,GAAG,CAAA,CAAE,GAECQ,IAAMT;AAAA,IACV,CAACT,MAA6B;AAC5B,MAAAM,EAAS,UAAUN,GACnBQ,EAAA;AAAA,IACF;AAAA,IACA,CAACA,CAAK;AAAA,EAAA;AAGR,SAAAW,EAAU,MAAM;AACd,UAAMnB,IAAOM,EAAS;AAEtB,QAAI,CAACN,KAAQ,OAAO,iBAAmB;AACrC;AAGF,UAAMoB,IAAa,IAAI,eAAeZ,CAAK;AAC3C,WAAAY,EAAW,QAAQpB,CAAI,GAEhB,MAAMoB,EAAW,WAAA;AAAA,EAC1B,GAAG,CAACZ,CAAK,CAAC,GAEH;AAAA,IACL,MAAMN,EAAO;AAAA,IACb,QAAQA,EAAO;AAAA,IACf,QAAQA,EAAO;AAAA,IACf,KAAAgB;AAAA,IACA,OAAOhB,EAAO;AAAA,EAAA;AAElB;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function d(e){const[r,u]=s.useState(null);return{hover:t=>{u(t),e==null||e(t)},hovered:r}}exports.useHoveredBand=d;
+//# sourceMappingURL=useHoveredBand.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHoveredBand.cjs","sources":["../../../../src/components/charts/core/useHoveredBand.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport interface HoveredBand {\n  hover: (index: number | null) => void;\n  hovered: number | null;\n}\n\n/**\n * Faixa sob o ponteiro. O grafico a usa para o realce e o consumidor recebe o\n * aviso pela mesma porta, em vez de cada grafico repetir estado e callback.\n */\nexport function useHoveredBand(onHover?: (index: number | null) => void): HoveredBand {\n  const [hovered, setHovered] = useState<number | null>(null);\n\n  return {\n    hover: (index) => {\n      setHovered(index);\n      onHover?.(index);\n    },\n    hovered,\n  };\n}\n"],"names":["useHoveredBand","onHover","hovered","setHovered","useState","index"],"mappings":"yGAWO,SAASA,EAAeC,EAAuD,CACpF,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAwB,IAAI,EAE1D,MAAO,CACL,MAAQC,GAAU,CAChBF,EAAWE,CAAK,EAChBJ,GAAA,MAAAA,EAAUI,EACZ,EACA,QAAAH,CAAA,CAEJ"}

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

@@ -0,0 +1,14 @@
+import { useState as s } from "react";
+function a(e) {
+  const [r, u] = s(null);
+  return {
+    hover: (t) => {
+      u(t), e == null || e(t);
+    },
+    hovered: r
+  };
+}
+export {
+  a as useHoveredBand
+};
+//# sourceMappingURL=useHoveredBand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHoveredBand.js","sources":["../../../../src/components/charts/core/useHoveredBand.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport interface HoveredBand {\n  hover: (index: number | null) => void;\n  hovered: number | null;\n}\n\n/**\n * Faixa sob o ponteiro. O grafico a usa para o realce e o consumidor recebe o\n * aviso pela mesma porta, em vez de cada grafico repetir estado e callback.\n */\nexport function useHoveredBand(onHover?: (index: number | null) => void): HoveredBand {\n  const [hovered, setHovered] = useState<number | null>(null);\n\n  return {\n    hover: (index) => {\n      setHovered(index);\n      onHover?.(index);\n    },\n    hovered,\n  };\n}\n"],"names":["useHoveredBand","onHover","hovered","setHovered","useState","index"],"mappings":";AAWO,SAASA,EAAeC,GAAuD;AACpF,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAwB,IAAI;AAE1D,SAAO;AAAA,IACL,OAAO,CAACC,MAAU;AAChB,MAAAF,EAAWE,CAAK,GAChBJ,KAAA,QAAAA,EAAUI;AAAA,IACZ;AAAA,IACA,SAAAH;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");function m({defaultHiddenSeries:l=[],hiddenSeries:o,labels:t,onHiddenSeriesChange:u}){const[f,v]=e.useState(l),[i,O]=e.useState(null),c=o??f,r=t!==void 0&&t.length>0&&t.every(s=>c.includes(s))&&i?i:c,g=e.useCallback(s=>{const a=c.includes(s)?c.filter(n=>n!==s):[...c,s];o===void 0&&v(a),O(t!=null&&t.every(n=>a.includes(n))?c:null),u==null||u(a)},[o,t,c,u]);return{isHidden:e.useCallback(s=>c.includes(s),[c]),isOutOfScale:e.useCallback(s=>r.includes(s),[r]),toggle:g}}function y(l,o){const t=l.filter(u=>!o(u.label));return t.length>0?t:l}exports.seriesInScale=y;exports.useSeriesToggle=m;
+//# sourceMappingURL=useSeriesToggle.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSeriesToggle.cjs","sources":["../../../../src/components/charts/core/useSeriesToggle.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport interface UseSeriesToggleOptions {\n  defaultHiddenSeries?: readonly string[];\n  hiddenSeries?: readonly string[];\n  /** Todos os rotulos; com eles, desligar a ultima serie mantem a escala de antes. */\n  labels?: readonly string[];\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n}\n\nexport interface SeriesToggle {\n  isHidden: (label: string) => boolean;\n  /**\n   * Se a serie fica fora da escala de valores. E o `isHidden` enquanto alguma esta ligada; com todas desligadas\n   * pela legenda, vale o que estava ligado antes da ultima sair, e a escala nao se mexe enquanto ela some.\n   */\n  isOutOfScale: (label: string) => boolean;\n  toggle: (label: string) => void;\n}\n\n/**\n * Quais series estao ocultas. Controlado quando o produto informa\n * `hiddenSeries`, nao controlado em caso contrario, conforme `COMPONENTS.md`\n * secao 6. Trabalha com rotulos porque e o rotulo que a legenda exibe e o que\n * o produto reconhece; indices mudariam de significado ao reordenar as series.\n */\nexport function useSeriesToggle({\n  defaultHiddenSeries = [],\n  hiddenSeries,\n  labels,\n  onHiddenSeriesChange,\n}: UseSeriesToggleOptions): SeriesToggle {\n  const [internas, setInternas] = useState<readonly string[]>(defaultHiddenSeries);\n  const [ocultasAntesDaUltima, setOcultasAntesDaUltima] = useState<readonly string[] | null>(null);\n  const ocultas = hiddenSeries ?? internas;\n  const todasOcultas = labels !== undefined && labels.length > 0 && labels.every((label) => ocultas.includes(label));\n  const ocultasDaEscala = todasOcultas && ocultasAntesDaUltima ? ocultasAntesDaUltima : ocultas;\n\n  const toggle = useCallback(\n    (label: string) => {\n      const proximas = ocultas.includes(label)\n        ? ocultas.filter((oculta) => oculta !== label)\n        : [...ocultas, label];\n\n      if (hiddenSeries === undefined) {\n        setInternas(proximas);\n      }\n\n      setOcultasAntesDaUltima(labels?.every((rotulo) => proximas.includes(rotulo)) ? ocultas : null);\n\n      onHiddenSeriesChange?.(proximas);\n    },\n    [hiddenSeries, labels, ocultas, onHiddenSeriesChange],\n  );\n\n  return {\n    isHidden: useCallback((label: string) => ocultas.includes(label), [ocultas]),\n    isOutOfScale: useCallback((label: string) => ocultasDaEscala.includes(label), [ocultasDaEscala]),\n    toggle,\n  };\n}\n\n/**\n * Series que entram na escala de valores, ou todas quando nenhuma entra. Sem isso a escala desabava ao\n * desligar a ultima, e ela saia esticada para fora do grafico em vez de encolher no lugar.\n */\nexport function seriesInScale<T extends { label: string }>(series: readonly T[], isHidden: (label: string) => boolean) {\n  const visiveis = series.filter((serie) => !isHidden(serie.label));\n\n  return visiveis.length > 0 ? visiveis : series;\n}\n"],"names":["useSeriesToggle","defaultHiddenSeries","hiddenSeries","labels","onHiddenSeriesChange","internas","setInternas","useState","ocultasAntesDaUltima","setOcultasAntesDaUltima","ocultas","ocultasDaEscala","label","toggle","useCallback","proximas","oculta","rotulo","seriesInScale","series","isHidden","visiveis","serie"],"mappings":"yGA0BO,SAASA,EAAgB,CAC9B,oBAAAC,EAAsB,CAAA,EACtB,aAAAC,EACA,OAAAC,EACA,qBAAAC,CACF,EAAyC,CACvC,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAA4BN,CAAmB,EACzE,CAACO,EAAsBC,CAAuB,EAAIF,EAAAA,SAAmC,IAAI,EACzFG,EAAUR,GAAgBG,EAE1BM,EADeR,IAAW,QAAaA,EAAO,OAAS,GAAKA,EAAO,MAAOS,GAAUF,EAAQ,SAASE,CAAK,CAAC,GACzEJ,EAAuBA,EAAuBE,EAEhFG,EAASC,EAAAA,YACZF,GAAkB,CACjB,MAAMG,EAAWL,EAAQ,SAASE,CAAK,EACnCF,EAAQ,OAAQM,GAAWA,IAAWJ,CAAK,EAC3C,CAAC,GAAGF,EAASE,CAAK,EAElBV,IAAiB,QACnBI,EAAYS,CAAQ,EAGtBN,EAAwBN,GAAA,MAAAA,EAAQ,MAAOc,GAAWF,EAAS,SAASE,CAAM,GAAKP,EAAU,IAAI,EAE7FN,GAAA,MAAAA,EAAuBW,EACzB,EACA,CAACb,EAAcC,EAAQO,EAASN,CAAoB,CAAA,EAGtD,MAAO,CACL,SAAUU,EAAAA,YAAaF,GAAkBF,EAAQ,SAASE,CAAK,EAAG,CAACF,CAAO,CAAC,EAC3E,aAAcI,EAAAA,YAAaF,GAAkBD,EAAgB,SAASC,CAAK,EAAG,CAACD,CAAe,CAAC,EAC/F,OAAAE,CAAA,CAEJ,CAMO,SAASK,EAA2CC,EAAsBC,EAAsC,CACrH,MAAMC,EAAWF,EAAO,OAAQG,GAAU,CAACF,EAASE,EAAM,KAAK,CAAC,EAEhE,OAAOD,EAAS,OAAS,EAAIA,EAAWF,CAC1C"}

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

@@ -0,0 +1,29 @@
+import { useState as v, useCallback as a } from "react";
+function A({
+  defaultHiddenSeries: n = [],
+  hiddenSeries: o,
+  labels: t,
+  onHiddenSeriesChange: u
+}) {
+  const [m, O] = v(n), [r, p] = v(null), c = o ?? m, f = t !== void 0 && t.length > 0 && t.every((s) => c.includes(s)) && r ? r : c, D = a(
+    (s) => {
+      const i = c.includes(s) ? c.filter((l) => l !== s) : [...c, s];
+      o === void 0 && O(i), p(t != null && t.every((l) => i.includes(l)) ? c : null), u == null || u(i);
+    },
+    [o, t, c, u]
+  );
+  return {
+    isHidden: a((s) => c.includes(s), [c]),
+    isOutOfScale: a((s) => f.includes(s), [f]),
+    toggle: D
+  };
+}
+function I(n, o) {
+  const t = n.filter((u) => !o(u.label));
+  return t.length > 0 ? t : n;
+}
+export {
+  I as seriesInScale,
+  A as useSeriesToggle
+};
+//# sourceMappingURL=useSeriesToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSeriesToggle.js","sources":["../../../../src/components/charts/core/useSeriesToggle.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport interface UseSeriesToggleOptions {\n  defaultHiddenSeries?: readonly string[];\n  hiddenSeries?: readonly string[];\n  /** Todos os rotulos; com eles, desligar a ultima serie mantem a escala de antes. */\n  labels?: readonly string[];\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n}\n\nexport interface SeriesToggle {\n  isHidden: (label: string) => boolean;\n  /**\n   * Se a serie fica fora da escala de valores. E o `isHidden` enquanto alguma esta ligada; com todas desligadas\n   * pela legenda, vale o que estava ligado antes da ultima sair, e a escala nao se mexe enquanto ela some.\n   */\n  isOutOfScale: (label: string) => boolean;\n  toggle: (label: string) => void;\n}\n\n/**\n * Quais series estao ocultas. Controlado quando o produto informa\n * `hiddenSeries`, nao controlado em caso contrario, conforme `COMPONENTS.md`\n * secao 6. Trabalha com rotulos porque e o rotulo que a legenda exibe e o que\n * o produto reconhece; indices mudariam de significado ao reordenar as series.\n */\nexport function useSeriesToggle({\n  defaultHiddenSeries = [],\n  hiddenSeries,\n  labels,\n  onHiddenSeriesChange,\n}: UseSeriesToggleOptions): SeriesToggle {\n  const [internas, setInternas] = useState<readonly string[]>(defaultHiddenSeries);\n  const [ocultasAntesDaUltima, setOcultasAntesDaUltima] = useState<readonly string[] | null>(null);\n  const ocultas = hiddenSeries ?? internas;\n  const todasOcultas = labels !== undefined && labels.length > 0 && labels.every((label) => ocultas.includes(label));\n  const ocultasDaEscala = todasOcultas && ocultasAntesDaUltima ? ocultasAntesDaUltima : ocultas;\n\n  const toggle = useCallback(\n    (label: string) => {\n      const proximas = ocultas.includes(label)\n        ? ocultas.filter((oculta) => oculta !== label)\n        : [...ocultas, label];\n\n      if (hiddenSeries === undefined) {\n        setInternas(proximas);\n      }\n\n      setOcultasAntesDaUltima(labels?.every((rotulo) => proximas.includes(rotulo)) ? ocultas : null);\n\n      onHiddenSeriesChange?.(proximas);\n    },\n    [hiddenSeries, labels, ocultas, onHiddenSeriesChange],\n  );\n\n  return {\n    isHidden: useCallback((label: string) => ocultas.includes(label), [ocultas]),\n    isOutOfScale: useCallback((label: string) => ocultasDaEscala.includes(label), [ocultasDaEscala]),\n    toggle,\n  };\n}\n\n/**\n * Series que entram na escala de valores, ou todas quando nenhuma entra. Sem isso a escala desabava ao\n * desligar a ultima, e ela saia esticada para fora do grafico em vez de encolher no lugar.\n */\nexport function seriesInScale<T extends { label: string }>(series: readonly T[], isHidden: (label: string) => boolean) {\n  const visiveis = series.filter((serie) => !isHidden(serie.label));\n\n  return visiveis.length > 0 ? visiveis : series;\n}\n"],"names":["useSeriesToggle","defaultHiddenSeries","hiddenSeries","labels","onHiddenSeriesChange","internas","setInternas","useState","ocultasAntesDaUltima","setOcultasAntesDaUltima","ocultas","ocultasDaEscala","label","toggle","useCallback","proximas","oculta","rotulo","seriesInScale","series","isHidden","visiveis","serie"],"mappings":";AA0BO,SAASA,EAAgB;AAAA,EAC9B,qBAAAC,IAAsB,CAAA;AAAA,EACtB,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,sBAAAC;AACF,GAAyC;AACvC,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAA4BN,CAAmB,GACzE,CAACO,GAAsBC,CAAuB,IAAIF,EAAmC,IAAI,GACzFG,IAAUR,KAAgBG,GAE1BM,IADeR,MAAW,UAAaA,EAAO,SAAS,KAAKA,EAAO,MAAM,CAACS,MAAUF,EAAQ,SAASE,CAAK,CAAC,KACzEJ,IAAuBA,IAAuBE,GAEhFG,IAASC;AAAA,IACb,CAACF,MAAkB;AACjB,YAAMG,IAAWL,EAAQ,SAASE,CAAK,IACnCF,EAAQ,OAAO,CAACM,MAAWA,MAAWJ,CAAK,IAC3C,CAAC,GAAGF,GAASE,CAAK;AAEtB,MAAIV,MAAiB,UACnBI,EAAYS,CAAQ,GAGtBN,EAAwBN,KAAA,QAAAA,EAAQ,MAAM,CAACc,MAAWF,EAAS,SAASE,CAAM,KAAKP,IAAU,IAAI,GAE7FN,KAAA,QAAAA,EAAuBW;AAAA,IACzB;AAAA,IACA,CAACb,GAAcC,GAAQO,GAASN,CAAoB;AAAA,EAAA;AAGtD,SAAO;AAAA,IACL,UAAUU,EAAY,CAACF,MAAkBF,EAAQ,SAASE,CAAK,GAAG,CAACF,CAAO,CAAC;AAAA,IAC3E,cAAcI,EAAY,CAACF,MAAkBD,EAAgB,SAASC,CAAK,GAAG,CAACD,CAAe,CAAC;AAAA,IAC/F,QAAAE;AAAA,EAAA;AAEJ;AAMO,SAASK,EAA2CC,GAAsBC,GAAsC;AACrH,QAAMC,IAAWF,EAAO,OAAO,CAACG,MAAU,CAACF,EAASE,EAAM,KAAK,CAAC;AAEhE,SAAOD,EAAS,SAAS,IAAIA,IAAWF;AAC1C;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),T=require("./arcs.cjs"),C=require("./slices.cjs"),N=require("./useSeriesToggle.cjs"),h=require("./useTweenedNumbers.cjs"),j=require("../palette/seriesColor.cjs");function v({accent:o,defaultHiddenSlices:S,hiddenSlices:b,onHiddenSlicesChange:f,onHoverSlice:t,otherLabel:i,slices:a,smallSliceThreshold:c}){const{isHidden:g,toggle:p}=N.useSeriesToggle({defaultHiddenSeries:S,hiddenSeries:b,onHiddenSeriesChange:f}),[q,M]=r.useState(null),s=r.useMemo(()=>C.groupSmallSlices(a,{label:i,threshold:c}),[i,a,c]),A=r.useMemo(()=>j.resolveSeriesColors(s,{accent:o}),[o,s]),n=s.map(e=>g(e.label)||!Number.isFinite(e.value)?0:Math.max(e.value,0)),l=n.reduce((e,u)=>e+u,0),d=r.useMemo(()=>T.sliceAngles(n).flatMap(e=>[e.startAngle,e.endAngle]),[n.join()]),m=h.useTweenedNumbers(d,{from:d.map(()=>0)});return{angles:s.map((e,u)=>({startAngle:m[u*2]??0,endAngle:m[u*2+1]??0})),colors:A,focus:e=>{M(e),t==null||t(e===null?null:s[e]??null)},focused:q,isHidden:g,ratioOf:e=>l>0?(n[e]??0)/l:0,slices:s,toggle:p,total:l,values:n}}exports.useSliceRing=v;
+//# sourceMappingURL=useSliceRing.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSliceRing.cjs","sources":["../../../../src/components/charts/core/useSliceRing.ts"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { resolveSeriesColors } from '../palette';\nimport { sliceAngles, type ArcAngles } from './arcs';\nimport { groupSmallSlices, type ChartSlice } from './slices';\nimport { useSeriesToggle } from './useSeriesToggle';\nimport { useTweenedNumbers } from './useTweenedNumbers';\n\nexport interface UseSliceRingOptions {\n  accent?: string;\n  defaultHiddenSlices?: readonly string[];\n  hiddenSlices?: readonly string[];\n  onHiddenSlicesChange?: (hidden: readonly string[]) => void;\n  /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */\n  onHoverSlice?: (slice: ChartSlice | null) => void;\n  otherLabel: string;\n  slices: readonly ChartSlice[];\n  smallSliceThreshold: number;\n}\n\nexport interface SliceRing {\n  angles: readonly ArcAngles[];\n  colors: readonly string[];\n  focus: (index: number | null) => void;\n  focused: number | null;\n  isHidden: (label: string) => boolean;\n  ratioOf: (index: number) => number;\n  slices: readonly ChartSlice[];\n  toggle: (label: string) => void;\n  total: number;\n  values: readonly number[];\n}\n\n/**\n * O anel repartido: fatias pequenas ja reunidas, cores resolvidas, valores das\n * fatias ligadas e os angulos em movimento. E o que `ChartPie` e `ChartDonut`\n * compartilham — o anel, nao o componente.\n */\nexport function useSliceRing({\n  accent,\n  defaultHiddenSlices,\n  hiddenSlices,\n  onHiddenSlicesChange,\n  onHoverSlice,\n  otherLabel,\n  slices,\n  smallSliceThreshold,\n}: UseSliceRingOptions): SliceRing {\n  const { isHidden, toggle } = useSeriesToggle({\n    defaultHiddenSeries: defaultHiddenSlices,\n    hiddenSeries: hiddenSlices,\n    onHiddenSeriesChange: onHiddenSlicesChange,\n  });\n  const [focused, setFocused] = useState<number | null>(null);\n\n  const reunidas = useMemo(\n    () => groupSmallSlices(slices, { label: otherLabel, threshold: smallSliceThreshold }),\n    [otherLabel, slices, smallSliceThreshold],\n  );\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar uma fatia nao pode\n  // repintar as demais.\n  const colors = useMemo(() => resolveSeriesColors(reunidas, { accent }), [accent, reunidas]);\n\n  const values = reunidas.map((fatia) =>\n    isHidden(fatia.label) || !Number.isFinite(fatia.value) ? 0 : Math.max(fatia.value, 0),\n  );\n  const total = values.reduce((soma, valor) => soma + valor, 0);\n\n  // Os angulos caminham ate o alvo, entao desligar uma fatia reparte o anel em\n  // movimento. Partindo de zero, o anel tambem varre ao aparecer.\n  const alvo = useMemo(\n    () => sliceAngles(values).flatMap((angulo) => [angulo.startAngle, angulo.endAngle]),\n    // A chave resume os valores: o alvo muda com o numero, nao com a identidade\n    // do array, que e outra a cada render.\n    [values.join()],\n  );\n  const animados = useTweenedNumbers(alvo, { from: alvo.map(() => 0) });\n\n  const angles = reunidas.map((_, indice) => ({\n    startAngle: animados[indice * 2] ?? 0,\n    endAngle: animados[indice * 2 + 1] ?? 0,\n  }));\n\n  return {\n    angles,\n    colors,\n    // A fatia entregue e a **agrupada**: as pequenas ja viraram uma so, entao o\n    // indice do anel nao corresponde ao que o consumidor informou.\n    focus: (indice) => {\n      setFocused(indice);\n      onHoverSlice?.(indice === null ? null : reunidas[indice] ?? null);\n    },\n    focused,\n    isHidden,\n    ratioOf: (indice) => (total > 0 ? (values[indice] ?? 0) / total : 0),\n    slices: reunidas,\n    toggle,\n    total,\n    values,\n  };\n}\n"],"names":["useSliceRing","accent","defaultHiddenSlices","hiddenSlices","onHiddenSlicesChange","onHoverSlice","otherLabel","slices","smallSliceThreshold","isHidden","toggle","useSeriesToggle","focused","setFocused","useState","reunidas","useMemo","groupSmallSlices","colors","resolveSeriesColors","values","fatia","total","soma","valor","alvo","sliceAngles","angulo","animados","useTweenedNumbers","_","indice"],"mappings":"2QAqCO,SAASA,EAAa,CAC3B,OAAAC,EACA,oBAAAC,EACA,aAAAC,EACA,qBAAAC,EACA,aAAAC,EACA,WAAAC,EAAA,OACAC,EACA,oBAAAC,CACF,EAAmC,CACjC,KAAM,CAAE,SAAAC,EAAU,OAAAC,CAAA,EAAWC,kBAAgB,CAC3C,oBAAqBT,EACrB,aAAcC,EACd,qBAAsBC,CAAA,CACvB,EACK,CAACQ,EAASC,CAAU,EAAIC,EAAAA,SAAwB,IAAI,EAEpDC,EAAWC,EAAAA,QACf,IAAMC,EAAAA,iBAAiBV,EAAQ,CAAE,MAAOD,EAAY,UAAWE,EAAqB,EACpF,CAACF,EAAYC,EAAQC,CAAmB,CAAA,EAKpCU,EAASF,EAAAA,QAAQ,IAAMG,EAAAA,oBAAoBJ,EAAU,CAAE,OAAAd,CAAA,CAAQ,EAAG,CAACA,EAAQc,CAAQ,CAAC,EAEpFK,EAASL,EAAS,IAAKM,GAC3BZ,EAASY,EAAM,KAAK,GAAK,CAAC,OAAO,SAASA,EAAM,KAAK,EAAI,EAAI,KAAK,IAAIA,EAAM,MAAO,CAAC,CAAA,EAEhFC,EAAQF,EAAO,OAAO,CAACG,EAAMC,IAAUD,EAAOC,EAAO,CAAC,EAItDC,EAAOT,EAAAA,QACX,IAAMU,cAAYN,CAAM,EAAE,QAASO,GAAW,CAACA,EAAO,WAAYA,EAAO,QAAQ,CAAC,EAGlF,CAACP,EAAO,KAAA,CAAM,CAAA,EAEVQ,EAAWC,oBAAkBJ,EAAM,CAAE,KAAMA,EAAK,IAAI,IAAM,CAAC,EAAG,EAOpE,MAAO,CACL,OANaV,EAAS,IAAI,CAACe,EAAGC,KAAY,CAC1C,WAAYH,EAASG,EAAS,CAAC,GAAK,EACpC,SAAUH,EAASG,EAAS,EAAI,CAAC,GAAK,CAAA,EACtC,EAIA,OAAAb,EAGA,MAAQa,GAAW,CACjBlB,EAAWkB,CAAM,EACjB1B,GAAA,MAAAA,EAAe0B,IAAW,KAAO,KAAOhB,EAASgB,CAAM,GAAK,KAC9D,EACA,QAAAnB,EACA,SAAAH,EACA,QAAUsB,GAAYT,EAAQ,GAAKF,EAAOW,CAAM,GAAK,GAAKT,EAAQ,EAClE,OAAQP,EACR,OAAAL,EACA,MAAAY,EACA,OAAAF,CAAA,CAEJ"}

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

@@ -0,0 +1,55 @@
+import { useState as x, useMemo as r } from "react";
+import { sliceAngles as C } from "./arcs.js";
+import { groupSmallSlices as F } from "./slices.js";
+import { useSeriesToggle as N } from "./useSeriesToggle.js";
+import { useTweenedNumbers as j } from "./useTweenedNumbers.js";
+import { resolveSeriesColors as v } from "../palette/seriesColor.js";
+function y({
+  accent: u,
+  defaultHiddenSlices: f,
+  hiddenSlices: c,
+  onHiddenSlicesChange: A,
+  onHoverSlice: n,
+  otherLabel: m,
+  slices: a,
+  smallSliceThreshold: i
+}) {
+  const { isHidden: d, toggle: S } = N({
+    defaultHiddenSeries: f,
+    hiddenSeries: c,
+    onHiddenSeriesChange: A
+  }), [b, M] = x(null), s = r(
+    () => F(a, { label: m, threshold: i }),
+    [m, a, i]
+  ), h = r(() => v(s, { accent: u }), [u, s]), o = s.map(
+    (e) => d(e.label) || !Number.isFinite(e.value) ? 0 : Math.max(e.value, 0)
+  ), l = o.reduce((e, t) => e + t, 0), g = r(
+    () => C(o).flatMap((e) => [e.startAngle, e.endAngle]),
+    // A chave resume os valores: o alvo muda com o numero, nao com a identidade
+    // do array, que e outra a cada render.
+    [o.join()]
+  ), p = j(g, { from: g.map(() => 0) });
+  return {
+    angles: s.map((e, t) => ({
+      startAngle: p[t * 2] ?? 0,
+      endAngle: p[t * 2 + 1] ?? 0
+    })),
+    colors: h,
+    // A fatia entregue e a **agrupada**: as pequenas ja viraram uma so, entao o
+    // indice do anel nao corresponde ao que o consumidor informou.
+    focus: (e) => {
+      M(e), n == null || n(e === null ? null : s[e] ?? null);
+    },
+    focused: b,
+    isHidden: d,
+    ratioOf: (e) => l > 0 ? (o[e] ?? 0) / l : 0,
+    slices: s,
+    toggle: S,
+    total: l,
+    values: o
+  };
+}
+export {
+  y as useSliceRing
+};
+//# sourceMappingURL=useSliceRing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSliceRing.js","sources":["../../../../src/components/charts/core/useSliceRing.ts"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { resolveSeriesColors } from '../palette';\nimport { sliceAngles, type ArcAngles } from './arcs';\nimport { groupSmallSlices, type ChartSlice } from './slices';\nimport { useSeriesToggle } from './useSeriesToggle';\nimport { useTweenedNumbers } from './useTweenedNumbers';\n\nexport interface UseSliceRingOptions {\n  accent?: string;\n  defaultHiddenSlices?: readonly string[];\n  hiddenSlices?: readonly string[];\n  onHiddenSlicesChange?: (hidden: readonly string[]) => void;\n  /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */\n  onHoverSlice?: (slice: ChartSlice | null) => void;\n  otherLabel: string;\n  slices: readonly ChartSlice[];\n  smallSliceThreshold: number;\n}\n\nexport interface SliceRing {\n  angles: readonly ArcAngles[];\n  colors: readonly string[];\n  focus: (index: number | null) => void;\n  focused: number | null;\n  isHidden: (label: string) => boolean;\n  ratioOf: (index: number) => number;\n  slices: readonly ChartSlice[];\n  toggle: (label: string) => void;\n  total: number;\n  values: readonly number[];\n}\n\n/**\n * O anel repartido: fatias pequenas ja reunidas, cores resolvidas, valores das\n * fatias ligadas e os angulos em movimento. E o que `ChartPie` e `ChartDonut`\n * compartilham — o anel, nao o componente.\n */\nexport function useSliceRing({\n  accent,\n  defaultHiddenSlices,\n  hiddenSlices,\n  onHiddenSlicesChange,\n  onHoverSlice,\n  otherLabel,\n  slices,\n  smallSliceThreshold,\n}: UseSliceRingOptions): SliceRing {\n  const { isHidden, toggle } = useSeriesToggle({\n    defaultHiddenSeries: defaultHiddenSlices,\n    hiddenSeries: hiddenSlices,\n    onHiddenSeriesChange: onHiddenSlicesChange,\n  });\n  const [focused, setFocused] = useState<number | null>(null);\n\n  const reunidas = useMemo(\n    () => groupSmallSlices(slices, { label: otherLabel, threshold: smallSliceThreshold }),\n    [otherLabel, slices, smallSliceThreshold],\n  );\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar uma fatia nao pode\n  // repintar as demais.\n  const colors = useMemo(() => resolveSeriesColors(reunidas, { accent }), [accent, reunidas]);\n\n  const values = reunidas.map((fatia) =>\n    isHidden(fatia.label) || !Number.isFinite(fatia.value) ? 0 : Math.max(fatia.value, 0),\n  );\n  const total = values.reduce((soma, valor) => soma + valor, 0);\n\n  // Os angulos caminham ate o alvo, entao desligar uma fatia reparte o anel em\n  // movimento. Partindo de zero, o anel tambem varre ao aparecer.\n  const alvo = useMemo(\n    () => sliceAngles(values).flatMap((angulo) => [angulo.startAngle, angulo.endAngle]),\n    // A chave resume os valores: o alvo muda com o numero, nao com a identidade\n    // do array, que e outra a cada render.\n    [values.join()],\n  );\n  const animados = useTweenedNumbers(alvo, { from: alvo.map(() => 0) });\n\n  const angles = reunidas.map((_, indice) => ({\n    startAngle: animados[indice * 2] ?? 0,\n    endAngle: animados[indice * 2 + 1] ?? 0,\n  }));\n\n  return {\n    angles,\n    colors,\n    // A fatia entregue e a **agrupada**: as pequenas ja viraram uma so, entao o\n    // indice do anel nao corresponde ao que o consumidor informou.\n    focus: (indice) => {\n      setFocused(indice);\n      onHoverSlice?.(indice === null ? null : reunidas[indice] ?? null);\n    },\n    focused,\n    isHidden,\n    ratioOf: (indice) => (total > 0 ? (values[indice] ?? 0) / total : 0),\n    slices: reunidas,\n    toggle,\n    total,\n    values,\n  };\n}\n"],"names":["useSliceRing","accent","defaultHiddenSlices","hiddenSlices","onHiddenSlicesChange","onHoverSlice","otherLabel","slices","smallSliceThreshold","isHidden","toggle","useSeriesToggle","focused","setFocused","useState","reunidas","useMemo","groupSmallSlices","colors","resolveSeriesColors","values","fatia","total","soma","valor","alvo","sliceAngles","angulo","animados","useTweenedNumbers","_","indice"],"mappings":";;;;;;AAqCO,SAASA,EAAa;AAAA,EAC3B,QAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,qBAAAC;AACF,GAAmC;AACjC,QAAM,EAAE,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAgB;AAAA,IAC3C,qBAAqBT;AAAA,IACrB,cAAcC;AAAA,IACd,sBAAsBC;AAAA,EAAA,CACvB,GACK,CAACQ,GAASC,CAAU,IAAIC,EAAwB,IAAI,GAEpDC,IAAWC;AAAA,IACf,MAAMC,EAAiBV,GAAQ,EAAE,OAAOD,GAAY,WAAWE,GAAqB;AAAA,IACpF,CAACF,GAAYC,GAAQC,CAAmB;AAAA,EAAA,GAKpCU,IAASF,EAAQ,MAAMG,EAAoBJ,GAAU,EAAE,QAAAd,EAAA,CAAQ,GAAG,CAACA,GAAQc,CAAQ,CAAC,GAEpFK,IAASL,EAAS;AAAA,IAAI,CAACM,MAC3BZ,EAASY,EAAM,KAAK,KAAK,CAAC,OAAO,SAASA,EAAM,KAAK,IAAI,IAAI,KAAK,IAAIA,EAAM,OAAO,CAAC;AAAA,EAAA,GAEhFC,IAAQF,EAAO,OAAO,CAACG,GAAMC,MAAUD,IAAOC,GAAO,CAAC,GAItDC,IAAOT;AAAA,IACX,MAAMU,EAAYN,CAAM,EAAE,QAAQ,CAACO,MAAW,CAACA,EAAO,YAAYA,EAAO,QAAQ,CAAC;AAAA;AAAA;AAAA,IAGlF,CAACP,EAAO,KAAA,CAAM;AAAA,EAAA,GAEVQ,IAAWC,EAAkBJ,GAAM,EAAE,MAAMA,EAAK,IAAI,MAAM,CAAC,GAAG;AAOpE,SAAO;AAAA,IACL,QANaV,EAAS,IAAI,CAACe,GAAGC,OAAY;AAAA,MAC1C,YAAYH,EAASG,IAAS,CAAC,KAAK;AAAA,MACpC,UAAUH,EAASG,IAAS,IAAI,CAAC,KAAK;AAAA,IAAA,EACtC;AAAA,IAIA,QAAAb;AAAA;AAAA;AAAA,IAGA,OAAO,CAACa,MAAW;AACjB,MAAAlB,EAAWkB,CAAM,GACjB1B,KAAA,QAAAA,EAAe0B,MAAW,OAAO,OAAOhB,EAASgB,CAAM,KAAK;AAAA,IAC9D;AAAA,IACA,SAAAnB;AAAA,IACA,UAAAH;AAAA,IACA,SAAS,CAACsB,MAAYT,IAAQ,KAAKF,EAAOW,CAAM,KAAK,KAAKT,IAAQ;AAAA,IAClE,QAAQP;AAAA,IACR,QAAAL;AAAA,IACA,OAAAY;AAAA,IACA,QAAAF;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),b=320;function q(){return typeof matchMedia=="function"&&!matchMedia("(prefers-reduced-motion: reduce)").matches}function w(e){return 1-(1-e)**3}function M(e,{duration:t=b,from:r}={}){const[f,d]=o.useState(r??e),s=o.useRef(r??e),l=e.join(",");return o.useEffect(()=>{const u=s.current,i=n=>{s.current=n,d(n)};if(u.length!==e.length||t<=0||!q()){i(e);return}const h=performance.now();let c=0;const a=()=>{const n=Math.min((performance.now()-h)/t,1),p=w(n);i(u.map((m,A)=>m+(e[A]-m)*p)),n<1&&(c=requestAnimationFrame(a))};return c=requestAnimationFrame(a),()=>cancelAnimationFrame(c)},[l,t]),f}exports.useTweenedNumbers=M;
+//# sourceMappingURL=useTweenedNumbers.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTweenedNumbers.cjs","sources":["../../../../src/components/charts/core/useTweenedNumbers.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/**\n * Duracao do movimento dos dados. Ela e mais longa que os tokens de `speed`,\n * que medem resposta a um gesto: aqui o olho precisa acompanhar uma barra\n * mudando de altura, nao apenas notar que algo respondeu.\n */\nconst DURACAO = 320;\n\n/**\n * Sem `matchMedia` nao ha navegador para animar, e sem preferencia conhecida o\n * salto e a escolha segura. Isso tambem mantem o resultado deterministico fora\n * do navegador, onde nao existe quadro a quadro.\n */\nfunction podeAnimar() {\n  return typeof matchMedia === 'function' && !matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/** Desacelera no fim, para o valor chegar ao alvo sem parecer que bateu nele. */\nfunction suavizar(t: number) {\n  return 1 - (1 - t) ** 3;\n}\n\n/**\n * Numeros que caminham ate o alvo em vez de saltar. Animar o dominio de uma\n * escala move o grafico inteiro — barras, curvas, grade e marcas do eixo — com\n * uma unica animacao, em vez de uma por marca.\n *\n * Quando a quantidade de numeros muda nao existe par para interpolar, e o valor\n * assume o alvo de imediato.\n */\nexport interface TweenOptions {\n  duration?: number;\n  /** Ponto de partida do primeiro quadro, para o grafico entrar em vez de surgir pronto. */\n  from?: readonly number[];\n}\n\nexport function useTweenedNumbers(target: readonly number[], { duration = DURACAO, from }: TweenOptions = {}) {\n  const [valores, setValores] = useState(from ?? target);\n  const atual = useRef(from ?? target);\n\n  // A chave resume os numeros: o efeito reage ao valor, e nao a identidade do\n  // array, que e outra a cada render.\n  const chave = target.join(',');\n\n  useEffect(() => {\n    const inicio = atual.current;\n\n    const assumir = (proximos: readonly number[]) => {\n      atual.current = proximos;\n      setValores(proximos);\n    };\n\n    if (inicio.length !== target.length || duration <= 0 || !podeAnimar()) {\n      assumir(target);\n      return;\n    }\n\n    const comeco = performance.now();\n    let quadro = 0;\n\n    const passo = () => {\n      const decorrido = Math.min((performance.now() - comeco) / duration, 1);\n      const fator = suavizar(decorrido);\n\n      assumir(inicio.map((valor, indice) => valor + (target[indice] - valor) * fator));\n\n      if (decorrido < 1) {\n        quadro = requestAnimationFrame(passo);\n      }\n    };\n\n    quadro = requestAnimationFrame(passo);\n\n    return () => cancelAnimationFrame(quadro);\n  }, [chave, duration]);\n\n  return valores;\n}\n"],"names":["DURACAO","podeAnimar","suavizar","t","useTweenedNumbers","target","duration","from","valores","setValores","useState","atual","useRef","chave","useEffect","inicio","assumir","proximos","comeco","quadro","passo","decorrido","fator","valor","indice"],"mappings":"yGAOMA,EAAU,IAOhB,SAASC,GAAa,CACpB,OAAO,OAAO,YAAe,YAAc,CAAC,WAAW,kCAAkC,EAAE,OAC7F,CAGA,SAASC,EAASC,EAAW,CAC3B,MAAO,IAAK,EAAIA,IAAM,CACxB,CAgBO,SAASC,EAAkBC,EAA2B,CAAE,SAAAC,EAAWN,EAAS,KAAAO,CAAA,EAAuB,GAAI,CAC5G,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAASH,GAAQF,CAAM,EAC/CM,EAAQC,EAAAA,OAAOL,GAAQF,CAAM,EAI7BQ,EAAQR,EAAO,KAAK,GAAG,EAE7BS,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAASJ,EAAM,QAEfK,EAAWC,GAAgC,CAC/CN,EAAM,QAAUM,EAChBR,EAAWQ,CAAQ,CACrB,EAEA,GAAIF,EAAO,SAAWV,EAAO,QAAUC,GAAY,GAAK,CAACL,IAAc,CACrEe,EAAQX,CAAM,EACd,MACF,CAEA,MAAMa,EAAS,YAAY,IAAA,EAC3B,IAAIC,EAAS,EAEb,MAAMC,EAAQ,IAAM,CAClB,MAAMC,EAAY,KAAK,KAAK,YAAY,MAAQH,GAAUZ,EAAU,CAAC,EAC/DgB,EAAQpB,EAASmB,CAAS,EAEhCL,EAAQD,EAAO,IAAI,CAACQ,EAAOC,IAAWD,GAASlB,EAAOmB,CAAM,EAAID,GAASD,CAAK,CAAC,EAE3ED,EAAY,IACdF,EAAS,sBAAsBC,CAAK,EAExC,EAEA,OAAAD,EAAS,sBAAsBC,CAAK,EAE7B,IAAM,qBAAqBD,CAAM,CAC1C,EAAG,CAACN,EAAOP,CAAQ,CAAC,EAEbE,CACT"}

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

@@ -0,0 +1,31 @@
+import { useState as A, useRef as q, useEffect as w } from "react";
+const F = 320;
+function M() {
+  return typeof matchMedia == "function" && !matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function v(e) {
+  return 1 - (1 - e) ** 3;
+}
+function b(e, { duration: o = F, from: t } = {}) {
+  const [m, f] = A(t ?? e), r = q(t ?? e), d = e.join(",");
+  return w(() => {
+    const s = r.current, i = (n) => {
+      r.current = n, f(n);
+    };
+    if (s.length !== e.length || o <= 0 || !M()) {
+      i(e);
+      return;
+    }
+    const p = performance.now();
+    let c = 0;
+    const u = () => {
+      const n = Math.min((performance.now() - p) / o, 1), h = v(n);
+      i(s.map((a, l) => a + (e[l] - a) * h)), n < 1 && (c = requestAnimationFrame(u));
+    };
+    return c = requestAnimationFrame(u), () => cancelAnimationFrame(c);
+  }, [d, o]), m;
+}
+export {
+  b as useTweenedNumbers
+};
+//# sourceMappingURL=useTweenedNumbers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTweenedNumbers.js","sources":["../../../../src/components/charts/core/useTweenedNumbers.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/**\n * Duracao do movimento dos dados. Ela e mais longa que os tokens de `speed`,\n * que medem resposta a um gesto: aqui o olho precisa acompanhar uma barra\n * mudando de altura, nao apenas notar que algo respondeu.\n */\nconst DURACAO = 320;\n\n/**\n * Sem `matchMedia` nao ha navegador para animar, e sem preferencia conhecida o\n * salto e a escolha segura. Isso tambem mantem o resultado deterministico fora\n * do navegador, onde nao existe quadro a quadro.\n */\nfunction podeAnimar() {\n  return typeof matchMedia === 'function' && !matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/** Desacelera no fim, para o valor chegar ao alvo sem parecer que bateu nele. */\nfunction suavizar(t: number) {\n  return 1 - (1 - t) ** 3;\n}\n\n/**\n * Numeros que caminham ate o alvo em vez de saltar. Animar o dominio de uma\n * escala move o grafico inteiro — barras, curvas, grade e marcas do eixo — com\n * uma unica animacao, em vez de uma por marca.\n *\n * Quando a quantidade de numeros muda nao existe par para interpolar, e o valor\n * assume o alvo de imediato.\n */\nexport interface TweenOptions {\n  duration?: number;\n  /** Ponto de partida do primeiro quadro, para o grafico entrar em vez de surgir pronto. */\n  from?: readonly number[];\n}\n\nexport function useTweenedNumbers(target: readonly number[], { duration = DURACAO, from }: TweenOptions = {}) {\n  const [valores, setValores] = useState(from ?? target);\n  const atual = useRef(from ?? target);\n\n  // A chave resume os numeros: o efeito reage ao valor, e nao a identidade do\n  // array, que e outra a cada render.\n  const chave = target.join(',');\n\n  useEffect(() => {\n    const inicio = atual.current;\n\n    const assumir = (proximos: readonly number[]) => {\n      atual.current = proximos;\n      setValores(proximos);\n    };\n\n    if (inicio.length !== target.length || duration <= 0 || !podeAnimar()) {\n      assumir(target);\n      return;\n    }\n\n    const comeco = performance.now();\n    let quadro = 0;\n\n    const passo = () => {\n      const decorrido = Math.min((performance.now() - comeco) / duration, 1);\n      const fator = suavizar(decorrido);\n\n      assumir(inicio.map((valor, indice) => valor + (target[indice] - valor) * fator));\n\n      if (decorrido < 1) {\n        quadro = requestAnimationFrame(passo);\n      }\n    };\n\n    quadro = requestAnimationFrame(passo);\n\n    return () => cancelAnimationFrame(quadro);\n  }, [chave, duration]);\n\n  return valores;\n}\n"],"names":["DURACAO","podeAnimar","suavizar","t","useTweenedNumbers","target","duration","from","valores","setValores","useState","atual","useRef","chave","useEffect","inicio","assumir","proximos","comeco","quadro","passo","decorrido","fator","valor","indice"],"mappings":";AAOA,MAAMA,IAAU;AAOhB,SAASC,IAAa;AACpB,SAAO,OAAO,cAAe,cAAc,CAAC,WAAW,kCAAkC,EAAE;AAC7F;AAGA,SAASC,EAASC,GAAW;AAC3B,SAAO,KAAK,IAAIA,MAAM;AACxB;AAgBO,SAASC,EAAkBC,GAA2B,EAAE,UAAAC,IAAWN,GAAS,MAAAO,EAAA,IAAuB,IAAI;AAC5G,QAAM,CAACC,GAASC,CAAU,IAAIC,EAASH,KAAQF,CAAM,GAC/CM,IAAQC,EAAOL,KAAQF,CAAM,GAI7BQ,IAAQR,EAAO,KAAK,GAAG;AAE7B,SAAAS,EAAU,MAAM;AACd,UAAMC,IAASJ,EAAM,SAEfK,IAAU,CAACC,MAAgC;AAC/C,MAAAN,EAAM,UAAUM,GAChBR,EAAWQ,CAAQ;AAAA,IACrB;AAEA,QAAIF,EAAO,WAAWV,EAAO,UAAUC,KAAY,KAAK,CAACL,KAAc;AACrE,MAAAe,EAAQX,CAAM;AACd;AAAA,IACF;AAEA,UAAMa,IAAS,YAAY,IAAA;AAC3B,QAAIC,IAAS;AAEb,UAAMC,IAAQ,MAAM;AAClB,YAAMC,IAAY,KAAK,KAAK,YAAY,QAAQH,KAAUZ,GAAU,CAAC,GAC/DgB,IAAQpB,EAASmB,CAAS;AAEhC,MAAAL,EAAQD,EAAO,IAAI,CAACQ,GAAOC,MAAWD,KAASlB,EAAOmB,CAAM,IAAID,KAASD,CAAK,CAAC,GAE3ED,IAAY,MACdF,IAAS,sBAAsBC,CAAK;AAAA,IAExC;AAEA,WAAAD,IAAS,sBAAsBC,CAAK,GAE7B,MAAM,qBAAqBD,CAAM;AAAA,EAC1C,GAAG,CAACN,GAAOP,CAAQ,CAAC,GAEbE;AACT;"}

package/dist/components/charts/palette/palette.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=6;function c(t){return Array.from({length:Math.max(t,0)},(r,e)=>`var(--pl-chart-series-${e%n+1})`)}const a={"#49619c":1,"#f26b35":2,"#6e2a92":3};function l(t,r){if(r<=0)return[];const e=a[t.trim().toLowerCase()],s=c(n).filter((i,o)=>e===void 0||o+1!==e);return[t,...Array.from({length:r-1},(i,o)=>s[o%s.length])]}exports.SERIES_TOKENS=n;exports.paletteWithAccent=l;exports.seriesColors=c;
+//# sourceMappingURL=palette.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"palette.cjs","sources":["../../../../src/components/charts/palette/palette.ts"],"sourcesContent":["/** Quantidade de series que a paleta do Design System cobre. */\nexport const SERIES_TOKENS = 6;\n\n/**\n * Cores das series na paleta do Design System, como variaveis CSS. Resolvem\n * tema claro e escuro sozinhas, e a serie N usa sempre o mesmo token, para que\n * um filtro que reduza as series nao repinte as restantes.\n */\nexport function seriesColors(quantidade: number) {\n  return Array.from(\n    { length: Math.max(quantidade, 0) },\n    (_, indice) => `var(--pl-chart-series-${(indice % SERIES_TOKENS) + 1})`,\n  );\n}\n\n/** Cores de marca que ja ocupam uma posicao fixa na paleta do sistema. */\nconst POSICAO_NA_PALETA: Record<string, number> = {\n  '#49619c': 1,\n  '#f26b35': 2,\n  '#6e2a92': 3,\n};\n\n/**\n * Paleta que abre com a cor escolhida pela aplicacao e segue com as do Design\n * System, saltando a posicao que repetiria essa cor.\n *\n * Gerar as demais a partir da cor escolhida foi medido e descartado: girar a\n * matiz em passos iguais nao separa as series de forma perceptivel, e a paleta\n * resultante reprova na verificacao de deficiencia de visao de cores.\n */\nexport function paletteWithAccent(accent: string, quantidade: number) {\n  if (quantidade <= 0) {\n    return [];\n  }\n\n  const ocupada = POSICAO_NA_PALETA[accent.trim().toLowerCase()];\n  const restantes = seriesColors(SERIES_TOKENS).filter(\n    (_, indice) => ocupada === undefined || indice + 1 !== ocupada,\n  );\n\n  return [accent, ...Array.from({ length: quantidade - 1 }, (_, i) => restantes[i % restantes.length])];\n}\n"],"names":["SERIES_TOKENS","seriesColors","quantidade","_","indice","POSICAO_NA_PALETA","paletteWithAccent","accent","ocupada","restantes","i"],"mappings":"gFACO,MAAMA,EAAgB,EAOtB,SAASC,EAAaC,EAAoB,CAC/C,OAAO,MAAM,KACX,CAAE,OAAQ,KAAK,IAAIA,EAAY,CAAC,CAAA,EAChC,CAACC,EAAGC,IAAW,yBAA0BA,EAASJ,EAAiB,CAAC,GAAA,CAExE,CAGA,MAAMK,EAA4C,CAChD,UAAW,EACX,UAAW,EACX,UAAW,CACb,EAUO,SAASC,EAAkBC,EAAgBL,EAAoB,CACpE,GAAIA,GAAc,EAChB,MAAO,CAAA,EAGT,MAAMM,EAAUH,EAAkBE,EAAO,KAAA,EAAO,aAAa,EACvDE,EAAYR,EAAaD,CAAa,EAAE,OAC5C,CAACG,EAAGC,IAAWI,IAAY,QAAaJ,EAAS,IAAMI,CAAA,EAGzD,MAAO,CAACD,EAAQ,GAAG,MAAM,KAAK,CAAE,OAAQL,EAAa,CAAA,EAAK,CAACC,EAAGO,IAAMD,EAAUC,EAAID,EAAU,MAAM,CAAC,CAAC,CACtG"}

package/dist/components/charts/palette/palette.js

@@ -0,0 +1,26 @@
+const a = 6;
+function E(r) {
+  return Array.from(
+    { length: Math.max(r, 0) },
+    (e, t) => `var(--pl-chart-series-${t % 6 + 1})`
+  );
+}
+const S = {
+  "#49619c": 1,
+  "#f26b35": 2,
+  "#6e2a92": 3
+};
+function c(r, e) {
+  if (e <= 0)
+    return [];
+  const t = S[r.trim().toLowerCase()], n = E(6).filter(
+    (s, o) => t === void 0 || o + 1 !== t
+  );
+  return [r, ...Array.from({ length: e - 1 }, (s, o) => n[o % n.length])];
+}
+export {
+  a as SERIES_TOKENS,
+  c as paletteWithAccent,
+  E as seriesColors
+};
+//# sourceMappingURL=palette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","sources":["../../../../src/components/charts/palette/palette.ts"],"sourcesContent":["/** Quantidade de series que a paleta do Design System cobre. */\nexport const SERIES_TOKENS = 6;\n\n/**\n * Cores das series na paleta do Design System, como variaveis CSS. Resolvem\n * tema claro e escuro sozinhas, e a serie N usa sempre o mesmo token, para que\n * um filtro que reduza as series nao repinte as restantes.\n */\nexport function seriesColors(quantidade: number) {\n  return Array.from(\n    { length: Math.max(quantidade, 0) },\n    (_, indice) => `var(--pl-chart-series-${(indice % SERIES_TOKENS) + 1})`,\n  );\n}\n\n/** Cores de marca que ja ocupam uma posicao fixa na paleta do sistema. */\nconst POSICAO_NA_PALETA: Record<string, number> = {\n  '#49619c': 1,\n  '#f26b35': 2,\n  '#6e2a92': 3,\n};\n\n/**\n * Paleta que abre com a cor escolhida pela aplicacao e segue com as do Design\n * System, saltando a posicao que repetiria essa cor.\n *\n * Gerar as demais a partir da cor escolhida foi medido e descartado: girar a\n * matiz em passos iguais nao separa as series de forma perceptivel, e a paleta\n * resultante reprova na verificacao de deficiencia de visao de cores.\n */\nexport function paletteWithAccent(accent: string, quantidade: number) {\n  if (quantidade <= 0) {\n    return [];\n  }\n\n  const ocupada = POSICAO_NA_PALETA[accent.trim().toLowerCase()];\n  const restantes = seriesColors(SERIES_TOKENS).filter(\n    (_, indice) => ocupada === undefined || indice + 1 !== ocupada,\n  );\n\n  return [accent, ...Array.from({ length: quantidade - 1 }, (_, i) => restantes[i % restantes.length])];\n}\n"],"names":["SERIES_TOKENS","seriesColors","quantidade","_","indice","POSICAO_NA_PALETA","paletteWithAccent","accent","ocupada","restantes","i"],"mappings":"AACO,MAAMA,IAAgB;AAOtB,SAASC,EAAaC,GAAoB;AAC/C,SAAO,MAAM;AAAA,IACX,EAAE,QAAQ,KAAK,IAAIA,GAAY,CAAC,EAAA;AAAA,IAChC,CAACC,GAAGC,MAAW,yBAA0BA,IAAS,IAAiB,CAAC;AAAA,EAAA;AAExE;AAGA,MAAMC,IAA4C;AAAA,EAChD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAUO,SAASC,EAAkBC,GAAgBL,GAAoB;AACpE,MAAIA,KAAc;AAChB,WAAO,CAAA;AAGT,QAAMM,IAAUH,EAAkBE,EAAO,KAAA,EAAO,aAAa,GACvDE,IAAYR,EAAa,CAAa,EAAE;AAAA,IAC5C,CAACE,GAAGC,MAAWI,MAAY,UAAaJ,IAAS,MAAMI;AAAA,EAAA;AAGzD,SAAO,CAACD,GAAQ,GAAG,MAAM,KAAK,EAAE,QAAQL,IAAa,EAAA,GAAK,CAACC,GAAGO,MAAMD,EAAUC,IAAID,EAAU,MAAM,CAAC,CAAC;AACtG;"}

package/dist/components/charts/palette/seriesColor.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./palette.cjs"),s={positive:"var(--pl-chart-positive)",negative:"var(--pl-chart-negative)",warning:"var(--pl-chart-warning)",neutral:"var(--pl-chart-neutral)"},u=/^var\(--pl-chart-(series-\d|positive|negative|warning|neutral)\)$/,p=Math.sqrt(1.05*.05)-.05;function v(e){const n=e.trim().replace(/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i,"#$1$1$2$2$3$3"),r=/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(n);if(!r)return;const[a,o,t]=r.slice(1).map(c=>{const l=parseInt(c,16)/255;return l<=.04045?l/12.92:((l+.055)/1.055)**2.4});return .2126*a+.7152*o+.0722*t}function f(e){var a;const n=(a=u.exec(e.trim()))==null?void 0:a[1];if(n)return`var(--pl-chart-on-${n})`;const r=v(e);return r!==void 0&&r>p?"var(--pl-chart-on-light)":"var(--pl-chart-on-dark)"}function E(e,{accent:n}={}){const r=e.filter(t=>!t.color&&!t.intent).length,a=n?i.paletteWithAccent(n,r):i.seriesColors(r);let o=0;return e.map(t=>{if(t.color)return t.color;if(t.intent)return s[t.intent];const c=a[o]??i.seriesColors(i.SERIES_TOKENS)[o%i.SERIES_TOKENS];return o+=1,c})}exports.INTENT_TOKENS=s;exports.resolveSeriesColors=E;exports.textColorOn=f;
+//# sourceMappingURL=seriesColor.cjs.map

package/dist/components/charts/palette/seriesColor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seriesColor.cjs","sources":["../../../../src/components/charts/palette/seriesColor.ts"],"sourcesContent":["import { SERIES_TOKENS, paletteWithAccent, seriesColors } from './palette';\n\n/**\n * Papel da serie quando a cor carrega significado. Uma serie com intencao nao\n * entra na rotacao categorica: pintar despesa com a cor de tema do usuario\n * trocaria o significado da barra a cada usuario.\n */\nexport type SeriesIntent = 'positive' | 'negative' | 'warning' | 'neutral';\n\nexport interface SeriesAppearance {\n  color?: string;\n  intent?: SeriesIntent;\n}\n\nexport interface ResolveSeriesColorsOptions {\n  accent?: string;\n}\n\n/** Token de cada intencao. A paleta e quem detem esse mapa. */\nexport const INTENT_TOKENS: Record<SeriesIntent, string> = {\n  positive: 'var(--pl-chart-positive)',\n  negative: 'var(--pl-chart-negative)',\n  warning: 'var(--pl-chart-warning)',\n  neutral: 'var(--pl-chart-neutral)',\n};\n\n/** Cores da paleta e das intencoes, que tem token de texto proprio, medido em cada tema. */\nconst COR_COM_TEXTO_PROPRIO = /^var\\(--pl-chart-(series-\\d|positive|negative|warning|neutral)\\)$/;\n\n/** Luminancia em que branco e preto medem o mesmo contraste; acima dela, o preto mede mais. */\nconst LUMINANCIA_DE_EMPATE = Math.sqrt(1.05 * 0.05) - 0.05;\n\nfunction luminanciaDoHexadecimal(cor: string) {\n  const hexadecimal = cor.trim().replace(/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i, '#$1$1$2$2$3$3');\n  const canais = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(hexadecimal);\n\n  if (!canais) {\n    return undefined;\n  }\n\n  const [r, g, b] = canais.slice(1).map((canal) => {\n    const valor = parseInt(canal, 16) / 255;\n\n    return valor <= 0.04045 ? valor / 12.92 : ((valor + 0.055) / 1.055) ** 2.4;\n  });\n\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n}\n\n/**\n * Cor do texto escrito sobre a marca, como a porcentagem dentro da fatia. A cor\n * informada em hexadecimal e medida; em outro formato, o texto fica branco.\n */\nexport function textColorOn(color: string) {\n  const token = COR_COM_TEXTO_PROPRIO.exec(color.trim())?.[1];\n\n  if (token) {\n    return `var(--pl-chart-on-${token})`;\n  }\n\n  const luminancia = luminanciaDoHexadecimal(color);\n\n  return luminancia !== undefined && luminancia > LUMINANCIA_DE_EMPATE\n    ? 'var(--pl-chart-on-light)'\n    : 'var(--pl-chart-on-dark)';\n}\n\n/**\n * Cor de cada serie, em tres niveis de precedencia: a cor informada pelo\n * implementador vence; depois a intencao semantica; por fim a paleta\n * categorica, que abre com a cor de tema quando houver.\n *\n * Series com cor ou intencao nao consomem posicao da paleta, para que as\n * categoricas sigam a ordem sem deixar buracos.\n */\nexport function resolveSeriesColors(\n  series: readonly SeriesAppearance[],\n  { accent }: ResolveSeriesColorsOptions = {},\n) {\n  const categoricas = series.filter((serie) => !serie.color && !serie.intent).length;\n  const paleta = accent ? paletteWithAccent(accent, categoricas) : seriesColors(categoricas);\n  let proxima = 0;\n\n  return series.map((serie) => {\n    if (serie.color) {\n      return serie.color;\n    }\n\n    if (serie.intent) {\n      return INTENT_TOKENS[serie.intent];\n    }\n\n    const cor = paleta[proxima] ?? seriesColors(SERIES_TOKENS)[proxima % SERIES_TOKENS];\n    proxima += 1;\n\n    return cor;\n  });\n}\n"],"names":["INTENT_TOKENS","COR_COM_TEXTO_PROPRIO","LUMINANCIA_DE_EMPATE","luminanciaDoHexadecimal","cor","hexadecimal","canais","r","g","b","canal","valor","textColorOn","color","token","_a","luminancia","resolveSeriesColors","series","accent","categoricas","serie","paleta","paletteWithAccent","seriesColors","proxima","SERIES_TOKENS"],"mappings":"iHAmBaA,EAA8C,CACzD,SAAU,2BACV,SAAU,2BACV,QAAS,0BACT,QAAS,yBACX,EAGMC,EAAwB,oEAGxBC,EAAuB,KAAK,KAAK,KAAO,GAAI,EAAI,IAEtD,SAASC,EAAwBC,EAAa,CAC5C,MAAMC,EAAcD,EAAI,KAAA,EAAO,QAAQ,qCAAsC,eAAe,EACtFE,EAAS,8CAA8C,KAAKD,CAAW,EAE7E,GAAI,CAACC,EACH,OAGF,KAAM,CAACC,EAAGC,EAAGC,CAAC,EAAIH,EAAO,MAAM,CAAC,EAAE,IAAKI,GAAU,CAC/C,MAAMC,EAAQ,SAASD,EAAO,EAAE,EAAI,IAEpC,OAAOC,GAAS,OAAUA,EAAQ,QAAUA,EAAQ,MAAS,QAAU,GACzE,CAAC,EAED,MAAO,OAASJ,EAAI,MAASC,EAAI,MAASC,CAC5C,CAMO,SAASG,EAAYC,EAAe,OACzC,MAAMC,GAAQC,EAAAd,EAAsB,KAAKY,EAAM,KAAA,CAAM,IAAvC,YAAAE,EAA2C,GAEzD,GAAID,EACF,MAAO,qBAAqBA,CAAK,IAGnC,MAAME,EAAab,EAAwBU,CAAK,EAEhD,OAAOG,IAAe,QAAaA,EAAad,EAC5C,2BACA,yBACN,CAUO,SAASe,EACdC,EACA,CAAE,OAAAC,CAAA,EAAuC,CAAA,EACzC,CACA,MAAMC,EAAcF,EAAO,OAAQG,GAAU,CAACA,EAAM,OAAS,CAACA,EAAM,MAAM,EAAE,OACtEC,EAASH,EAASI,EAAAA,kBAAkBJ,EAAQC,CAAW,EAAII,EAAAA,aAAaJ,CAAW,EACzF,IAAIK,EAAU,EAEd,OAAOP,EAAO,IAAKG,GAAU,CAC3B,GAAIA,EAAM,MACR,OAAOA,EAAM,MAGf,GAAIA,EAAM,OACR,OAAOrB,EAAcqB,EAAM,MAAM,EAGnC,MAAMjB,EAAMkB,EAAOG,CAAO,GAAKD,EAAAA,aAAaE,eAAa,EAAED,EAAUC,eAAa,EAClF,OAAAD,GAAW,EAEJrB,CACT,CAAC,CACH"}

package/dist/components/charts/palette/seriesColor.js

@@ -0,0 +1,43 @@
+import { paletteWithAccent as p, seriesColors as l, SERIES_TOKENS as s } from "./palette.js";
+const v = {
+  positive: "var(--pl-chart-positive)",
+  negative: "var(--pl-chart-negative)",
+  warning: "var(--pl-chart-warning)",
+  neutral: "var(--pl-chart-neutral)"
+}, u = /^var\(--pl-chart-(series-\d|positive|negative|warning|neutral)\)$/, f = Math.sqrt(1.05 * 0.05) - 0.05;
+function h(n) {
+  const a = n.trim().replace(/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i, "#$1$1$2$2$3$3"), r = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(a);
+  if (!r)
+    return;
+  const [e, o, t] = r.slice(1).map((i) => {
+    const c = parseInt(i, 16) / 255;
+    return c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * e + 0.7152 * o + 0.0722 * t;
+}
+function g(n) {
+  var e;
+  const a = (e = u.exec(n.trim())) == null ? void 0 : e[1];
+  if (a)
+    return `var(--pl-chart-on-${a})`;
+  const r = h(n);
+  return r !== void 0 && r > f ? "var(--pl-chart-on-light)" : "var(--pl-chart-on-dark)";
+}
+function $(n, { accent: a } = {}) {
+  const r = n.filter((t) => !t.color && !t.intent).length, e = a ? p(a, r) : l(r);
+  let o = 0;
+  return n.map((t) => {
+    if (t.color)
+      return t.color;
+    if (t.intent)
+      return v[t.intent];
+    const i = e[o] ?? l(s)[o % s];
+    return o += 1, i;
+  });
+}
+export {
+  v as INTENT_TOKENS,
+  $ as resolveSeriesColors,
+  g as textColorOn
+};
+//# sourceMappingURL=seriesColor.js.map

package/dist/components/charts/palette/seriesColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seriesColor.js","sources":["../../../../src/components/charts/palette/seriesColor.ts"],"sourcesContent":["import { SERIES_TOKENS, paletteWithAccent, seriesColors } from './palette';\n\n/**\n * Papel da serie quando a cor carrega significado. Uma serie com intencao nao\n * entra na rotacao categorica: pintar despesa com a cor de tema do usuario\n * trocaria o significado da barra a cada usuario.\n */\nexport type SeriesIntent = 'positive' | 'negative' | 'warning' | 'neutral';\n\nexport interface SeriesAppearance {\n  color?: string;\n  intent?: SeriesIntent;\n}\n\nexport interface ResolveSeriesColorsOptions {\n  accent?: string;\n}\n\n/** Token de cada intencao. A paleta e quem detem esse mapa. */\nexport const INTENT_TOKENS: Record<SeriesIntent, string> = {\n  positive: 'var(--pl-chart-positive)',\n  negative: 'var(--pl-chart-negative)',\n  warning: 'var(--pl-chart-warning)',\n  neutral: 'var(--pl-chart-neutral)',\n};\n\n/** Cores da paleta e das intencoes, que tem token de texto proprio, medido em cada tema. */\nconst COR_COM_TEXTO_PROPRIO = /^var\\(--pl-chart-(series-\\d|positive|negative|warning|neutral)\\)$/;\n\n/** Luminancia em que branco e preto medem o mesmo contraste; acima dela, o preto mede mais. */\nconst LUMINANCIA_DE_EMPATE = Math.sqrt(1.05 * 0.05) - 0.05;\n\nfunction luminanciaDoHexadecimal(cor: string) {\n  const hexadecimal = cor.trim().replace(/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i, '#$1$1$2$2$3$3');\n  const canais = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(hexadecimal);\n\n  if (!canais) {\n    return undefined;\n  }\n\n  const [r, g, b] = canais.slice(1).map((canal) => {\n    const valor = parseInt(canal, 16) / 255;\n\n    return valor <= 0.04045 ? valor / 12.92 : ((valor + 0.055) / 1.055) ** 2.4;\n  });\n\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n}\n\n/**\n * Cor do texto escrito sobre a marca, como a porcentagem dentro da fatia. A cor\n * informada em hexadecimal e medida; em outro formato, o texto fica branco.\n */\nexport function textColorOn(color: string) {\n  const token = COR_COM_TEXTO_PROPRIO.exec(color.trim())?.[1];\n\n  if (token) {\n    return `var(--pl-chart-on-${token})`;\n  }\n\n  const luminancia = luminanciaDoHexadecimal(color);\n\n  return luminancia !== undefined && luminancia > LUMINANCIA_DE_EMPATE\n    ? 'var(--pl-chart-on-light)'\n    : 'var(--pl-chart-on-dark)';\n}\n\n/**\n * Cor de cada serie, em tres niveis de precedencia: a cor informada pelo\n * implementador vence; depois a intencao semantica; por fim a paleta\n * categorica, que abre com a cor de tema quando houver.\n *\n * Series com cor ou intencao nao consomem posicao da paleta, para que as\n * categoricas sigam a ordem sem deixar buracos.\n */\nexport function resolveSeriesColors(\n  series: readonly SeriesAppearance[],\n  { accent }: ResolveSeriesColorsOptions = {},\n) {\n  const categoricas = series.filter((serie) => !serie.color && !serie.intent).length;\n  const paleta = accent ? paletteWithAccent(accent, categoricas) : seriesColors(categoricas);\n  let proxima = 0;\n\n  return series.map((serie) => {\n    if (serie.color) {\n      return serie.color;\n    }\n\n    if (serie.intent) {\n      return INTENT_TOKENS[serie.intent];\n    }\n\n    const cor = paleta[proxima] ?? seriesColors(SERIES_TOKENS)[proxima % SERIES_TOKENS];\n    proxima += 1;\n\n    return cor;\n  });\n}\n"],"names":["INTENT_TOKENS","COR_COM_TEXTO_PROPRIO","LUMINANCIA_DE_EMPATE","luminanciaDoHexadecimal","cor","hexadecimal","canais","r","g","b","canal","valor","textColorOn","color","token","_a","luminancia","resolveSeriesColors","series","accent","categoricas","serie","paleta","paletteWithAccent","seriesColors","proxima","SERIES_TOKENS"],"mappings":";AAmBO,MAAMA,IAA8C;AAAA,EACzD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AACX,GAGMC,IAAwB,qEAGxBC,IAAuB,KAAK,KAAK,OAAO,IAAI,IAAI;AAEtD,SAASC,EAAwBC,GAAa;AAC5C,QAAMC,IAAcD,EAAI,KAAA,EAAO,QAAQ,sCAAsC,eAAe,GACtFE,IAAS,8CAA8C,KAAKD,CAAW;AAE7E,MAAI,CAACC;AACH;AAGF,QAAM,CAACC,GAAGC,GAAGC,CAAC,IAAIH,EAAO,MAAM,CAAC,EAAE,IAAI,CAACI,MAAU;AAC/C,UAAMC,IAAQ,SAASD,GAAO,EAAE,IAAI;AAEpC,WAAOC,KAAS,UAAUA,IAAQ,UAAUA,IAAQ,SAAS,UAAU;AAAA,EACzE,CAAC;AAED,SAAO,SAASJ,IAAI,SAASC,IAAI,SAASC;AAC5C;AAMO,SAASG,EAAYC,GAAe;;AACzC,QAAMC,KAAQC,IAAAd,EAAsB,KAAKY,EAAM,KAAA,CAAM,MAAvC,gBAAAE,EAA2C;AAEzD,MAAID;AACF,WAAO,qBAAqBA,CAAK;AAGnC,QAAME,IAAab,EAAwBU,CAAK;AAEhD,SAAOG,MAAe,UAAaA,IAAad,IAC5C,6BACA;AACN;AAUO,SAASe,EACdC,GACA,EAAE,QAAAC,EAAA,IAAuC,CAAA,GACzC;AACA,QAAMC,IAAcF,EAAO,OAAO,CAACG,MAAU,CAACA,EAAM,SAAS,CAACA,EAAM,MAAM,EAAE,QACtEC,IAASH,IAASI,EAAkBJ,GAAQC,CAAW,IAAII,EAAaJ,CAAW;AACzF,MAAIK,IAAU;AAEd,SAAOP,EAAO,IAAI,CAACG,MAAU;AAC3B,QAAIA,EAAM;AACR,aAAOA,EAAM;AAGf,QAAIA,EAAM;AACR,aAAOrB,EAAcqB,EAAM,MAAM;AAGnC,UAAMjB,IAAMkB,EAAOG,CAAO,KAAKD,EAAaE,CAAa,EAAED,IAAUC,CAAa;AAClF,WAAAD,KAAW,GAEJrB;AAAA,EACT,CAAC;AACH;"}

package/dist/components/charts/scales/scales.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("d3-scale"),c=require("d3-array");function l(n,{includeZero:t=!0}={}){const i=n.filter(Number.isFinite);if(i.length===0)return{min:0,max:0};const[e=0,r=0]=c.extent(i);return{min:t?Math.min(e,0):e,max:t?Math.max(r,0):r}}function f(n){let t=0,i=0;return n.map(e=>{const r=Number.isFinite(e)?e:0;if(r<0){const s=i;return i+=r,[s,i]}const m=t;return t+=r,[m,t]})}function g(n){return n.length===0?{min:0,max:0}:{min:c.min(n,t=>t.min)??0,max:c.max(n,t=>t.max)??0}}function o({min:n,max:t}){return t>n?-n/(t-n):void 0}function u(n,t,i){return t>i?{min:n.min,max:-n.min*(1-i)/i}:t<i?{min:-n.max*i/(1-i),max:n.max}:n}function d(n,t){const i=o(n),e=o(t);if(i===void 0||e===void 0)return[n,t];const r=Math.max(i,e)/(1+Math.abs(i-e));return[u(n,i,r),u(t,e,r)]}function S({min:n,max:t}){return n===t?[n,n+1]:[n,t]}function p({clamp:n=!1,domain:t,nice:i=!0,range:e}){const r=a.scaleLinear().domain(S(t)).range(e).clamp(n);return i?r.nice():r}function x({domain:n,padding:t=.2,range:i}){return a.scaleBand().domain([...n]).range(i).paddingInner(t).paddingOuter(t/2)}function h({domain:n,padding:t=.5,range:i}){return a.scalePoint().domain([...n]).range(i).padding(t)}function v(n,t){return a.scaleSqrt().domain([0,n>0?n:1]).range(t)}function M(n,t,i){return n.ticks(Math.max(2,Math.min(10,Math.floor(t/64))))}exports.alignZeros=d;exports.bandScale=x;exports.domainOf=l;exports.linearScale=p;exports.mergeDomains=g;exports.pointScale=h;exports.radiusScale=v;exports.stackDiverging=f;exports.ticksFor=M;
+//# sourceMappingURL=scales.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scales.cjs","sources":["../../../../src/components/charts/scales/scales.ts"],"sourcesContent":["import { scaleBand, scaleLinear, scalePoint, scaleSqrt } from 'd3-scale';\nimport { extent, max, min } from 'd3-array';\n\nexport interface NumericRange {\n  max: number;\n  min: number;\n}\n\nexport interface ContinuousScaleOptions {\n  clamp?: boolean;\n  domain: NumericRange;\n  nice?: boolean;\n  range: [number, number];\n}\n\nexport interface CategoricalScaleOptions {\n  domain: readonly string[];\n  padding?: number;\n  range: [number, number];\n}\n\n/**\n * Faixa que cobre os valores, com o zero incluido por padrao. Uma barra que\n * nao parte do zero exagera a diferenca entre os valores.\n */\nexport function domainOf(values: readonly number[], { includeZero = true } = {}): NumericRange {\n  const finitos = values.filter(Number.isFinite);\n\n  if (finitos.length === 0) {\n    return { min: 0, max: 0 };\n  }\n\n  const [menor = 0, maior = 0] = extent(finitos);\n\n  return {\n    min: includeZero ? Math.min(menor, 0) : menor,\n    max: includeZero ? Math.max(maior, 0) : maior,\n  };\n}\n\n/**\n * Pilha divergente: positivos sobem do zero e negativos descem dele, cada sinal com o proprio acumulado.\n * Na soma corrida, `+10` e `-5` desenhavam o negativo por cima do positivo.\n */\nexport function stackDiverging(contributions: readonly number[]): [number, number][] {\n  let positivos = 0;\n  let negativos = 0;\n\n  return contributions.map((valor) => {\n    const parcela = Number.isFinite(valor) ? valor : 0;\n\n    if (parcela < 0) {\n      const inicio = negativos;\n      negativos += parcela;\n      return [inicio, negativos];\n    }\n\n    const inicio = positivos;\n    positivos += parcela;\n    return [inicio, positivos];\n  });\n}\n\n/** Une varias series na mesma faixa, para que compartilhem um unico eixo. */\nexport function mergeDomains(domains: readonly NumericRange[]): NumericRange {\n  if (domains.length === 0) {\n    return { min: 0, max: 0 };\n  }\n\n  return {\n    min: min(domains, (faixa) => faixa.min) ?? 0,\n    max: max(domains, (faixa) => faixa.max) ?? 0,\n  };\n}\n\n/** Parte da faixa abaixo do zero; sem amplitude, nao ha o que alinhar. */\nfunction parteNegativa({ min: menor, max: maior }: NumericRange) {\n  return maior > menor ? -menor / (maior - menor) : undefined;\n}\n\n/** Estende a faixa do lado que falta para o zero ficar na altura pedida, em fracao do eixo. */\nfunction levarZeroA(faixa: NumericRange, parte: number, altura: number): NumericRange {\n  if (parte > altura) {\n    return { min: faixa.min, max: (-faixa.min * (1 - altura)) / altura };\n  }\n\n  if (parte < altura) {\n    return { min: (-faixa.max * altura) / (1 - altura), max: faixa.max };\n  }\n\n  return faixa;\n}\n\n/**\n * Estende dois dominios que contem o zero para que ele caia na mesma altura nos\n * dois eixos. Cada um cresce so do lado que precisa, e a folga sai igual nos dois.\n */\nexport function alignZeros(a: NumericRange, b: NumericRange): [NumericRange, NumericRange] {\n  const parteA = parteNegativa(a);\n  const parteB = parteNegativa(b);\n\n  if (parteA === undefined || parteB === undefined) {\n    return [a, b];\n  }\n\n  const altura = Math.max(parteA, parteB) / (1 + Math.abs(parteA - parteB));\n\n  return [levarZeroA(a, parteA, altura), levarZeroA(b, parteB, altura)];\n}\n\nfunction guardFlat({ min: menor, max: maior }: NumericRange): [number, number] {\n  return menor === maior ? [menor, menor + 1] : [menor, maior];\n}\n\nexport function linearScale({ clamp = false, domain, nice = true, range }: ContinuousScaleOptions) {\n  const escala = scaleLinear().domain(guardFlat(domain)).range(range).clamp(clamp);\n\n  return nice ? escala.nice() : escala;\n}\n\n/** Faixas de largura igual, uma por categoria. Serve barras. */\nexport function bandScale({ domain, padding = 0.2, range }: CategoricalScaleOptions) {\n  return scaleBand().domain([...domain]).range(range).paddingInner(padding).paddingOuter(padding / 2);\n}\n\n/** Pontos sem largura, um por categoria. Serve linhas e dispersao. */\nexport function pointScale({ domain, padding = 0.5, range }: CategoricalScaleOptions) {\n  return scalePoint().domain([...domain]).range(range).padding(padding);\n}\n\n/**\n * Raio pela raiz do valor, para que a area da bolha acompanhe o dado em vez do\n * raio. Mapeando o valor direto ao raio, a area cresceria com o quadrado dele e\n * exageraria a diferenca.\n */\nexport function radiusScale(maxValue: number, range: [number, number]) {\n  return scaleSqrt().domain([0, maxValue > 0 ? maxValue : 1]).range(range);\n}\n\n/**\n * Marcas de um eixo continuo. Sem contagem informada, o eixo decide pelo\n * espaco que tem, para nao amontoar rotulos em area estreita. Em escala\n * categorica as marcas sao o proprio dominio.\n */\nexport function ticksFor(scale: { ticks: (count?: number) => number[] }, length: number, count?: number) {\n  return scale.ticks(count ?? Math.max(2, Math.min(10, Math.floor(length / 64))));\n}\n"],"names":["domainOf","values","includeZero","finitos","menor","maior","extent","stackDiverging","contributions","positivos","negativos","valor","parcela","inicio","mergeDomains","domains","min","faixa","max","parteNegativa","levarZeroA","parte","altura","alignZeros","a","b","parteA","parteB","guardFlat","linearScale","clamp","domain","nice","range","escala","scaleLinear","bandScale","padding","scaleBand","pointScale","scalePoint","radiusScale","maxValue","scaleSqrt","ticksFor","scale","length","count"],"mappings":"kIAyBO,SAASA,EAASC,EAA2B,CAAE,YAAAC,EAAc,EAAA,EAAS,CAAA,EAAkB,CAC7F,MAAMC,EAAUF,EAAO,OAAO,OAAO,QAAQ,EAE7C,GAAIE,EAAQ,SAAW,EACrB,MAAO,CAAE,IAAK,EAAG,IAAK,CAAA,EAGxB,KAAM,CAACC,EAAQ,EAAGC,EAAQ,CAAC,EAAIC,EAAAA,OAAOH,CAAO,EAE7C,MAAO,CACL,IAAKD,EAAc,KAAK,IAAIE,EAAO,CAAC,EAAIA,EACxC,IAAKF,EAAc,KAAK,IAAIG,EAAO,CAAC,EAAIA,CAAA,CAE5C,CAMO,SAASE,EAAeC,EAAsD,CACnF,IAAIC,EAAY,EACZC,EAAY,EAEhB,OAAOF,EAAc,IAAKG,GAAU,CAClC,MAAMC,EAAU,OAAO,SAASD,CAAK,EAAIA,EAAQ,EAEjD,GAAIC,EAAU,EAAG,CACf,MAAMC,EAASH,EACf,OAAAA,GAAaE,EACN,CAACC,EAAQH,CAAS,CAC3B,CAEA,MAAMG,EAASJ,EACf,OAAAA,GAAaG,EACN,CAACC,EAAQJ,CAAS,CAC3B,CAAC,CACH,CAGO,SAASK,EAAaC,EAAgD,CAC3E,OAAIA,EAAQ,SAAW,EACd,CAAE,IAAK,EAAG,IAAK,CAAA,EAGjB,CACL,IAAKC,EAAAA,IAAID,EAAUE,GAAUA,EAAM,GAAG,GAAK,EAC3C,IAAKC,EAAAA,IAAIH,EAAUE,GAAUA,EAAM,GAAG,GAAK,CAAA,CAE/C,CAGA,SAASE,EAAc,CAAE,IAAKf,EAAO,IAAKC,GAAuB,CAC/D,OAAOA,EAAQD,EAAQ,CAACA,GAASC,EAAQD,GAAS,MACpD,CAGA,SAASgB,EAAWH,EAAqBI,EAAeC,EAA8B,CACpF,OAAID,EAAQC,EACH,CAAE,IAAKL,EAAM,IAAK,IAAM,CAACA,EAAM,KAAO,EAAIK,GAAWA,CAAA,EAG1DD,EAAQC,EACH,CAAE,IAAM,CAACL,EAAM,IAAMK,GAAW,EAAIA,GAAS,IAAKL,EAAM,GAAA,EAG1DA,CACT,CAMO,SAASM,EAAWC,EAAiBC,EAA+C,CACzF,MAAMC,EAASP,EAAcK,CAAC,EACxBG,EAASR,EAAcM,CAAC,EAE9B,GAAIC,IAAW,QAAaC,IAAW,OACrC,MAAO,CAACH,EAAGC,CAAC,EAGd,MAAMH,EAAS,KAAK,IAAII,EAAQC,CAAM,GAAK,EAAI,KAAK,IAAID,EAASC,CAAM,GAEvE,MAAO,CAACP,EAAWI,EAAGE,EAAQJ,CAAM,EAAGF,EAAWK,EAAGE,EAAQL,CAAM,CAAC,CACtE,CAEA,SAASM,EAAU,CAAE,IAAKxB,EAAO,IAAKC,GAAyC,CAC7E,OAAOD,IAAUC,EAAQ,CAACD,EAAOA,EAAQ,CAAC,EAAI,CAACA,EAAOC,CAAK,CAC7D,CAEO,SAASwB,EAAY,CAAE,MAAAC,EAAQ,GAAO,OAAAC,EAAQ,KAAAC,EAAO,GAAM,MAAAC,GAAiC,CACjG,MAAMC,EAASC,EAAAA,cAAc,OAAOP,EAAUG,CAAM,CAAC,EAAE,MAAME,CAAK,EAAE,MAAMH,CAAK,EAE/E,OAAOE,EAAOE,EAAO,KAAA,EAASA,CAChC,CAGO,SAASE,EAAU,CAAE,OAAAL,EAAQ,QAAAM,EAAU,GAAK,MAAAJ,GAAkC,CACnF,OAAOK,EAAAA,YAAY,OAAO,CAAC,GAAGP,CAAM,CAAC,EAAE,MAAME,CAAK,EAAE,aAAaI,CAAO,EAAE,aAAaA,EAAU,CAAC,CACpG,CAGO,SAASE,EAAW,CAAE,OAAAR,EAAQ,QAAAM,EAAU,GAAK,MAAAJ,GAAkC,CACpF,OAAOO,aAAA,EAAa,OAAO,CAAC,GAAGT,CAAM,CAAC,EAAE,MAAME,CAAK,EAAE,QAAQI,CAAO,CACtE,CAOO,SAASI,EAAYC,EAAkBT,EAAyB,CACrE,OAAOU,YAAA,EAAY,OAAO,CAAC,EAAGD,EAAW,EAAIA,EAAW,CAAC,CAAC,EAAE,MAAMT,CAAK,CACzE,CAOO,SAASW,EAASC,EAAgDC,EAAgBC,EAAgB,CACvG,OAAOF,EAAM,MAAe,KAAK,IAAI,EAAG,KAAK,IAAI,GAAI,KAAK,MAAMC,EAAS,EAAE,CAAC,CAAC,CAAC,CAChF"}

package/dist/components/charts/scales/scales.js

@@ -0,0 +1,74 @@
+import { scalePoint as u, scaleLinear as s, scaleBand as f, scaleSqrt as g } from "d3-scale";
+import { extent as l, max as d, min as p } from "d3-array";
+function M(n, { includeZero: t = !0 } = {}) {
+  const i = n.filter(Number.isFinite);
+  if (i.length === 0)
+    return { min: 0, max: 0 };
+  const [r = 0, e = 0] = l(i);
+  return {
+    min: t ? Math.min(r, 0) : r,
+    max: t ? Math.max(e, 0) : e
+  };
+}
+function S(n) {
+  let t = 0, i = 0;
+  return n.map((r) => {
+    const e = Number.isFinite(r) ? r : 0;
+    if (e < 0) {
+      const m = i;
+      return i += e, [m, i];
+    }
+    const c = t;
+    return t += e, [c, t];
+  });
+}
+function F(n) {
+  return n.length === 0 ? { min: 0, max: 0 } : {
+    min: p(n, (t) => t.min) ?? 0,
+    max: d(n, (t) => t.max) ?? 0
+  };
+}
+function a({ min: n, max: t }) {
+  return t > n ? -n / (t - n) : void 0;
+}
+function o(n, t, i) {
+  return t > i ? { min: n.min, max: -n.min * (1 - i) / i } : t < i ? { min: -n.max * i / (1 - i), max: n.max } : n;
+}
+function k(n, t) {
+  const i = a(n), r = a(t);
+  if (i === void 0 || r === void 0)
+    return [n, t];
+  const e = Math.max(i, r) / (1 + Math.abs(i - r));
+  return [o(n, i, e), o(t, r, e)];
+}
+function x({ min: n, max: t }) {
+  return n === t ? [n, n + 1] : [n, t];
+}
+function N({ clamp: n = !1, domain: t, nice: i = !0, range: r }) {
+  const e = s().domain(x(t)).range(r).clamp(n);
+  return i ? e.nice() : e;
+}
+function b({ domain: n, padding: t = 0.2, range: i }) {
+  return f().domain([...n]).range(i).paddingInner(t).paddingOuter(t / 2);
+}
+function A({ domain: n, padding: t = 0.5, range: i }) {
+  return u().domain([...n]).range(i).padding(t);
+}
+function B(n, t) {
+  return g().domain([0, n > 0 ? n : 1]).range(t);
+}
+function D(n, t, i) {
+  return n.ticks(Math.max(2, Math.min(10, Math.floor(t / 64))));
+}
+export {
+  k as alignZeros,
+  b as bandScale,
+  M as domainOf,
+  N as linearScale,
+  F as mergeDomains,
+  A as pointScale,
+  B as radiusScale,
+  S as stackDiverging,
+  D as ticksFor
+};
+//# sourceMappingURL=scales.js.map