@plenustech/design-system 0.2.2 → 0.2.4

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

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

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

@@ -1 +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"}
+{"version":3,"file":"useChartMetrics.cjs","sources":["../../../../src/components/charts/core/useChartMetrics.ts"],"sourcesContent":["import { useCallback, 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 observador = useRef<ResizeObserver | null>(null);\n\n  // O observador acompanha o elemento, e não a montagem: a área que nasce depois, ou é trocada, continua sendo medida.\n  const ref = useCallback(\n    (node: HTMLElement | null) => {\n      observador.current?.disconnect();\n      observador.current = null;\n      elemento.current = node;\n      medir();\n\n      if (node && typeof ResizeObserver !== 'undefined') {\n        observador.current = new ResizeObserver(medir);\n        observador.current.observe(node);\n      }\n    },\n    [medir],\n  );\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","observador","ref"],"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,EAAaX,EAAAA,OAA8B,IAAI,EAG/CY,EAAMV,EAAAA,YACTT,GAA6B,QAC5BiB,EAAAC,EAAW,UAAX,MAAAD,EAAoB,aACpBC,EAAW,QAAU,KACrBZ,EAAS,QAAUN,EACnBQ,EAAA,EAEIR,GAAQ,OAAO,eAAmB,MACpCkB,EAAW,QAAU,IAAI,eAAeV,CAAK,EAC7CU,EAAW,QAAQ,QAAQlB,CAAI,EAEnC,EACA,CAACQ,CAAK,CAAA,EAGR,MAAO,CACL,KAAMN,EAAO,KACb,OAAQA,EAAO,OACf,OAAQA,EAAO,OACf,IAAAiB,EACA,MAAOjB,EAAO,KAAA,CAElB"}

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

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

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

@@ -1 +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;"}
+{"version":3,"file":"useChartMetrics.js","sources":["../../../../src/components/charts/core/useChartMetrics.ts"],"sourcesContent":["import { useCallback, 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 observador = useRef<ResizeObserver | null>(null);\n\n  // O observador acompanha o elemento, e não a montagem: a área que nasce depois, ou é trocada, continua sendo medida.\n  const ref = useCallback(\n    (node: HTMLElement | null) => {\n      observador.current?.disconnect();\n      observador.current = null;\n      elemento.current = node;\n      medir();\n\n      if (node && typeof ResizeObserver !== 'undefined') {\n        observador.current = new ResizeObserver(medir);\n        observador.current.observe(node);\n      }\n    },\n    [medir],\n  );\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","observador","ref"],"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,IAAaX,EAA8B,IAAI,GAG/CY,IAAMV;AAAA,IACV,CAACT,MAA6B;;AAC5B,OAAAiB,IAAAC,EAAW,YAAX,QAAAD,EAAoB,cACpBC,EAAW,UAAU,MACrBZ,EAAS,UAAUN,GACnBQ,EAAA,GAEIR,KAAQ,OAAO,iBAAmB,QACpCkB,EAAW,UAAU,IAAI,eAAeV,CAAK,GAC7CU,EAAW,QAAQ,QAAQlB,CAAI;AAAA,IAEnC;AAAA,IACA,CAACQ,CAAK;AAAA,EAAA;AAGR,SAAO;AAAA,IACL,MAAMN,EAAO;AAAA,IACb,QAAQA,EAAO;AAAA,IACf,QAAQA,EAAO;AAAA,IACf,KAAAiB;AAAA,IACA,OAAOjB,EAAO;AAAA,EAAA;AAElB;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function T({defaultHiddenSeries:r=[],hiddenSeries:u,onHiddenSeriesChange:c}){const[a,f]=o.useState(r),t=u??a,e=o.useCallback(s=>{const l=t.includes(s)?t.filter(g=>g!==s):[...t,s];u===void 0&&f(l),c==null||c(l)},[u,t,c]);return{isHidden:o.useCallback(s=>t.includes(s),[t]),toggle:e}}exports.useSeriesToggle=T;
+"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

@@ -1 +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  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n}\n\nexport interface SeriesToggle {\n  isHidden: (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  onHiddenSeriesChange,\n}: UseSeriesToggleOptions): SeriesToggle {\n  const [internas, setInternas] = useState<readonly string[]>(defaultHiddenSeries);\n  const ocultas = hiddenSeries ?? internas;\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      onHiddenSeriesChange?.(proximas);\n    },\n    [hiddenSeries, ocultas, onHiddenSeriesChange],\n  );\n\n  return {\n    isHidden: useCallback((label: string) => ocultas.includes(label), [ocultas]),\n    toggle,\n  };\n}\n"],"names":["useSeriesToggle","defaultHiddenSeries","hiddenSeries","onHiddenSeriesChange","internas","setInternas","useState","ocultas","toggle","useCallback","label","proximas","oculta"],"mappings":"yGAmBO,SAASA,EAAgB,CAC9B,oBAAAC,EAAsB,CAAA,EACtB,aAAAC,EACA,qBAAAC,CACF,EAAyC,CACvC,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAA4BL,CAAmB,EACzEM,EAAUL,GAAgBE,EAE1BI,EAASC,EAAAA,YACZC,GAAkB,CACjB,MAAMC,EAAWJ,EAAQ,SAASG,CAAK,EACnCH,EAAQ,OAAQK,GAAWA,IAAWF,CAAK,EAC3C,CAAC,GAAGH,EAASG,CAAK,EAElBR,IAAiB,QACnBG,EAAYM,CAAQ,EAGtBR,GAAA,MAAAA,EAAuBQ,EACzB,EACA,CAACT,EAAcK,EAASJ,CAAoB,CAAA,EAG9C,MAAO,CACL,SAAUM,EAAAA,YAAaC,GAAkBH,EAAQ,SAASG,CAAK,EAAG,CAACH,CAAO,CAAC,EAC3E,OAAAC,CAAA,CAEJ"}
+{"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

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

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

@@ -1 +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  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n}\n\nexport interface SeriesToggle {\n  isHidden: (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  onHiddenSeriesChange,\n}: UseSeriesToggleOptions): SeriesToggle {\n  const [internas, setInternas] = useState<readonly string[]>(defaultHiddenSeries);\n  const ocultas = hiddenSeries ?? internas;\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      onHiddenSeriesChange?.(proximas);\n    },\n    [hiddenSeries, ocultas, onHiddenSeriesChange],\n  );\n\n  return {\n    isHidden: useCallback((label: string) => ocultas.includes(label), [ocultas]),\n    toggle,\n  };\n}\n"],"names":["useSeriesToggle","defaultHiddenSeries","hiddenSeries","onHiddenSeriesChange","internas","setInternas","useState","ocultas","toggle","useCallback","label","proximas","oculta"],"mappings":";AAmBO,SAASA,EAAgB;AAAA,EAC9B,qBAAAC,IAAsB,CAAA;AAAA,EACtB,cAAAC;AAAA,EACA,sBAAAC;AACF,GAAyC;AACvC,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAA4BL,CAAmB,GACzEM,IAAUL,KAAgBE,GAE1BI,IAASC;AAAA,IACb,CAACC,MAAkB;AACjB,YAAMC,IAAWJ,EAAQ,SAASG,CAAK,IACnCH,EAAQ,OAAO,CAACK,MAAWA,MAAWF,CAAK,IAC3C,CAAC,GAAGH,GAASG,CAAK;AAEtB,MAAIR,MAAiB,UACnBG,EAAYM,CAAQ,GAGtBR,KAAA,QAAAA,EAAuBQ;AAAA,IACzB;AAAA,IACA,CAACT,GAAcK,GAASJ,CAAoB;AAAA,EAAA;AAG9C,SAAO;AAAA,IACL,UAAUM,EAAY,CAACC,MAAkBH,EAAQ,SAASG,CAAK,GAAG,CAACH,CAAO,CAAC;AAAA,IAC3E,QAAAC;AAAA,EAAA;AAEJ;"}
+{"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/data-display/Accordion/Accordion.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),j=require("react"),o=require("./Accordion.module.css.cjs"),S=require("../../../hooks/useSelection/useSelection.cjs"),q=require("../../icons/icons.cjs");function A({className:r,defaultExpandedKeys:a,expandedKeys:d,items:s,multiple:y=!1,onExpandedChange:n,iconPosition:u="right",divider:x=!0,...N}){const f=`accordion-${j.useId()}`,k=j.useRef(new Map),t=j.useMemo(()=>s.map(e=>({key:e.key,disabled:e.disabled,textValue:e.label})),[s]),h=S.useSelection({allowEmpty:!0,items:t,mode:y?"multiple":"single",defaultSelectedKeys:d===void 0?a:void 0,selectedKeys:d,onSelectionChange:e=>n==null?void 0:n([...e])});function v(e,c){var p,$,w;let l;e.key==="ArrowDown"?l=g(t,c,1):e.key==="ArrowUp"?l=g(t,c,-1):e.key==="Home"?l=(p=t.find(b=>!b.disabled))==null?void 0:p.key:e.key==="End"&&(l=($=[...t].reverse().find(b=>!b.disabled))==null?void 0:$.key),l&&(e.preventDefault(),(w=k.current.get(l))==null||w.focus())}return i.jsx("div",{...N,className:[o.default.accordion,x&&o.default.divided,r].filter(Boolean).join(" "),children:s.map(e=>{const c=h.selectedKeys.has(e.key);return i.jsxs("div",{className:o.default.item,children:[i.jsx("h3",{className:o.default.heading,children:i.jsxs("button",{ref:l=>{l?k.current.set(e.key,l):k.current.delete(e.key)},className:[o.default.trigger,u==="left"&&o.default.iconLeft].filter(Boolean).join(" "),type:"button",id:`${f}-${e.key}`,"aria-controls":`${f}-${e.key}-panel`,"aria-expanded":c,disabled:e.disabled,onClick:()=>h.select(e.key),onKeyDown:l=>v(l,e.key),children:[i.jsx("span",{className:o.default.label,children:e.label}),i.jsx(q.IconChevronDown,{className:[o.default.icon,c&&o.default.iconOpen].filter(Boolean).join(" "),size:16})]})}),i.jsx("div",{className:o.default.panel,id:`${f}-${e.key}-panel`,role:"region","aria-labelledby":`${f}-${e.key}`,hidden:!c,children:e.content})]},e.key)})})}function g(r,a,d){const s=r.length,y=r.findIndex(n=>n.key===a);for(let n=1;n<=s;n+=1){const u=r[(y+d*n+s*s)%s];if(!u.disabled)return u.key}return a}exports.Accordion=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),o=require("./Accordion.module.css.cjs"),q=require("../../../hooks/useSelection/useSelection.cjs"),D=require("../../icons/icons.cjs");function I({aberto:s,abrir:t,...d}){const l=f.useRef(null);return f.useEffect(()=>{const c=l.current;if(!(!c||s||!t))return c.setAttribute("hidden","until-found"),c.addEventListener("beforematch",t),()=>c.removeEventListener("beforematch",t)},[s,t]),r.jsx("div",{...d,hidden:!s,ref:l})}function K({className:s,defaultExpandedKeys:t,expandedKeys:d,items:l,multiple:c=!1,onExpandedChange:i,iconPosition:y="right",divider:x=!0,headingLevel:g=3,...N}){const k=`accordion-${f.useId()}`,A=`h${g}`,b=f.useRef(new Map),u=f.useMemo(()=>l.map(e=>({key:e.key,disabled:e.disabled,textValue:e.label})),[l]),h=q.useSelection({allowEmpty:!0,items:u,mode:c?"multiple":"single",defaultSelectedKeys:d===void 0?t:void 0,selectedKeys:d,onSelectionChange:e=>i==null?void 0:i([...e])});function S(e,a){var p,v,$;let n;e.key==="ArrowDown"?n=w(u,a,1):e.key==="ArrowUp"?n=w(u,a,-1):e.key==="Home"?n=(p=u.find(j=>!j.disabled))==null?void 0:p.key:e.key==="End"&&(n=(v=[...u].reverse().find(j=>!j.disabled))==null?void 0:v.key),n&&(e.preventDefault(),($=b.current.get(n))==null||$.focus())}return r.jsx("div",{...N,className:[o.default.accordion,x&&o.default.divided,s].filter(Boolean).join(" "),children:l.map(e=>{const a=h.selectedKeys.has(e.key);return r.jsxs("div",{className:o.default.item,children:[r.jsx(A,{className:o.default.heading,id:e.id,children:r.jsxs("button",{ref:n=>{n?b.current.set(e.key,n):b.current.delete(e.key)},className:[o.default.trigger,y==="left"&&o.default.iconLeft].filter(Boolean).join(" "),type:"button",id:`${k}-${e.key}`,"aria-controls":`${k}-${e.key}-panel`,"aria-expanded":a,disabled:e.disabled,onClick:()=>h.select(e.key),onKeyDown:n=>S(n,e.key),children:[r.jsx("span",{className:o.default.label,children:e.label}),r.jsx(D.IconChevronDown,{className:[o.default.icon,a&&o.default.iconOpen].filter(Boolean).join(" "),size:16})]})}),r.jsx(I,{aberto:a,abrir:e.disabled?void 0:()=>h.select(e.key),"aria-labelledby":`${k}-${e.key}`,className:o.default.panel,id:`${k}-${e.key}-panel`,role:"region",children:e.content})]},e.key)})})}function w(s,t,d){const l=s.length,c=s.findIndex(i=>i.key===t);for(let i=1;i<=l;i+=1){const y=s[(c+d*i+l*l)%l];if(!y.disabled)return y.key}return t}exports.Accordion=K;
 //# sourceMappingURL=Accordion.cjs.map

package/dist/components/data-display/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/data-display/Accordion/Accordion.tsx"],"sourcesContent":["import {\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport styles from './Accordion.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport interface AccordionItem {\n  content: ReactNode;\n  disabled?: boolean;\n  key: string;\n  label: string;\n}\n\nexport type AccordionIconPosition = 'left' | 'right';\n\nexport interface AccordionProps extends ComponentPropsWithRef<'div'> {\n  defaultExpandedKeys?: readonly string[];\n  expandedKeys?: readonly string[];\n  items: readonly AccordionItem[];\n  multiple?: boolean;\n  onExpandedChange?: (keys: readonly string[]) => void;\n  /** Direita e a convencao da web; esquerda serve a rotulos curtos em coluna estreita. */\n  iconPosition?: AccordionIconPosition;\n  /** Divisor entre as secoes, com a folga que ele exige. */\n  divider?: boolean;\n}\n\nexport function Accordion({\n  className,\n  defaultExpandedKeys,\n  expandedKeys,\n  items,\n  multiple = false,\n  onExpandedChange,\n  iconPosition = 'right',\n  divider = true,\n  ...props\n}: AccordionProps) {\n  const baseId = `accordion-${useId()}`;\n  const nodes = useRef(new Map<string, HTMLElement>());\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const selection = useSelection({\n    // Uma secao aberta fecha ao ser clicada de novo, e nenhuma aberta e um\n    // estado valido do acordeao — ao contrario de uma aba, que sempre tem uma.\n    allowEmpty: true,\n    items: collection,\n    mode: multiple ? 'multiple' : 'single',\n    defaultSelectedKeys: expandedKeys === undefined ? defaultExpandedKeys : undefined,\n    selectedKeys: expandedKeys,\n    onSelectionChange: (keys) => onExpandedChange?.([...keys]),\n  });\n\n  function handleKeyDown(event: KeyboardEvent<HTMLButtonElement>, key: string) {\n    let destino: string | undefined;\n\n    if (event.key === 'ArrowDown') {\n      destino = proxima(collection, key, 1);\n    } else if (event.key === 'ArrowUp') {\n      destino = proxima(collection, key, -1);\n    } else if (event.key === 'Home') {\n      destino = collection.find((item) => !item.disabled)?.key;\n    } else if (event.key === 'End') {\n      destino = [...collection].reverse().find((item) => !item.disabled)?.key;\n    }\n\n    if (destino) {\n      event.preventDefault();\n      nodes.current.get(destino)?.focus();\n    }\n  }\n\n  return (\n    <div\n      {...props}\n      className={[styles.accordion, divider && styles.divided, className].filter(Boolean).join(' ')}\n    >\n      {items.map((item) => {\n        const aberto = selection.selectedKeys.has(item.key);\n\n        return (\n          <div className={styles.item} key={item.key}>\n            <h3 className={styles.heading}>\n              <button\n                ref={(node) => {\n                  if (node) {\n                    nodes.current.set(item.key, node);\n                  } else {\n                    nodes.current.delete(item.key);\n                  }\n                }}\n                className={[styles.trigger, iconPosition === 'left' && styles.iconLeft].filter(Boolean).join(' ')}\n                type=\"button\"\n                id={`${baseId}-${item.key}`}\n                aria-controls={`${baseId}-${item.key}-panel`}\n                aria-expanded={aberto}\n                disabled={item.disabled}\n                onClick={() => selection.select(item.key)}\n                onKeyDown={(event) => handleKeyDown(event, item.key)}\n              >\n                <span className={styles.label}>{item.label}</span>\n                <IconChevronDown className={[styles.icon, aberto && styles.iconOpen].filter(Boolean).join(' ')} size={16} />\n              </button>\n            </h3>\n            <div\n              className={styles.panel}\n              id={`${baseId}-${item.key}-panel`}\n              role=\"region\"\n              aria-labelledby={`${baseId}-${item.key}`}\n              hidden={!aberto}\n            >\n              {item.content}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction proxima(items: readonly SelectionItem[], from: string, passo: 1 | -1) {\n  const total = items.length;\n  const inicio = items.findIndex((item) => item.key === from);\n\n  for (let i = 1; i <= total; i += 1) {\n    const item = items[(inicio + passo * i + total * total) % total];\n    if (!item.disabled) {\n      return item.key;\n    }\n  }\n\n  return from;\n}\n"],"names":["Accordion","className","defaultExpandedKeys","expandedKeys","items","multiple","onExpandedChange","iconPosition","divider","props","baseId","useId","nodes","useRef","collection","useMemo","item","selection","useSelection","keys","handleKeyDown","event","key","destino","proxima","_a","_b","_c","jsx","styles","aberto","jsxs","node","IconChevronDown","from","passo","total","inicio","i"],"mappings":"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"}
+{"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/data-display/Accordion/Accordion.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport styles from './Accordion.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport interface AccordionItem {\n  content: ReactNode;\n  disabled?: boolean;\n  /** Id do cabecalho, para um link de ancora apontar a secao. */\n  id?: string;\n  key: string;\n  label: string;\n}\n\nexport type AccordionIconPosition = 'left' | 'right';\nexport type AccordionHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\nexport interface AccordionProps extends ComponentPropsWithRef<'div'> {\n  defaultExpandedKeys?: readonly string[];\n  expandedKeys?: readonly string[];\n  items: readonly AccordionItem[];\n  multiple?: boolean;\n  onExpandedChange?: (keys: readonly string[]) => void;\n  /** Direita e a convencao da web; esquerda serve a rotulos curtos em coluna estreita. */\n  iconPosition?: AccordionIconPosition;\n  /** Divisor entre as secoes, com a folga que ele exige. */\n  divider?: boolean;\n  /** Nivel do titulo de cada secao, na hierarquia da pagina em que o acordeao esta. */\n  headingLevel?: AccordionHeadingLevel;\n}\n\ninterface PainelProps extends ComponentPropsWithRef<'div'> {\n  aberto: boolean;\n  /** Sem ele, o painel fechado fica fora da busca da pagina. */\n  abrir?: () => void;\n}\n\n/**\n * Painel fechado com `hidden=\"until-found\"`: o Ctrl+F do navegador acha o texto dele, e o evento `beforematch`\n * abre a secao. O atributo entra depois da montagem, porque o React so conhece o `hidden` booleano.\n */\nfunction Painel({ aberto, abrir, ...props }: PainelProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const painel = ref.current;\n\n    if (!painel || aberto || !abrir) {\n      return;\n    }\n\n    painel.setAttribute('hidden', 'until-found');\n    painel.addEventListener('beforematch', abrir);\n\n    return () => painel.removeEventListener('beforematch', abrir);\n  }, [aberto, abrir]);\n\n  return <div {...props} hidden={!aberto} ref={ref} />;\n}\n\nexport function Accordion({\n  className,\n  defaultExpandedKeys,\n  expandedKeys,\n  items,\n  multiple = false,\n  onExpandedChange,\n  iconPosition = 'right',\n  divider = true,\n  headingLevel = 3,\n  ...props\n}: AccordionProps) {\n  const baseId = `accordion-${useId()}`;\n  const Titulo = `h${headingLevel}` as const;\n  const nodes = useRef(new Map<string, HTMLElement>());\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const selection = useSelection({\n    // Uma secao aberta fecha ao ser clicada de novo, e nenhuma aberta e um\n    // estado valido do acordeao — ao contrario de uma aba, que sempre tem uma.\n    allowEmpty: true,\n    items: collection,\n    mode: multiple ? 'multiple' : 'single',\n    defaultSelectedKeys: expandedKeys === undefined ? defaultExpandedKeys : undefined,\n    selectedKeys: expandedKeys,\n    onSelectionChange: (keys) => onExpandedChange?.([...keys]),\n  });\n\n  function handleKeyDown(event: KeyboardEvent<HTMLButtonElement>, key: string) {\n    let destino: string | undefined;\n\n    if (event.key === 'ArrowDown') {\n      destino = proxima(collection, key, 1);\n    } else if (event.key === 'ArrowUp') {\n      destino = proxima(collection, key, -1);\n    } else if (event.key === 'Home') {\n      destino = collection.find((item) => !item.disabled)?.key;\n    } else if (event.key === 'End') {\n      destino = [...collection].reverse().find((item) => !item.disabled)?.key;\n    }\n\n    if (destino) {\n      event.preventDefault();\n      nodes.current.get(destino)?.focus();\n    }\n  }\n\n  return (\n    <div\n      {...props}\n      className={[styles.accordion, divider && styles.divided, className].filter(Boolean).join(' ')}\n    >\n      {items.map((item) => {\n        const aberto = selection.selectedKeys.has(item.key);\n\n        return (\n          <div className={styles.item} key={item.key}>\n            <Titulo className={styles.heading} id={item.id}>\n              <button\n                ref={(node) => {\n                  if (node) {\n                    nodes.current.set(item.key, node);\n                  } else {\n                    nodes.current.delete(item.key);\n                  }\n                }}\n                className={[styles.trigger, iconPosition === 'left' && styles.iconLeft].filter(Boolean).join(' ')}\n                type=\"button\"\n                id={`${baseId}-${item.key}`}\n                aria-controls={`${baseId}-${item.key}-panel`}\n                aria-expanded={aberto}\n                disabled={item.disabled}\n                onClick={() => selection.select(item.key)}\n                onKeyDown={(event) => handleKeyDown(event, item.key)}\n              >\n                <span className={styles.label}>{item.label}</span>\n                <IconChevronDown className={[styles.icon, aberto && styles.iconOpen].filter(Boolean).join(' ')} size={16} />\n              </button>\n            </Titulo>\n            <Painel\n              aberto={aberto}\n              abrir={item.disabled ? undefined : () => selection.select(item.key)}\n              aria-labelledby={`${baseId}-${item.key}`}\n              className={styles.panel}\n              id={`${baseId}-${item.key}-panel`}\n              role=\"region\"\n            >\n              {item.content}\n            </Painel>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction proxima(items: readonly SelectionItem[], from: string, passo: 1 | -1) {\n  const total = items.length;\n  const inicio = items.findIndex((item) => item.key === from);\n\n  for (let i = 1; i <= total; i += 1) {\n    const item = items[(inicio + passo * i + total * total) % total];\n    if (!item.disabled) {\n      return item.key;\n    }\n  }\n\n  return from;\n}\n"],"names":["Painel","aberto","abrir","props","ref","useRef","useEffect","painel","Accordion","className","defaultExpandedKeys","expandedKeys","items","multiple","onExpandedChange","iconPosition","divider","headingLevel","baseId","useId","Titulo","nodes","collection","useMemo","item","selection","useSelection","keys","handleKeyDown","event","key","destino","proxima","_a","_b","_c","jsx","styles","jsxs","node","IconChevronDown","from","passo","total","inicio"],"mappings":"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"}

package/dist/components/data-display/Accordion/Accordion.js

@@ -1,73 +1,83 @@
-import { jsx as a, jsxs as w } from "react/jsx-runtime";
-import { useId as D, useRef as I, useMemo as K } from "react";
+import { jsx as a, jsxs as v } from "react/jsx-runtime";
+import { useId as K, useRef as N, useMemo as B, useEffect as L } from "react";
 import o from "./Accordion.module.css.js";
-import { useSelection as A } from "../../../hooks/useSelection/useSelection.js";
-import { IconChevronDown as B } from "../../icons/icons.js";
-function L({
-  className: s,
-  defaultExpandedKeys: t,
-  expandedKeys: d,
-  items: i,
-  multiple: u = !1,
-  onExpandedChange: n,
-  iconPosition: f = "right",
+import { useSelection as S } from "../../../hooks/useSelection/useSelection.js";
+import { IconChevronDown as x } from "../../icons/icons.js";
+function M({ aberto: i, abrir: r, ...c }) {
+  const n = N(null);
+  return L(() => {
+    const t = n.current;
+    if (!(!t || i || !r))
+      return t.setAttribute("hidden", "until-found"), t.addEventListener("beforematch", r), () => t.removeEventListener("beforematch", r);
+  }, [i, r]), /* @__PURE__ */ a("div", { ...c, hidden: !i, ref: n });
+}
+function R({
+  className: i,
+  defaultExpandedKeys: r,
+  expandedKeys: c,
+  items: n,
+  multiple: t = !1,
+  onExpandedChange: s,
+  iconPosition: u = "right",
   divider: g = !0,
-  ...j
+  headingLevel: j = 3,
+  ...D
 }) {
-  const y = `accordion-${D()}`, k = I(/* @__PURE__ */ new Map()), c = K(
-    () => i.map((e) => ({ key: e.key, disabled: e.disabled, textValue: e.label })),
-    [i]
-  ), p = A({
+  const y = `accordion-${K()}`, A = `h${j}`, k = N(/* @__PURE__ */ new Map()), f = B(
+    () => n.map((e) => ({ key: e.key, disabled: e.disabled, textValue: e.label })),
+    [n]
+  ), p = S({
     // Uma secao aberta fecha ao ser clicada de novo, e nenhuma aberta e um
     // estado valido do acordeao — ao contrario de uma aba, que sempre tem uma.
     allowEmpty: !0,
-    items: c,
-    mode: u ? "multiple" : "single",
-    defaultSelectedKeys: d === void 0 ? t : void 0,
-    selectedKeys: d,
-    onSelectionChange: (e) => n == null ? void 0 : n([...e])
+    items: f,
+    mode: t ? "multiple" : "single",
+    defaultSelectedKeys: c === void 0 ? r : void 0,
+    selectedKeys: c,
+    onSelectionChange: (e) => s == null ? void 0 : s([...e])
   });
-  function v(e, r) {
-    var h, m, $;
+  function I(e, d) {
+    var h, $, m;
     let l;
-    e.key === "ArrowDown" ? l = N(c, r, 1) : e.key === "ArrowUp" ? l = N(c, r, -1) : e.key === "Home" ? l = (h = c.find((b) => !b.disabled)) == null ? void 0 : h.key : e.key === "End" && (l = (m = [...c].reverse().find((b) => !b.disabled)) == null ? void 0 : m.key), l && (e.preventDefault(), ($ = k.current.get(l)) == null || $.focus());
+    e.key === "ArrowDown" ? l = w(f, d, 1) : e.key === "ArrowUp" ? l = w(f, d, -1) : e.key === "Home" ? l = (h = f.find((b) => !b.disabled)) == null ? void 0 : h.key : e.key === "End" && (l = ($ = [...f].reverse().find((b) => !b.disabled)) == null ? void 0 : $.key), l && (e.preventDefault(), (m = k.current.get(l)) == null || m.focus());
   }
   return /* @__PURE__ */ a(
     "div",
     {
-      ...j,
-      className: [o.accordion, g && o.divided, s].filter(Boolean).join(" "),
-      children: i.map((e) => {
-        const r = p.selectedKeys.has(e.key);
-        return /* @__PURE__ */ w("div", { className: o.item, children: [
-          /* @__PURE__ */ a("h3", { className: o.heading, children: /* @__PURE__ */ w(
+      ...D,
+      className: [o.accordion, g && o.divided, i].filter(Boolean).join(" "),
+      children: n.map((e) => {
+        const d = p.selectedKeys.has(e.key);
+        return /* @__PURE__ */ v("div", { className: o.item, children: [
+          /* @__PURE__ */ a(A, { className: o.heading, id: e.id, children: /* @__PURE__ */ v(
             "button",
             {
               ref: (l) => {
                 l ? k.current.set(e.key, l) : k.current.delete(e.key);
               },
-              className: [o.trigger, f === "left" && o.iconLeft].filter(Boolean).join(" "),
+              className: [o.trigger, u === "left" && o.iconLeft].filter(Boolean).join(" "),
               type: "button",
               id: `${y}-${e.key}`,
               "aria-controls": `${y}-${e.key}-panel`,
-              "aria-expanded": r,
+              "aria-expanded": d,
               disabled: e.disabled,
               onClick: () => p.select(e.key),
-              onKeyDown: (l) => v(l, e.key),
+              onKeyDown: (l) => I(l, e.key),
               children: [
                 /* @__PURE__ */ a("span", { className: o.label, children: e.label }),
-                /* @__PURE__ */ a(B, { className: [o.icon, r && o.iconOpen].filter(Boolean).join(" "), size: 16 })
+                /* @__PURE__ */ a(x, { className: [o.icon, d && o.iconOpen].filter(Boolean).join(" "), size: 16 })
               ]
             }
           ) }),
           /* @__PURE__ */ a(
-            "div",
+            M,
             {
+              aberto: d,
+              abrir: e.disabled ? void 0 : () => p.select(e.key),
+              "aria-labelledby": `${y}-${e.key}`,
               className: o.panel,
               id: `${y}-${e.key}-panel`,
               role: "region",
-              "aria-labelledby": `${y}-${e.key}`,
-              hidden: !r,
               children: e.content
             }
           )
@@ -76,16 +86,16 @@ function L({
     }
   );
 }
-function N(s, t, d) {
-  const i = s.length, u = s.findIndex((n) => n.key === t);
-  for (let n = 1; n <= i; n += 1) {
-    const f = s[(u + d * n + i * i) % i];
-    if (!f.disabled)
-      return f.key;
+function w(i, r, c) {
+  const n = i.length, t = i.findIndex((s) => s.key === r);
+  for (let s = 1; s <= n; s += 1) {
+    const u = i[(t + c * s + n * n) % n];
+    if (!u.disabled)
+      return u.key;
   }
-  return t;
+  return r;
 }
 export {
-  L as Accordion
+  R as Accordion
 };
 //# sourceMappingURL=Accordion.js.map

package/dist/components/data-display/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/data-display/Accordion/Accordion.tsx"],"sourcesContent":["import {\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport styles from './Accordion.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport interface AccordionItem {\n  content: ReactNode;\n  disabled?: boolean;\n  key: string;\n  label: string;\n}\n\nexport type AccordionIconPosition = 'left' | 'right';\n\nexport interface AccordionProps extends ComponentPropsWithRef<'div'> {\n  defaultExpandedKeys?: readonly string[];\n  expandedKeys?: readonly string[];\n  items: readonly AccordionItem[];\n  multiple?: boolean;\n  onExpandedChange?: (keys: readonly string[]) => void;\n  /** Direita e a convencao da web; esquerda serve a rotulos curtos em coluna estreita. */\n  iconPosition?: AccordionIconPosition;\n  /** Divisor entre as secoes, com a folga que ele exige. */\n  divider?: boolean;\n}\n\nexport function Accordion({\n  className,\n  defaultExpandedKeys,\n  expandedKeys,\n  items,\n  multiple = false,\n  onExpandedChange,\n  iconPosition = 'right',\n  divider = true,\n  ...props\n}: AccordionProps) {\n  const baseId = `accordion-${useId()}`;\n  const nodes = useRef(new Map<string, HTMLElement>());\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const selection = useSelection({\n    // Uma secao aberta fecha ao ser clicada de novo, e nenhuma aberta e um\n    // estado valido do acordeao — ao contrario de uma aba, que sempre tem uma.\n    allowEmpty: true,\n    items: collection,\n    mode: multiple ? 'multiple' : 'single',\n    defaultSelectedKeys: expandedKeys === undefined ? defaultExpandedKeys : undefined,\n    selectedKeys: expandedKeys,\n    onSelectionChange: (keys) => onExpandedChange?.([...keys]),\n  });\n\n  function handleKeyDown(event: KeyboardEvent<HTMLButtonElement>, key: string) {\n    let destino: string | undefined;\n\n    if (event.key === 'ArrowDown') {\n      destino = proxima(collection, key, 1);\n    } else if (event.key === 'ArrowUp') {\n      destino = proxima(collection, key, -1);\n    } else if (event.key === 'Home') {\n      destino = collection.find((item) => !item.disabled)?.key;\n    } else if (event.key === 'End') {\n      destino = [...collection].reverse().find((item) => !item.disabled)?.key;\n    }\n\n    if (destino) {\n      event.preventDefault();\n      nodes.current.get(destino)?.focus();\n    }\n  }\n\n  return (\n    <div\n      {...props}\n      className={[styles.accordion, divider && styles.divided, className].filter(Boolean).join(' ')}\n    >\n      {items.map((item) => {\n        const aberto = selection.selectedKeys.has(item.key);\n\n        return (\n          <div className={styles.item} key={item.key}>\n            <h3 className={styles.heading}>\n              <button\n                ref={(node) => {\n                  if (node) {\n                    nodes.current.set(item.key, node);\n                  } else {\n                    nodes.current.delete(item.key);\n                  }\n                }}\n                className={[styles.trigger, iconPosition === 'left' && styles.iconLeft].filter(Boolean).join(' ')}\n                type=\"button\"\n                id={`${baseId}-${item.key}`}\n                aria-controls={`${baseId}-${item.key}-panel`}\n                aria-expanded={aberto}\n                disabled={item.disabled}\n                onClick={() => selection.select(item.key)}\n                onKeyDown={(event) => handleKeyDown(event, item.key)}\n              >\n                <span className={styles.label}>{item.label}</span>\n                <IconChevronDown className={[styles.icon, aberto && styles.iconOpen].filter(Boolean).join(' ')} size={16} />\n              </button>\n            </h3>\n            <div\n              className={styles.panel}\n              id={`${baseId}-${item.key}-panel`}\n              role=\"region\"\n              aria-labelledby={`${baseId}-${item.key}`}\n              hidden={!aberto}\n            >\n              {item.content}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction proxima(items: readonly SelectionItem[], from: string, passo: 1 | -1) {\n  const total = items.length;\n  const inicio = items.findIndex((item) => item.key === from);\n\n  for (let i = 1; i <= total; i += 1) {\n    const item = items[(inicio + passo * i + total * total) % total];\n    if (!item.disabled) {\n      return item.key;\n    }\n  }\n\n  return from;\n}\n"],"names":["Accordion","className","defaultExpandedKeys","expandedKeys","items","multiple","onExpandedChange","iconPosition","divider","props","baseId","useId","nodes","useRef","collection","useMemo","item","selection","useSelection","keys","handleKeyDown","event","key","destino","proxima","_a","_b","_c","jsx","styles","aberto","jsxs","node","IconChevronDown","from","passo","total","inicio","i"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/data-display/Accordion/Accordion.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport styles from './Accordion.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport interface AccordionItem {\n  content: ReactNode;\n  disabled?: boolean;\n  /** Id do cabecalho, para um link de ancora apontar a secao. */\n  id?: string;\n  key: string;\n  label: string;\n}\n\nexport type AccordionIconPosition = 'left' | 'right';\nexport type AccordionHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\nexport interface AccordionProps extends ComponentPropsWithRef<'div'> {\n  defaultExpandedKeys?: readonly string[];\n  expandedKeys?: readonly string[];\n  items: readonly AccordionItem[];\n  multiple?: boolean;\n  onExpandedChange?: (keys: readonly string[]) => void;\n  /** Direita e a convencao da web; esquerda serve a rotulos curtos em coluna estreita. */\n  iconPosition?: AccordionIconPosition;\n  /** Divisor entre as secoes, com a folga que ele exige. */\n  divider?: boolean;\n  /** Nivel do titulo de cada secao, na hierarquia da pagina em que o acordeao esta. */\n  headingLevel?: AccordionHeadingLevel;\n}\n\ninterface PainelProps extends ComponentPropsWithRef<'div'> {\n  aberto: boolean;\n  /** Sem ele, o painel fechado fica fora da busca da pagina. */\n  abrir?: () => void;\n}\n\n/**\n * Painel fechado com `hidden=\"until-found\"`: o Ctrl+F do navegador acha o texto dele, e o evento `beforematch`\n * abre a secao. O atributo entra depois da montagem, porque o React so conhece o `hidden` booleano.\n */\nfunction Painel({ aberto, abrir, ...props }: PainelProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const painel = ref.current;\n\n    if (!painel || aberto || !abrir) {\n      return;\n    }\n\n    painel.setAttribute('hidden', 'until-found');\n    painel.addEventListener('beforematch', abrir);\n\n    return () => painel.removeEventListener('beforematch', abrir);\n  }, [aberto, abrir]);\n\n  return <div {...props} hidden={!aberto} ref={ref} />;\n}\n\nexport function Accordion({\n  className,\n  defaultExpandedKeys,\n  expandedKeys,\n  items,\n  multiple = false,\n  onExpandedChange,\n  iconPosition = 'right',\n  divider = true,\n  headingLevel = 3,\n  ...props\n}: AccordionProps) {\n  const baseId = `accordion-${useId()}`;\n  const Titulo = `h${headingLevel}` as const;\n  const nodes = useRef(new Map<string, HTMLElement>());\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const selection = useSelection({\n    // Uma secao aberta fecha ao ser clicada de novo, e nenhuma aberta e um\n    // estado valido do acordeao — ao contrario de uma aba, que sempre tem uma.\n    allowEmpty: true,\n    items: collection,\n    mode: multiple ? 'multiple' : 'single',\n    defaultSelectedKeys: expandedKeys === undefined ? defaultExpandedKeys : undefined,\n    selectedKeys: expandedKeys,\n    onSelectionChange: (keys) => onExpandedChange?.([...keys]),\n  });\n\n  function handleKeyDown(event: KeyboardEvent<HTMLButtonElement>, key: string) {\n    let destino: string | undefined;\n\n    if (event.key === 'ArrowDown') {\n      destino = proxima(collection, key, 1);\n    } else if (event.key === 'ArrowUp') {\n      destino = proxima(collection, key, -1);\n    } else if (event.key === 'Home') {\n      destino = collection.find((item) => !item.disabled)?.key;\n    } else if (event.key === 'End') {\n      destino = [...collection].reverse().find((item) => !item.disabled)?.key;\n    }\n\n    if (destino) {\n      event.preventDefault();\n      nodes.current.get(destino)?.focus();\n    }\n  }\n\n  return (\n    <div\n      {...props}\n      className={[styles.accordion, divider && styles.divided, className].filter(Boolean).join(' ')}\n    >\n      {items.map((item) => {\n        const aberto = selection.selectedKeys.has(item.key);\n\n        return (\n          <div className={styles.item} key={item.key}>\n            <Titulo className={styles.heading} id={item.id}>\n              <button\n                ref={(node) => {\n                  if (node) {\n                    nodes.current.set(item.key, node);\n                  } else {\n                    nodes.current.delete(item.key);\n                  }\n                }}\n                className={[styles.trigger, iconPosition === 'left' && styles.iconLeft].filter(Boolean).join(' ')}\n                type=\"button\"\n                id={`${baseId}-${item.key}`}\n                aria-controls={`${baseId}-${item.key}-panel`}\n                aria-expanded={aberto}\n                disabled={item.disabled}\n                onClick={() => selection.select(item.key)}\n                onKeyDown={(event) => handleKeyDown(event, item.key)}\n              >\n                <span className={styles.label}>{item.label}</span>\n                <IconChevronDown className={[styles.icon, aberto && styles.iconOpen].filter(Boolean).join(' ')} size={16} />\n              </button>\n            </Titulo>\n            <Painel\n              aberto={aberto}\n              abrir={item.disabled ? undefined : () => selection.select(item.key)}\n              aria-labelledby={`${baseId}-${item.key}`}\n              className={styles.panel}\n              id={`${baseId}-${item.key}-panel`}\n              role=\"region\"\n            >\n              {item.content}\n            </Painel>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction proxima(items: readonly SelectionItem[], from: string, passo: 1 | -1) {\n  const total = items.length;\n  const inicio = items.findIndex((item) => item.key === from);\n\n  for (let i = 1; i <= total; i += 1) {\n    const item = items[(inicio + passo * i + total * total) % total];\n    if (!item.disabled) {\n      return item.key;\n    }\n  }\n\n  return from;\n}\n"],"names":["Painel","aberto","abrir","props","ref","useRef","useEffect","painel","Accordion","className","defaultExpandedKeys","expandedKeys","items","multiple","onExpandedChange","iconPosition","divider","headingLevel","baseId","useId","Titulo","nodes","collection","useMemo","item","selection","useSelection","keys","handleKeyDown","event","key","destino","proxima","_a","_b","_c","jsx","styles","jsxs","node","IconChevronDown","from","passo","total","inicio","i"],"mappings":"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"}

package/dist/components/data-display/Accordion/Accordion.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_accordion_1eiem_1",i="_divided_1eiem_7",n="_item_1eiem_13",o="_trigger_1eiem_17",c="_panel_1eiem_21",t="_heading_1eiem_25",_="_icon_1eiem_50",d="_label_1eiem_59",a="_iconLeft_1eiem_63",l="_iconOpen_1eiem_74",r={accordion:e,divided:i,item:n,trigger:o,panel:c,heading:t,icon:_,label:d,iconLeft:a,iconOpen:l};exports.accordion=e;exports.default=r;exports.divided=i;exports.heading=t;exports.icon=_;exports.iconLeft=a;exports.iconOpen=l;exports.item=n;exports.label=d;exports.panel=c;exports.trigger=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_accordion_vpjyx_1",n="_divided_vpjyx_7",i="_item_vpjyx_13",o="_trigger_vpjyx_17",c="_panel_vpjyx_21",t="_heading_vpjyx_25",_="_icon_vpjyx_50",d="_label_vpjyx_59",a="_iconLeft_vpjyx_63",l="_iconOpen_vpjyx_74",p={accordion:e,divided:n,item:i,trigger:o,panel:c,heading:t,icon:_,label:d,iconLeft:a,iconOpen:l};exports.accordion=e;exports.default=p;exports.divided=n;exports.heading=t;exports.icon=_;exports.iconLeft=a;exports.iconOpen=l;exports.item=i;exports.label=d;exports.panel=c;exports.trigger=o;
 //# sourceMappingURL=Accordion.module.css.cjs.map

package/dist/components/data-display/Accordion/Accordion.module.css.js

@@ -1,26 +1,26 @@
-const e = "_accordion_1eiem_1", i = "_divided_1eiem_7", n = "_item_1eiem_13", _ = "_trigger_1eiem_17", o = "_panel_1eiem_21", c = "_heading_1eiem_25", t = "_icon_1eiem_50", d = "_label_1eiem_59", a = "_iconLeft_1eiem_63", s = "_iconOpen_1eiem_74", m = {
-  accordion: e,
-  divided: i,
-  item: n,
-  trigger: _,
+const n = "_accordion_vpjyx_1", _ = "_divided_vpjyx_7", e = "_item_vpjyx_13", i = "_trigger_vpjyx_17", o = "_panel_vpjyx_21", c = "_heading_vpjyx_25", t = "_icon_vpjyx_50", p = "_label_vpjyx_59", d = "_iconLeft_vpjyx_63", a = "_iconOpen_vpjyx_74", s = {
+  accordion: n,
+  divided: _,
+  item: e,
+  trigger: i,
   panel: o,
   heading: c,
   icon: t,
-  label: d,
-  iconLeft: a,
-  iconOpen: s
+  label: p,
+  iconLeft: d,
+  iconOpen: a
 };
 export {
-  e as accordion,
-  m as default,
-  i as divided,
+  n as accordion,
+  s as default,
+  _ as divided,
   c as heading,
   t as icon,
-  a as iconLeft,
-  s as iconOpen,
-  n as item,
-  d as label,
+  d as iconLeft,
+  a as iconOpen,
+  e as item,
+  p as label,
   o as panel,
-  _ as trigger
+  i as trigger
 };
 //# sourceMappingURL=Accordion.module.css.js.map