@apipass/design-system 5.8.0 → 6.1.0

package/dist/lib/ui/components/charts/chart-label-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-label-color.js","sources":["../../../../../src/ui/components/charts/chart-label-color.ts"],"sourcesContent":["// O rótulo dentro da fatia é lido contra a cor da série, não contra o fundo da página: a paleta\n// de séries é a mesma nos dois temas, então quem decide entre texto claro e escuro é o\n// preenchimento. O branco que o ECharts usa por padrão reprova no contraste em toda a paleta —\n// 2,24:1 sobre a `yellow-500`.\nconst LABEL_ON_DARK_FILL: string = \"#ffffff\";\n\nconst LABEL_ON_LIGHT_FILL: string = \"#1e1e1e\";\n\nconst LABEL_ON_LIGHT_FILL_LUMINANCE: number = 0.0144;\n\nconst WHITE_LUMINANCE: number = 1;\n\nfunction channelLuminance(channel: number): number {\n  const normalized: number = channel / 255;\n  return normalized <= 0.03928\n    ? normalized / 12.92\n    : Math.pow((normalized + 0.055) / 1.055, 2.4);\n}\n\nexport function parseColorChannels(color: string): [number, number, number] | undefined {\n  const hexMatch: RegExpMatchArray | null = color\n    .trim()\n    .match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  if (hexMatch) {\n    const digits: string = hexMatch[1];\n    const expanded: string =\n      digits.length === 3\n        ? digits\n            .split(\"\")\n            .map((digit: string) => digit + digit)\n            .join(\"\")\n        : digits;\n    return [0, 2, 4].map((start: number) => parseInt(expanded.slice(start, start + 2), 16)) as [\n      number,\n      number,\n      number,\n    ];\n  }\n\n  const rgbMatch: RegExpMatchArray | null = color\n    .trim()\n    .match(/^rgba?\\(\\s*(\\d+)[\\s,]+(\\d+)[\\s,]+(\\d+)/i);\n  if (rgbMatch) {\n    return [Number(rgbMatch[1]), Number(rgbMatch[2]), Number(rgbMatch[3])];\n  }\n\n  return undefined;\n}\n\nfunction relativeLuminance(color: string): number | undefined {\n  const channels: [number, number, number] | undefined = parseColorChannels(color);\n  if (!channels) return undefined;\n  const [red, green, blue] = channels.map(channelLuminance);\n  return 0.2126 * red + 0.7152 * green + 0.0722 * blue;\n}\n\nfunction contrastRatio(lighter: number, darker: number): number {\n  return (lighter + 0.05) / (darker + 0.05);\n}\n\nexport function labelColorOnFill(fillColor: string): string {\n  const luminance: number | undefined = relativeLuminance(fillColor);\n  if (luminance === undefined) return LABEL_ON_DARK_FILL;\n  const againstLightText: number = contrastRatio(WHITE_LUMINANCE, luminance);\n  const againstDarkText: number = contrastRatio(luminance, LABEL_ON_LIGHT_FILL_LUMINANCE);\n  return againstDarkText >= againstLightText ? LABEL_ON_LIGHT_FILL : LABEL_ON_DARK_FILL;\n}\n"],"names":["LABEL_ON_DARK_FILL","LABEL_ON_LIGHT_FILL","channelLuminance","channel","normalized","parseColorChannels","color","hexMatch","digits","expanded","digit","start","rgbMatch","relativeLuminance","channels","red","green","blue","contrastRatio","lighter","darker","labelColorOnFill","fillColor","luminance","againstLightText"],"mappings":"AAIA,MAAMA,IAA6B,WAE7BC,IAA8B;AAMpC,SAASC,EAAiBC,GAAyB;AACjD,QAAMC,IAAqBD,IAAU;AACrC,SAAOC,KAAc,UACjBA,IAAa,QACb,KAAK,KAAKA,IAAa,SAAS,OAAO,GAAG;AAChD;AAEO,SAASC,EAAmBC,GAAqD;AACtF,QAAMC,IAAoCD,EACvC,KAAA,EACA,MAAM,+BAA+B;AACxC,MAAIC,GAAU;AACZ,UAAMC,IAAiBD,EAAS,CAAC,GAC3BE,IACJD,EAAO,WAAW,IACdA,EACG,MAAM,EAAE,EACR,IAAI,CAACE,MAAkBA,IAAQA,CAAK,EACpC,KAAK,EAAE,IACVF;AACN,WAAO,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAACG,MAAkB,SAASF,EAAS,MAAME,GAAOA,IAAQ,CAAC,GAAG,EAAE,CAAC;AAAA,EAKxF;AAEA,QAAMC,IAAoCN,EACvC,KAAA,EACA,MAAM,yCAAyC;AAClD,MAAIM;AACF,WAAO,CAAC,OAAOA,EAAS,CAAC,CAAC,GAAG,OAAOA,EAAS,CAAC,CAAC,GAAG,OAAOA,EAAS,CAAC,CAAC,CAAC;AAIzE;AAEA,SAASC,EAAkBP,GAAmC;AAC5D,QAAMQ,IAAiDT,EAAmBC,CAAK;AAC/E,MAAI,CAACQ,EAAU;AACf,QAAM,CAACC,GAAKC,GAAOC,CAAI,IAAIH,EAAS,IAAIZ,CAAgB;AACxD,SAAO,SAASa,IAAM,SAASC,IAAQ,SAASC;AAClD;AAEA,SAASC,EAAcC,GAAiBC,GAAwB;AAC9D,UAAQD,IAAU,SAASC,IAAS;AACtC;AAEO,SAASC,EAAiBC,GAA2B;AAC1D,QAAMC,IAAgCV,EAAkBS,CAAS;AACjE,MAAIC,MAAc,OAAW,QAAOvB;AACpC,QAAMwB,IAA2BN,EAAc,GAAiBK,CAAS;AAEzE,SADgCL,EAAcK,GAAW,MAA6B,KAC5DC,IAAmBvB,IAAsBD;AACrE;"}

package/dist/lib/ui/components/charts/chart-palette.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=["--sds-color-blue-500","--sds-color-green-500","--sds-color-pink-500","--sds-color-yellow-500","--sds-color-red-500","--sds-color-blue-700","--sds-color-green-700","--sds-color-pink-700","--sds-color-yellow-700","--sds-color-red-700"];exports.CHART_SERIES_COLOR_TOKENS=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=["--sds-color-blue-500","--sds-color-green-500","--sds-color-pink-500","--sds-color-yellow-500","--sds-color-red-500","--sds-color-blue-700","--sds-color-green-700","--sds-color-pink-700","--sds-color-yellow-700","--sds-color-red-700"],s="--sds-color-gray-400";exports.CHART_NEUTRAL_COLOR_TOKEN=s;exports.CHART_SERIES_COLOR_TOKENS=o;
 //# sourceMappingURL=chart-palette.cjs.map

package/dist/lib/ui/components/charts/chart-palette.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart-palette.cjs","sources":["../../../../../src/ui/components/charts/chart-palette.ts"],"sourcesContent":["// Ordenada para afastar ao máximo os matizes de séries vizinhas: os cinco cromáticos do tema\n// no passo 500, e só depois os mesmos cinco no 700. As rampas neutras ficam de fora porque se\n// confundem com grade e eixo — a `brand-500` deste tema é cinza.\nexport const CHART_SERIES_COLOR_TOKENS: string[] = [\n  \"--sds-color-blue-500\",\n  \"--sds-color-green-500\",\n  \"--sds-color-pink-500\",\n  \"--sds-color-yellow-500\",\n  \"--sds-color-red-500\",\n  \"--sds-color-blue-700\",\n  \"--sds-color-green-700\",\n  \"--sds-color-pink-700\",\n  \"--sds-color-yellow-700\",\n  \"--sds-color-red-700\",\n];\n"],"names":["CHART_SERIES_COLOR_TOKENS"],"mappings":"gFAGO,MAAMA,EAAsC,CACjD,uBACA,wBACA,uBACA,yBACA,sBACA,uBACA,wBACA,uBACA,yBACA,qBACF"}
+{"version":3,"file":"chart-palette.cjs","sources":["../../../../../src/ui/components/charts/chart-palette.ts"],"sourcesContent":["// Ordenada para afastar ao máximo os matizes de séries vizinhas: os cinco cromáticos do tema\n// no passo 500, e só depois os mesmos cinco no 700. As rampas neutras ficam de fora porque se\n// confundem com grade e eixo — a `brand-500` deste tema é cinza.\nexport const CHART_SERIES_COLOR_TOKENS: string[] = [\n  \"--sds-color-blue-500\",\n  \"--sds-color-green-500\",\n  \"--sds-color-pink-500\",\n  \"--sds-color-yellow-500\",\n  \"--sds-color-red-500\",\n  \"--sds-color-blue-700\",\n  \"--sds-color-green-700\",\n  \"--sds-color-pink-700\",\n  \"--sds-color-yellow-700\",\n  \"--sds-color-red-700\",\n];\n\nexport const CHART_NEUTRAL_COLOR_TOKEN: string = \"--sds-color-gray-400\";\n"],"names":["CHART_SERIES_COLOR_TOKENS","CHART_NEUTRAL_COLOR_TOKEN"],"mappings":"gFAGO,MAAMA,EAAsC,CACjD,uBACA,wBACA,uBACA,yBACA,sBACA,uBACA,wBACA,uBACA,yBACA,qBACF,EAEaC,EAAoC"}

package/dist/lib/ui/components/charts/chart-palette.js

@@ -9,8 +9,9 @@ const o = [
   "--sds-color-pink-700",
   "--sds-color-yellow-700",
   "--sds-color-red-700"
-];
+], s = "--sds-color-gray-400";
 export {
+  s as CHART_NEUTRAL_COLOR_TOKEN,
   o as CHART_SERIES_COLOR_TOKENS
 };
 //# sourceMappingURL=chart-palette.js.map

package/dist/lib/ui/components/charts/chart-palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-palette.js","sources":["../../../../../src/ui/components/charts/chart-palette.ts"],"sourcesContent":["// Ordenada para afastar ao máximo os matizes de séries vizinhas: os cinco cromáticos do tema\n// no passo 500, e só depois os mesmos cinco no 700. As rampas neutras ficam de fora porque se\n// confundem com grade e eixo — a `brand-500` deste tema é cinza.\nexport const CHART_SERIES_COLOR_TOKENS: string[] = [\n  \"--sds-color-blue-500\",\n  \"--sds-color-green-500\",\n  \"--sds-color-pink-500\",\n  \"--sds-color-yellow-500\",\n  \"--sds-color-red-500\",\n  \"--sds-color-blue-700\",\n  \"--sds-color-green-700\",\n  \"--sds-color-pink-700\",\n  \"--sds-color-yellow-700\",\n  \"--sds-color-red-700\",\n];\n"],"names":["CHART_SERIES_COLOR_TOKENS"],"mappings":"AAGO,MAAMA,IAAsC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"chart-palette.js","sources":["../../../../../src/ui/components/charts/chart-palette.ts"],"sourcesContent":["// Ordenada para afastar ao máximo os matizes de séries vizinhas: os cinco cromáticos do tema\n// no passo 500, e só depois os mesmos cinco no 700. As rampas neutras ficam de fora porque se\n// confundem com grade e eixo — a `brand-500` deste tema é cinza.\nexport const CHART_SERIES_COLOR_TOKENS: string[] = [\n  \"--sds-color-blue-500\",\n  \"--sds-color-green-500\",\n  \"--sds-color-pink-500\",\n  \"--sds-color-yellow-500\",\n  \"--sds-color-red-500\",\n  \"--sds-color-blue-700\",\n  \"--sds-color-green-700\",\n  \"--sds-color-pink-700\",\n  \"--sds-color-yellow-700\",\n  \"--sds-color-red-700\",\n];\n\nexport const CHART_NEUTRAL_COLOR_TOKEN: string = \"--sds-color-gray-400\";\n"],"names":["CHART_SERIES_COLOR_TOKENS","CHART_NEUTRAL_COLOR_TOKEN"],"mappings":"AAGO,MAAMA,IAAsC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAoC;"}

package/dist/lib/ui/components/charts/chart-theme.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./chart-palette.cjs");function a(t,e){const r=window.getComputedStyle(t).getPropertyValue(e).trim();return r===""?void 0:r}function o(t,e,r){const l=t.getPropertyValue(e).trim();return l===""?r:l}function s(t){const e=window.getComputedStyle(t);return{seriesColors:d.CHART_SERIES_COLOR_TOKENS.map(r=>o(e,r,"#4b5563")),axisLineColor:o(e,"--sds-color-border-default-secondary","#9ca3af"),splitLineColor:o(e,"--sds-color-border-default-default","#e5e7eb"),labelColor:o(e,"--sds-color-text-default-secondary","#6b7280"),tooltipBackgroundColor:o(e,"--sds-color-background-default-default","#ffffff"),tooltipBorderColor:o(e,"--sds-color-border-default-default","#d1d5db"),fontFamily:o(e,"--sds-typography-body-font-family","inherit")}}exports.readChartTheme=s;exports.resolveColorToken=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./chart-palette.cjs");function d(t,e){const r=window.getComputedStyle(t).getPropertyValue(e).trim();return r===""?void 0:r}function o(t,e,r){const l=t.getPropertyValue(e).trim();return l===""?r:l}function n(t){const e=window.getComputedStyle(t);return{seriesColors:a.CHART_SERIES_COLOR_TOKENS.map(r=>o(e,r,"#4b5563")),neutralColor:o(e,a.CHART_NEUTRAL_COLOR_TOKEN,"#9ca3af"),axisLineColor:o(e,"--sds-color-border-default-secondary","#9ca3af"),splitLineColor:o(e,"--sds-color-border-default-default","#e5e7eb"),labelColor:o(e,"--sds-color-text-default-secondary","#6b7280"),tooltipBackgroundColor:o(e,"--sds-color-background-default-default","#ffffff"),tooltipBorderColor:o(e,"--sds-color-border-default-default","#d1d5db"),fontFamily:o(e,"--sds-typography-body-font-family","inherit")}}exports.readChartTheme=n;exports.resolveColorToken=d;
 //# sourceMappingURL=chart-theme.cjs.map

package/dist/lib/ui/components/charts/chart-theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart-theme.cjs","sources":["../../../../../src/ui/components/charts/chart-theme.ts"],"sourcesContent":["import { CHART_SERIES_COLOR_TOKENS } from \"./chart-palette\";\n\nexport interface ChartTheme {\n  seriesColors: string[];\n  axisLineColor: string;\n  splitLineColor: string;\n  labelColor: string;\n  tooltipBackgroundColor: string;\n  tooltipBorderColor: string;\n  fontFamily: string;\n}\n\n// O renderizador canvas não entende `var(--token)`, então a cor precisa chegar resolvida. A\n// resolução é contra o elemento hospedeiro para que tema aplicado em escopo menor que `:root`\n// continue valendo.\nexport function resolveColorToken(element: HTMLElement, token: string): string | undefined {\n  const value: string = window.getComputedStyle(element).getPropertyValue(token).trim();\n  return value === \"\" ? undefined : value;\n}\n\nfunction resolveToken(styles: CSSStyleDeclaration, token: string, fallback: string): string {\n  const value: string = styles.getPropertyValue(token).trim();\n  return value === \"\" ? fallback : value;\n}\n\nexport function readChartTheme(element: HTMLElement): ChartTheme {\n  const styles: CSSStyleDeclaration = window.getComputedStyle(element);\n  return {\n    seriesColors: CHART_SERIES_COLOR_TOKENS.map((token: string) =>\n      resolveToken(styles, token, \"#4b5563\"),\n    ),\n    // A escala de borda deste tema vai do claro para o escuro: `tertiary` é a mais escura,\n    // não a mais suave. A grade fica na `default` para ficar atrás do dado, e o eixo na\n    // `secondary` para se separar da grade sem competir com as linhas.\n    axisLineColor: resolveToken(styles, \"--sds-color-border-default-secondary\", \"#9ca3af\"),\n    splitLineColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#e5e7eb\"),\n    labelColor: resolveToken(styles, \"--sds-color-text-default-secondary\", \"#6b7280\"),\n    tooltipBackgroundColor: resolveToken(\n      styles,\n      \"--sds-color-background-default-default\",\n      \"#ffffff\",\n    ),\n    tooltipBorderColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#d1d5db\"),\n    fontFamily: resolveToken(styles, \"--sds-typography-body-font-family\", \"inherit\"),\n  };\n}\n"],"names":["resolveColorToken","element","token","value","resolveToken","styles","fallback","readChartTheme","CHART_SERIES_COLOR_TOKENS"],"mappings":"uHAeO,SAASA,EAAkBC,EAAsBC,EAAmC,CACzF,MAAMC,EAAgB,OAAO,iBAAiBF,CAAO,EAAE,iBAAiBC,CAAK,EAAE,KAAA,EAC/E,OAAOC,IAAU,GAAK,OAAYA,CACpC,CAEA,SAASC,EAAaC,EAA6BH,EAAeI,EAA0B,CAC1F,MAAMH,EAAgBE,EAAO,iBAAiBH,CAAK,EAAE,KAAA,EACrD,OAAOC,IAAU,GAAKG,EAAWH,CACnC,CAEO,SAASI,EAAeN,EAAkC,CAC/D,MAAMI,EAA8B,OAAO,iBAAiBJ,CAAO,EACnE,MAAO,CACL,aAAcO,EAAAA,0BAA0B,IAAKN,GAC3CE,EAAaC,EAAQH,EAAO,SAAS,CAAA,EAKvC,cAAeE,EAAaC,EAAQ,uCAAwC,SAAS,EACrF,eAAgBD,EAAaC,EAAQ,qCAAsC,SAAS,EACpF,WAAYD,EAAaC,EAAQ,qCAAsC,SAAS,EAChF,uBAAwBD,EACtBC,EACA,yCACA,SAAA,EAEF,mBAAoBD,EAAaC,EAAQ,qCAAsC,SAAS,EACxF,WAAYD,EAAaC,EAAQ,oCAAqC,SAAS,CAAA,CAEnF"}
+{"version":3,"file":"chart-theme.cjs","sources":["../../../../../src/ui/components/charts/chart-theme.ts"],"sourcesContent":["import { CHART_SERIES_COLOR_TOKENS, CHART_NEUTRAL_COLOR_TOKEN as NEUTRAL_COLOR_TOKEN } from \"./chart-palette\";\n\nexport interface ChartTheme {\n  seriesColors: string[];\n  neutralColor: string;\n  axisLineColor: string;\n  splitLineColor: string;\n  labelColor: string;\n  tooltipBackgroundColor: string;\n  tooltipBorderColor: string;\n  fontFamily: string;\n}\n\n// O renderizador canvas não entende `var(--token)`, então a cor precisa chegar resolvida. A\n// resolução é contra o elemento hospedeiro para que tema aplicado em escopo menor que `:root`\n// continue valendo.\nexport function resolveColorToken(element: HTMLElement, token: string): string | undefined {\n  const value: string = window.getComputedStyle(element).getPropertyValue(token).trim();\n  return value === \"\" ? undefined : value;\n}\n\nfunction resolveToken(styles: CSSStyleDeclaration, token: string, fallback: string): string {\n  const value: string = styles.getPropertyValue(token).trim();\n  return value === \"\" ? fallback : value;\n}\n\nexport function readChartTheme(element: HTMLElement): ChartTheme {\n  const styles: CSSStyleDeclaration = window.getComputedStyle(element);\n  return {\n    seriesColors: CHART_SERIES_COLOR_TOKENS.map((token: string) =>\n      resolveToken(styles, token, \"#4b5563\"),\n    ),\n    neutralColor: resolveToken(styles, NEUTRAL_COLOR_TOKEN, \"#9ca3af\"),\n    // A escala de borda deste tema vai do claro para o escuro: `tertiary` é a mais escura,\n    // não a mais suave. A grade fica na `default` para ficar atrás do dado, e o eixo na\n    // `secondary` para se separar da grade sem competir com as linhas.\n    axisLineColor: resolveToken(styles, \"--sds-color-border-default-secondary\", \"#9ca3af\"),\n    splitLineColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#e5e7eb\"),\n    labelColor: resolveToken(styles, \"--sds-color-text-default-secondary\", \"#6b7280\"),\n    tooltipBackgroundColor: resolveToken(\n      styles,\n      \"--sds-color-background-default-default\",\n      \"#ffffff\",\n    ),\n    tooltipBorderColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#d1d5db\"),\n    fontFamily: resolveToken(styles, \"--sds-typography-body-font-family\", \"inherit\"),\n  };\n}\n"],"names":["resolveColorToken","element","token","value","resolveToken","styles","fallback","readChartTheme","CHART_SERIES_COLOR_TOKENS","NEUTRAL_COLOR_TOKEN"],"mappings":"uHAgBO,SAASA,EAAkBC,EAAsBC,EAAmC,CACzF,MAAMC,EAAgB,OAAO,iBAAiBF,CAAO,EAAE,iBAAiBC,CAAK,EAAE,KAAA,EAC/E,OAAOC,IAAU,GAAK,OAAYA,CACpC,CAEA,SAASC,EAAaC,EAA6BH,EAAeI,EAA0B,CAC1F,MAAMH,EAAgBE,EAAO,iBAAiBH,CAAK,EAAE,KAAA,EACrD,OAAOC,IAAU,GAAKG,EAAWH,CACnC,CAEO,SAASI,EAAeN,EAAkC,CAC/D,MAAMI,EAA8B,OAAO,iBAAiBJ,CAAO,EACnE,MAAO,CACL,aAAcO,EAAAA,0BAA0B,IAAKN,GAC3CE,EAAaC,EAAQH,EAAO,SAAS,CAAA,EAEvC,aAAcE,EAAaC,EAAQI,EAAAA,0BAAqB,SAAS,EAIjE,cAAeL,EAAaC,EAAQ,uCAAwC,SAAS,EACrF,eAAgBD,EAAaC,EAAQ,qCAAsC,SAAS,EACpF,WAAYD,EAAaC,EAAQ,qCAAsC,SAAS,EAChF,uBAAwBD,EACtBC,EACA,yCACA,SAAA,EAEF,mBAAoBD,EAAaC,EAAQ,qCAAsC,SAAS,EACxF,WAAYD,EAAaC,EAAQ,oCAAqC,SAAS,CAAA,CAEnF"}

package/dist/lib/ui/components/charts/chart-theme.js

@@ -1,4 +1,4 @@
-import { CHART_SERIES_COLOR_TOKENS as d } from "./chart-palette.js";
+import { CHART_SERIES_COLOR_TOKENS as d, CHART_NEUTRAL_COLOR_TOKEN as a } from "./chart-palette.js";
 function s(t, o) {
   const r = window.getComputedStyle(t).getPropertyValue(o).trim();
   return r === "" ? void 0 : r;
@@ -7,12 +7,13 @@ function e(t, o, r) {
   const l = t.getPropertyValue(o).trim();
   return l === "" ? r : l;
 }
-function n(t) {
+function f(t) {
   const o = window.getComputedStyle(t);
   return {
     seriesColors: d.map(
       (r) => e(o, r, "#4b5563")
     ),
+    neutralColor: e(o, a, "#9ca3af"),
     // A escala de borda deste tema vai do claro para o escuro: `tertiary` é a mais escura,
     // não a mais suave. A grade fica na `default` para ficar atrás do dado, e o eixo na
     // `secondary` para se separar da grade sem competir com as linhas.
@@ -29,7 +30,7 @@ function n(t) {
   };
 }
 export {
-  n as readChartTheme,
+  f as readChartTheme,
   s as resolveColorToken
 };
 //# sourceMappingURL=chart-theme.js.map

package/dist/lib/ui/components/charts/chart-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-theme.js","sources":["../../../../../src/ui/components/charts/chart-theme.ts"],"sourcesContent":["import { CHART_SERIES_COLOR_TOKENS } from \"./chart-palette\";\n\nexport interface ChartTheme {\n  seriesColors: string[];\n  axisLineColor: string;\n  splitLineColor: string;\n  labelColor: string;\n  tooltipBackgroundColor: string;\n  tooltipBorderColor: string;\n  fontFamily: string;\n}\n\n// O renderizador canvas não entende `var(--token)`, então a cor precisa chegar resolvida. A\n// resolução é contra o elemento hospedeiro para que tema aplicado em escopo menor que `:root`\n// continue valendo.\nexport function resolveColorToken(element: HTMLElement, token: string): string | undefined {\n  const value: string = window.getComputedStyle(element).getPropertyValue(token).trim();\n  return value === \"\" ? undefined : value;\n}\n\nfunction resolveToken(styles: CSSStyleDeclaration, token: string, fallback: string): string {\n  const value: string = styles.getPropertyValue(token).trim();\n  return value === \"\" ? fallback : value;\n}\n\nexport function readChartTheme(element: HTMLElement): ChartTheme {\n  const styles: CSSStyleDeclaration = window.getComputedStyle(element);\n  return {\n    seriesColors: CHART_SERIES_COLOR_TOKENS.map((token: string) =>\n      resolveToken(styles, token, \"#4b5563\"),\n    ),\n    // A escala de borda deste tema vai do claro para o escuro: `tertiary` é a mais escura,\n    // não a mais suave. A grade fica na `default` para ficar atrás do dado, e o eixo na\n    // `secondary` para se separar da grade sem competir com as linhas.\n    axisLineColor: resolveToken(styles, \"--sds-color-border-default-secondary\", \"#9ca3af\"),\n    splitLineColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#e5e7eb\"),\n    labelColor: resolveToken(styles, \"--sds-color-text-default-secondary\", \"#6b7280\"),\n    tooltipBackgroundColor: resolveToken(\n      styles,\n      \"--sds-color-background-default-default\",\n      \"#ffffff\",\n    ),\n    tooltipBorderColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#d1d5db\"),\n    fontFamily: resolveToken(styles, \"--sds-typography-body-font-family\", \"inherit\"),\n  };\n}\n"],"names":["resolveColorToken","element","token","value","resolveToken","styles","fallback","readChartTheme","CHART_SERIES_COLOR_TOKENS"],"mappings":";AAeO,SAASA,EAAkBC,GAAsBC,GAAmC;AACzF,QAAMC,IAAgB,OAAO,iBAAiBF,CAAO,EAAE,iBAAiBC,CAAK,EAAE,KAAA;AAC/E,SAAOC,MAAU,KAAK,SAAYA;AACpC;AAEA,SAASC,EAAaC,GAA6BH,GAAeI,GAA0B;AAC1F,QAAMH,IAAgBE,EAAO,iBAAiBH,CAAK,EAAE,KAAA;AACrD,SAAOC,MAAU,KAAKG,IAAWH;AACnC;AAEO,SAASI,EAAeN,GAAkC;AAC/D,QAAMI,IAA8B,OAAO,iBAAiBJ,CAAO;AACnE,SAAO;AAAA,IACL,cAAcO,EAA0B;AAAA,MAAI,CAACN,MAC3CE,EAAaC,GAAQH,GAAO,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKvC,eAAeE,EAAaC,GAAQ,wCAAwC,SAAS;AAAA,IACrF,gBAAgBD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IACpF,YAAYD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IAChF,wBAAwBD;AAAA,MACtBC;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,oBAAoBD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IACxF,YAAYD,EAAaC,GAAQ,qCAAqC,SAAS;AAAA,EAAA;AAEnF;"}
+{"version":3,"file":"chart-theme.js","sources":["../../../../../src/ui/components/charts/chart-theme.ts"],"sourcesContent":["import { CHART_SERIES_COLOR_TOKENS, CHART_NEUTRAL_COLOR_TOKEN as NEUTRAL_COLOR_TOKEN } from \"./chart-palette\";\n\nexport interface ChartTheme {\n  seriesColors: string[];\n  neutralColor: string;\n  axisLineColor: string;\n  splitLineColor: string;\n  labelColor: string;\n  tooltipBackgroundColor: string;\n  tooltipBorderColor: string;\n  fontFamily: string;\n}\n\n// O renderizador canvas não entende `var(--token)`, então a cor precisa chegar resolvida. A\n// resolução é contra o elemento hospedeiro para que tema aplicado em escopo menor que `:root`\n// continue valendo.\nexport function resolveColorToken(element: HTMLElement, token: string): string | undefined {\n  const value: string = window.getComputedStyle(element).getPropertyValue(token).trim();\n  return value === \"\" ? undefined : value;\n}\n\nfunction resolveToken(styles: CSSStyleDeclaration, token: string, fallback: string): string {\n  const value: string = styles.getPropertyValue(token).trim();\n  return value === \"\" ? fallback : value;\n}\n\nexport function readChartTheme(element: HTMLElement): ChartTheme {\n  const styles: CSSStyleDeclaration = window.getComputedStyle(element);\n  return {\n    seriesColors: CHART_SERIES_COLOR_TOKENS.map((token: string) =>\n      resolveToken(styles, token, \"#4b5563\"),\n    ),\n    neutralColor: resolveToken(styles, NEUTRAL_COLOR_TOKEN, \"#9ca3af\"),\n    // A escala de borda deste tema vai do claro para o escuro: `tertiary` é a mais escura,\n    // não a mais suave. A grade fica na `default` para ficar atrás do dado, e o eixo na\n    // `secondary` para se separar da grade sem competir com as linhas.\n    axisLineColor: resolveToken(styles, \"--sds-color-border-default-secondary\", \"#9ca3af\"),\n    splitLineColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#e5e7eb\"),\n    labelColor: resolveToken(styles, \"--sds-color-text-default-secondary\", \"#6b7280\"),\n    tooltipBackgroundColor: resolveToken(\n      styles,\n      \"--sds-color-background-default-default\",\n      \"#ffffff\",\n    ),\n    tooltipBorderColor: resolveToken(styles, \"--sds-color-border-default-default\", \"#d1d5db\"),\n    fontFamily: resolveToken(styles, \"--sds-typography-body-font-family\", \"inherit\"),\n  };\n}\n"],"names":["resolveColorToken","element","token","value","resolveToken","styles","fallback","readChartTheme","CHART_SERIES_COLOR_TOKENS","NEUTRAL_COLOR_TOKEN"],"mappings":";AAgBO,SAASA,EAAkBC,GAAsBC,GAAmC;AACzF,QAAMC,IAAgB,OAAO,iBAAiBF,CAAO,EAAE,iBAAiBC,CAAK,EAAE,KAAA;AAC/E,SAAOC,MAAU,KAAK,SAAYA;AACpC;AAEA,SAASC,EAAaC,GAA6BH,GAAeI,GAA0B;AAC1F,QAAMH,IAAgBE,EAAO,iBAAiBH,CAAK,EAAE,KAAA;AACrD,SAAOC,MAAU,KAAKG,IAAWH;AACnC;AAEO,SAASI,EAAeN,GAAkC;AAC/D,QAAMI,IAA8B,OAAO,iBAAiBJ,CAAO;AACnE,SAAO;AAAA,IACL,cAAcO,EAA0B;AAAA,MAAI,CAACN,MAC3CE,EAAaC,GAAQH,GAAO,SAAS;AAAA,IAAA;AAAA,IAEvC,cAAcE,EAAaC,GAAQI,GAAqB,SAAS;AAAA;AAAA;AAAA;AAAA,IAIjE,eAAeL,EAAaC,GAAQ,wCAAwC,SAAS;AAAA,IACrF,gBAAgBD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IACpF,YAAYD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IAChF,wBAAwBD;AAAA,MACtBC;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,oBAAoBD,EAAaC,GAAQ,sCAAsC,SAAS;AAAA,IACxF,YAAYD,EAAaC,GAAQ,qCAAqC,SAAS;AAAA,EAAA;AAEnF;"}

package/dist/lib/ui/components/charts/echarts-modules.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("echarts/charts"),n=require("echarts/components"),a=require("echarts/core"),i=require("echarts/renderers");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=u(a);function l(){s.use([c.LineChart,c.BarChart,n.GridComponent,n.TooltipComponent,n.LegendComponent,i.CanvasRenderer])}exports.echarts=s;exports.registerEchartsModules=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("echarts/charts"),o=require("echarts/components"),a=require("echarts/core"),u=require("echarts/renderers");function i(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=i(a);function l(){c.use([r.LineChart,r.BarChart,r.PieChart,r.SunburstChart,o.GridComponent,o.TooltipComponent,o.LegendComponent,u.CanvasRenderer])}exports.echarts=c;exports.registerEchartsModules=l;
 //# sourceMappingURL=echarts-modules.cjs.map

package/dist/lib/ui/components/charts/echarts-modules.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"echarts-modules.cjs","sources":["../../../../../src/ui/components/charts/echarts-modules.ts"],"sourcesContent":["import { BarChart, LineChart } from \"echarts/charts\";\nimport { GridComponent, LegendComponent, TooltipComponent } from \"echarts/components\";\nimport * as echarts from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\n\n// Precisa ser função, e não efeito de módulo: no topo do arquivo o rollup apaga a chamada ao\n// empacotar a lib (retorno não usado = código morto), e o consumidor recebe os imports sem\n// registro nenhum, quebrando em runtime com \"series.type: line not exists\".\nexport function registerEchartsModules(): void {\n  echarts.use([\n    LineChart,\n    BarChart,\n    GridComponent,\n    TooltipComponent,\n    LegendComponent,\n    CanvasRenderer,\n  ]);\n}\n\nexport { echarts };\n"],"names":["registerEchartsModules","echarts","LineChart","BarChart","GridComponent","TooltipComponent","LegendComponent","CanvasRenderer"],"mappings":"qeAQO,SAASA,GAA+B,CAC7CC,EAAQ,IAAI,CACVC,EAAAA,UACAC,EAAAA,SACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,gBACAC,EAAAA,cAAA,CACD,CACH"}
+{"version":3,"file":"echarts-modules.cjs","sources":["../../../../../src/ui/components/charts/echarts-modules.ts"],"sourcesContent":["import { BarChart, LineChart, PieChart, SunburstChart } from \"echarts/charts\";\nimport { GridComponent, LegendComponent, TooltipComponent } from \"echarts/components\";\nimport * as echarts from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\n\n// Precisa ser função, e não efeito de módulo: no topo do arquivo o rollup apaga a chamada ao\n// empacotar a lib (retorno não usado = código morto), e o consumidor recebe os imports sem\n// registro nenhum, quebrando em runtime com \"series.type: line not exists\".\nexport function registerEchartsModules(): void {\n  echarts.use([\n    LineChart,\n    BarChart,\n    PieChart,\n    SunburstChart,\n    GridComponent,\n    TooltipComponent,\n    LegendComponent,\n    CanvasRenderer,\n  ]);\n}\n\nexport { echarts };\n"],"names":["registerEchartsModules","echarts","LineChart","BarChart","PieChart","SunburstChart","GridComponent","TooltipComponent","LegendComponent","CanvasRenderer"],"mappings":"qeAQO,SAASA,GAA+B,CAC7CC,EAAQ,IAAI,CACVC,EAAAA,UACAC,EAAAA,SACAC,EAAAA,SACAC,EAAAA,cACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,gBACAC,EAAAA,cAAA,CACD,CACH"}

package/dist/lib/ui/components/charts/echarts-modules.js

@@ -1,19 +1,21 @@
-import { LineChart as o, BarChart as r } from "echarts/charts";
-import { GridComponent as e, TooltipComponent as t, LegendComponent as n } from "echarts/components";
-import * as m from "echarts/core";
+import { LineChart as r, BarChart as o, PieChart as t, SunburstChart as e } from "echarts/charts";
+import { GridComponent as n, TooltipComponent as m, LegendComponent as a } from "echarts/components";
+import * as i from "echarts/core";
 import { CanvasRenderer as p } from "echarts/renderers";
-function C() {
-  m.use([
-    o,
+function f() {
+  i.use([
     r,
-    e,
+    o,
     t,
+    e,
     n,
+    m,
+    a,
     p
   ]);
 }
 export {
-  m as echarts,
-  C as registerEchartsModules
+  i as echarts,
+  f as registerEchartsModules
 };
 //# sourceMappingURL=echarts-modules.js.map

package/dist/lib/ui/components/charts/echarts-modules.js.map

@@ -1 +1 @@
-{"version":3,"file":"echarts-modules.js","sources":["../../../../../src/ui/components/charts/echarts-modules.ts"],"sourcesContent":["import { BarChart, LineChart } from \"echarts/charts\";\nimport { GridComponent, LegendComponent, TooltipComponent } from \"echarts/components\";\nimport * as echarts from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\n\n// Precisa ser função, e não efeito de módulo: no topo do arquivo o rollup apaga a chamada ao\n// empacotar a lib (retorno não usado = código morto), e o consumidor recebe os imports sem\n// registro nenhum, quebrando em runtime com \"series.type: line not exists\".\nexport function registerEchartsModules(): void {\n  echarts.use([\n    LineChart,\n    BarChart,\n    GridComponent,\n    TooltipComponent,\n    LegendComponent,\n    CanvasRenderer,\n  ]);\n}\n\nexport { echarts };\n"],"names":["registerEchartsModules","echarts","LineChart","BarChart","GridComponent","TooltipComponent","LegendComponent","CanvasRenderer"],"mappings":";;;;AAQO,SAASA,IAA+B;AAC7C,EAAAC,EAAQ,IAAI;AAAA,IACVC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"echarts-modules.js","sources":["../../../../../src/ui/components/charts/echarts-modules.ts"],"sourcesContent":["import { BarChart, LineChart, PieChart, SunburstChart } from \"echarts/charts\";\nimport { GridComponent, LegendComponent, TooltipComponent } from \"echarts/components\";\nimport * as echarts from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\n\n// Precisa ser função, e não efeito de módulo: no topo do arquivo o rollup apaga a chamada ao\n// empacotar a lib (retorno não usado = código morto), e o consumidor recebe os imports sem\n// registro nenhum, quebrando em runtime com \"series.type: line not exists\".\nexport function registerEchartsModules(): void {\n  echarts.use([\n    LineChart,\n    BarChart,\n    PieChart,\n    SunburstChart,\n    GridComponent,\n    TooltipComponent,\n    LegendComponent,\n    CanvasRenderer,\n  ]);\n}\n\nexport { echarts };\n"],"names":["registerEchartsModules","echarts","LineChart","BarChart","PieChart","SunburstChart","GridComponent","TooltipComponent","LegendComponent","CanvasRenderer"],"mappings":";;;;AAQO,SAASA,IAA+B;AAC7C,EAAAC,EAAQ,IAAI;AAAA,IACVC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AACH;"}

package/dist/lib/ui/primitives/Accordion/Accordion.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../vendor/clsx/dist/clsx.cjs"),c=require("react-aria-components");;/* empty css                */const l=require("../../icons/IconChevronDown.cjs");function d({className:s,...i}){const o=r.clsx(s,"sds-accordion");return e.jsx(c.DisclosureGroup,{className:o,...i})}function m({className:s,title:i,isExpanded:o,isDisabled:u,children:n,...t}){const a=r.clsx(s,"accordion-item");return e.jsxs(c.Disclosure,{className:a,...t,children:[e.jsx(c.Heading,{className:"accordion-item-title",children:e.jsxs(c.Button,{slot:"trigger",children:[i,e.jsx("span",{role:"img","aria-hidden":"true","aria-label":"accordion item indicator",className:"accordion-item-indicator",children:e.jsx(l.IconChevronDown,{size:"20"})})]})}),e.jsx(c.DisclosurePanel,{className:"accordion-item-content",children:e.jsx(e.Fragment,{children:n})})]})}exports.Accordion=d;exports.AccordionItem=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../vendor/clsx/dist/clsx.cjs"),s=require("react-aria-components");;/* empty css                */const d=require("../../icons/IconChevronDown.cjs");function m({className:i,...n}){const c=r.clsx(i,"sds-accordion");return e.jsx(s.DisclosureGroup,{className:c,...n})}function u({className:i,title:n,subtitle:c,badge:o,isExpanded:x,isDisabled:j,children:a,...t}){const l=r.clsx(i,"accordion-item");return e.jsxs(s.Disclosure,{className:l,...t,children:[e.jsx(s.Heading,{className:"accordion-item-title",children:e.jsxs(s.Button,{slot:"trigger",children:[e.jsxs("span",{className:"accordion-item-titles",children:[e.jsx("span",{className:"accordion-item-title-text",children:n}),c&&e.jsx("span",{className:"accordion-item-subtitle",children:c})]}),o&&e.jsx("span",{className:"accordion-item-badge",children:o}),e.jsx("span",{role:"img","aria-hidden":"true","aria-label":"accordion item indicator",className:"accordion-item-indicator",children:e.jsx(d.IconChevronDown,{size:"20"})})]})}),e.jsx(s.DisclosurePanel,{className:"accordion-item-content",children:e.jsx(e.Fragment,{children:a})})]})}exports.Accordion=m;exports.AccordionItem=u;
 //# sourceMappingURL=Accordion.cjs.map

package/dist/lib/ui/primitives/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../../../src/ui/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconChevronDown } from \"icons\";\nimport {\n  Button,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Heading,\n  type DisclosureGroupProps,\n  type DisclosureProps,\n} from \"react-aria-components\";\nimport \"./accordion.css\";\n\nexport type AccordionProps = DisclosureGroupProps;\nexport function Accordion({ className, ...props }: AccordionProps) {\n  const classNames = clsx(className, \"sds-accordion\");\n  return <DisclosureGroup className={classNames} {...props} />;\n}\n\nexport type AccordionItemProps = DisclosureProps & { title: string };\nexport function AccordionItem({\n  className,\n  title,\n  isExpanded,\n  isDisabled,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const classNames = clsx(className, \"accordion-item\");\n  return (\n    <Disclosure className={classNames} {...props}>\n      <Heading className=\"accordion-item-title\">\n        <Button slot=\"trigger\">\n          {title}\n          <span\n            role=\"img\"\n            aria-hidden=\"true\"\n            aria-label=\"accordion item indicator\"\n            className=\"accordion-item-indicator\"\n          >\n            <IconChevronDown size=\"20\" />\n          </span>\n        </Button>\n      </Heading>\n      <DisclosurePanel className=\"accordion-item-content\">\n        <>{children}</>\n      </DisclosurePanel>\n    </Disclosure>\n  );\n}\n"],"names":["Accordion","className","props","classNames","clsx","jsx","DisclosureGroup","AccordionItem","title","isExpanded","isDisabled","children","jsxs","Disclosure","Heading","Button","IconChevronDown","DisclosurePanel","Fragment"],"mappings":"0RAcO,SAASA,EAAU,CAAE,UAAAC,EAAW,GAAGC,GAAyB,CACjE,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,eAAe,EAClD,OAAOI,EAAAA,IAACC,EAAAA,gBAAA,CAAgB,UAAWH,EAAa,GAAGD,EAAO,CAC5D,CAGO,SAASK,EAAc,CAC5B,UAAAN,EACA,MAAAO,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGT,CACL,EAAuB,CACrB,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,gBAAgB,EACnD,OACEW,EAAAA,KAACC,EAAAA,WAAA,CAAW,UAAWV,EAAa,GAAGD,EACrC,SAAA,CAAAG,EAAAA,IAACS,EAAAA,SAAQ,UAAU,uBACjB,SAAAF,EAAAA,KAACG,SAAA,CAAO,KAAK,UACV,SAAA,CAAAP,EACDH,EAAAA,IAAC,OAAA,CACC,KAAK,MACL,cAAY,OACZ,aAAW,2BACX,UAAU,2BAEV,SAAAA,EAAAA,IAACW,EAAAA,gBAAA,CAAgB,KAAK,IAAA,CAAK,CAAA,CAAA,CAC7B,CAAA,CACF,CAAA,CACF,QACCC,EAAAA,gBAAA,CAAgB,UAAU,yBACzB,SAAAZ,EAAAA,IAAAa,EAAAA,SAAA,CAAG,SAAAP,EAAS,CAAA,CACd,CAAA,EACF,CAEJ"}
+{"version":3,"file":"Accordion.cjs","sources":["../../../../../src/ui/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconChevronDown } from \"icons\";\nimport type { ReactNode } from \"react\";\nimport {\n  Button,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Heading,\n  type DisclosureGroupProps,\n  type DisclosureProps,\n} from \"react-aria-components\";\nimport \"./accordion.css\";\n\nexport type AccordionProps = DisclosureGroupProps;\nexport function Accordion({ className, ...props }: AccordionProps) {\n  const classNames = clsx(className, \"sds-accordion\");\n  return <DisclosureGroup className={classNames} {...props} />;\n}\n\nexport type AccordionItemProps = DisclosureProps & {\n  title: string;\n  subtitle?: ReactNode;\n  badge?: ReactNode;\n};\nexport function AccordionItem({\n  className,\n  title,\n  subtitle,\n  badge,\n  isExpanded,\n  isDisabled,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const classNames = clsx(className, \"accordion-item\");\n  return (\n    <Disclosure className={classNames} {...props}>\n      <Heading className=\"accordion-item-title\">\n        <Button slot=\"trigger\">\n          <span className=\"accordion-item-titles\">\n            <span className=\"accordion-item-title-text\">{title}</span>\n            {subtitle && (\n              <span className=\"accordion-item-subtitle\">{subtitle}</span>\n            )}\n          </span>\n          {badge && <span className=\"accordion-item-badge\">{badge}</span>}\n          <span\n            role=\"img\"\n            aria-hidden=\"true\"\n            aria-label=\"accordion item indicator\"\n            className=\"accordion-item-indicator\"\n          >\n            <IconChevronDown size=\"20\" />\n          </span>\n        </Button>\n      </Heading>\n      <DisclosurePanel className=\"accordion-item-content\">\n        <>{children}</>\n      </DisclosurePanel>\n    </Disclosure>\n  );\n}\n"],"names":["Accordion","className","props","classNames","clsx","jsx","DisclosureGroup","AccordionItem","title","subtitle","badge","isExpanded","isDisabled","children","jsxs","Disclosure","Heading","Button","IconChevronDown","DisclosurePanel","Fragment"],"mappings":"0RAeO,SAASA,EAAU,CAAE,UAAAC,EAAW,GAAGC,GAAyB,CACjE,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,eAAe,EAClD,OAAOI,EAAAA,IAACC,EAAAA,gBAAA,CAAgB,UAAWH,EAAa,GAAGD,EAAO,CAC5D,CAOO,SAASK,EAAc,CAC5B,UAAAN,EACA,MAAAO,EACA,SAAAC,EACA,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGX,CACL,EAAuB,CACrB,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,gBAAgB,EACnD,OACEa,EAAAA,KAACC,EAAAA,WAAA,CAAW,UAAWZ,EAAa,GAAGD,EACrC,SAAA,CAAAG,EAAAA,IAACW,EAAAA,SAAQ,UAAU,uBACjB,SAAAF,EAAAA,KAACG,SAAA,CAAO,KAAK,UACX,SAAA,CAAAH,EAAAA,KAAC,OAAA,CAAK,UAAU,wBACd,SAAA,CAAAT,EAAAA,IAAC,OAAA,CAAK,UAAU,4BAA6B,SAAAG,EAAM,EAClDC,GACCJ,EAAAA,IAAC,OAAA,CAAK,UAAU,0BAA2B,SAAAI,CAAA,CAAS,CAAA,EAExD,EACCC,GAASL,EAAAA,IAAC,OAAA,CAAK,UAAU,uBAAwB,SAAAK,EAAM,EACxDL,EAAAA,IAAC,OAAA,CACC,KAAK,MACL,cAAY,OACZ,aAAW,2BACX,UAAU,2BAEV,SAAAA,EAAAA,IAACa,EAAAA,gBAAA,CAAgB,KAAK,IAAA,CAAK,CAAA,CAAA,CAC7B,CAAA,CACF,CAAA,CACF,QACCC,EAAAA,gBAAA,CAAgB,UAAU,yBACzB,SAAAd,EAAAA,IAAAe,EAAAA,SAAA,CAAG,SAAAP,EAAS,CAAA,CACd,CAAA,EACF,CAEJ"}

package/dist/lib/ui/primitives/Accordion/Accordion.js

@@ -1,24 +1,30 @@
-import { jsx as i, jsxs as e, Fragment as m } from "react/jsx-runtime";
+import { jsx as i, jsxs as a, Fragment as m } from "react/jsx-runtime";
 import { clsx as s } from "../../../vendor/clsx/dist/clsx.js";
-import { DisclosureGroup as l, Disclosure as d, Heading as u, Button as p, DisclosurePanel as h } from "react-aria-components";
+import { DisclosureGroup as d, Disclosure as p, Heading as h, Button as N, DisclosurePanel as u } from "react-aria-components";
 /* empty css              */
-import { IconChevronDown as N } from "../../icons/IconChevronDown.js";
-function A({ className: o, ...r }) {
-  const c = s(o, "sds-accordion");
-  return /* @__PURE__ */ i(l, { className: c, ...r });
+import { IconChevronDown as f } from "../../icons/IconChevronDown.js";
+function v({ className: e, ...o }) {
+  const c = s(e, "sds-accordion");
+  return /* @__PURE__ */ i(d, { className: c, ...o });
 }
-function I({
-  className: o,
-  title: r,
-  isExpanded: c,
-  isDisabled: f,
+function w({
+  className: e,
+  title: o,
+  subtitle: c,
+  badge: r,
+  isExpanded: x,
+  isDisabled: g,
   children: n,
-  ...a
+  ...t
 }) {
-  const t = s(o, "accordion-item");
-  return /* @__PURE__ */ e(d, { className: t, ...a, children: [
-    /* @__PURE__ */ i(u, { className: "accordion-item-title", children: /* @__PURE__ */ e(p, { slot: "trigger", children: [
-      r,
+  const l = s(e, "accordion-item");
+  return /* @__PURE__ */ a(p, { className: l, ...t, children: [
+    /* @__PURE__ */ i(h, { className: "accordion-item-title", children: /* @__PURE__ */ a(N, { slot: "trigger", children: [
+      /* @__PURE__ */ a("span", { className: "accordion-item-titles", children: [
+        /* @__PURE__ */ i("span", { className: "accordion-item-title-text", children: o }),
+        c && /* @__PURE__ */ i("span", { className: "accordion-item-subtitle", children: c })
+      ] }),
+      r && /* @__PURE__ */ i("span", { className: "accordion-item-badge", children: r }),
       /* @__PURE__ */ i(
         "span",
         {
@@ -26,15 +32,15 @@ function I({
           "aria-hidden": "true",
           "aria-label": "accordion item indicator",
           className: "accordion-item-indicator",
-          children: /* @__PURE__ */ i(N, { size: "20" })
+          children: /* @__PURE__ */ i(f, { size: "20" })
         }
       )
     ] }) }),
-    /* @__PURE__ */ i(h, { className: "accordion-item-content", children: /* @__PURE__ */ i(m, { children: n }) })
+    /* @__PURE__ */ i(u, { className: "accordion-item-content", children: /* @__PURE__ */ i(m, { children: n }) })
   ] });
 }
 export {
-  A as Accordion,
-  I as AccordionItem
+  v as Accordion,
+  w as AccordionItem
 };
 //# sourceMappingURL=Accordion.js.map

package/dist/lib/ui/primitives/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../src/ui/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconChevronDown } from \"icons\";\nimport {\n  Button,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Heading,\n  type DisclosureGroupProps,\n  type DisclosureProps,\n} from \"react-aria-components\";\nimport \"./accordion.css\";\n\nexport type AccordionProps = DisclosureGroupProps;\nexport function Accordion({ className, ...props }: AccordionProps) {\n  const classNames = clsx(className, \"sds-accordion\");\n  return <DisclosureGroup className={classNames} {...props} />;\n}\n\nexport type AccordionItemProps = DisclosureProps & { title: string };\nexport function AccordionItem({\n  className,\n  title,\n  isExpanded,\n  isDisabled,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const classNames = clsx(className, \"accordion-item\");\n  return (\n    <Disclosure className={classNames} {...props}>\n      <Heading className=\"accordion-item-title\">\n        <Button slot=\"trigger\">\n          {title}\n          <span\n            role=\"img\"\n            aria-hidden=\"true\"\n            aria-label=\"accordion item indicator\"\n            className=\"accordion-item-indicator\"\n          >\n            <IconChevronDown size=\"20\" />\n          </span>\n        </Button>\n      </Heading>\n      <DisclosurePanel className=\"accordion-item-content\">\n        <>{children}</>\n      </DisclosurePanel>\n    </Disclosure>\n  );\n}\n"],"names":["Accordion","className","props","classNames","clsx","jsx","DisclosureGroup","AccordionItem","title","isExpanded","isDisabled","children","jsxs","Disclosure","Heading","Button","IconChevronDown","DisclosurePanel","Fragment"],"mappings":";;;;;AAcO,SAASA,EAAU,EAAE,WAAAC,GAAW,GAAGC,KAAyB;AACjE,QAAMC,IAAaC,EAAKH,GAAW,eAAe;AAClD,SAAO,gBAAAI,EAACC,GAAA,EAAgB,WAAWH,GAAa,GAAGD,GAAO;AAC5D;AAGO,SAASK,EAAc;AAAA,EAC5B,WAAAN;AAAA,EACA,OAAAO;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGT;AACL,GAAuB;AACrB,QAAMC,IAAaC,EAAKH,GAAW,gBAAgB;AACnD,SACE,gBAAAW,EAACC,GAAA,EAAW,WAAWV,GAAa,GAAGD,GACrC,UAAA;AAAA,IAAA,gBAAAG,EAACS,KAAQ,WAAU,wBACjB,UAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,WACV,UAAA;AAAA,MAAAP;AAAA,MACD,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,cAAW;AAAA,UACX,WAAU;AAAA,UAEV,UAAA,gBAAAA,EAACW,GAAA,EAAgB,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7B,EAAA,CACF,EAAA,CACF;AAAA,sBACCC,GAAA,EAAgB,WAAU,0BACzB,UAAA,gBAAAZ,EAAAa,GAAA,EAAG,UAAAP,GAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Accordion.js","sources":["../../../../../src/ui/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconChevronDown } from \"icons\";\nimport type { ReactNode } from \"react\";\nimport {\n  Button,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Heading,\n  type DisclosureGroupProps,\n  type DisclosureProps,\n} from \"react-aria-components\";\nimport \"./accordion.css\";\n\nexport type AccordionProps = DisclosureGroupProps;\nexport function Accordion({ className, ...props }: AccordionProps) {\n  const classNames = clsx(className, \"sds-accordion\");\n  return <DisclosureGroup className={classNames} {...props} />;\n}\n\nexport type AccordionItemProps = DisclosureProps & {\n  title: string;\n  subtitle?: ReactNode;\n  badge?: ReactNode;\n};\nexport function AccordionItem({\n  className,\n  title,\n  subtitle,\n  badge,\n  isExpanded,\n  isDisabled,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const classNames = clsx(className, \"accordion-item\");\n  return (\n    <Disclosure className={classNames} {...props}>\n      <Heading className=\"accordion-item-title\">\n        <Button slot=\"trigger\">\n          <span className=\"accordion-item-titles\">\n            <span className=\"accordion-item-title-text\">{title}</span>\n            {subtitle && (\n              <span className=\"accordion-item-subtitle\">{subtitle}</span>\n            )}\n          </span>\n          {badge && <span className=\"accordion-item-badge\">{badge}</span>}\n          <span\n            role=\"img\"\n            aria-hidden=\"true\"\n            aria-label=\"accordion item indicator\"\n            className=\"accordion-item-indicator\"\n          >\n            <IconChevronDown size=\"20\" />\n          </span>\n        </Button>\n      </Heading>\n      <DisclosurePanel className=\"accordion-item-content\">\n        <>{children}</>\n      </DisclosurePanel>\n    </Disclosure>\n  );\n}\n"],"names":["Accordion","className","props","classNames","clsx","jsx","DisclosureGroup","AccordionItem","title","subtitle","badge","isExpanded","isDisabled","children","jsxs","Disclosure","Heading","Button","IconChevronDown","DisclosurePanel","Fragment"],"mappings":";;;;;AAeO,SAASA,EAAU,EAAE,WAAAC,GAAW,GAAGC,KAAyB;AACjE,QAAMC,IAAaC,EAAKH,GAAW,eAAe;AAClD,SAAO,gBAAAI,EAACC,GAAA,EAAgB,WAAWH,GAAa,GAAGD,GAAO;AAC5D;AAOO,SAASK,EAAc;AAAA,EAC5B,WAAAN;AAAA,EACA,OAAAO;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGX;AACL,GAAuB;AACrB,QAAMC,IAAaC,EAAKH,GAAW,gBAAgB;AACnD,SACE,gBAAAa,EAACC,GAAA,EAAW,WAAWZ,GAAa,GAAGD,GACrC,UAAA;AAAA,IAAA,gBAAAG,EAACW,KAAQ,WAAU,wBACjB,UAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,WACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,yBACd,UAAA;AAAA,QAAA,gBAAAT,EAAC,QAAA,EAAK,WAAU,6BAA6B,UAAAG,GAAM;AAAA,QAClDC,KACC,gBAAAJ,EAAC,QAAA,EAAK,WAAU,2BAA2B,UAAAI,EAAA,CAAS;AAAA,MAAA,GAExD;AAAA,MACCC,KAAS,gBAAAL,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAK,GAAM;AAAA,MACxD,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,cAAW;AAAA,UACX,WAAU;AAAA,UAEV,UAAA,gBAAAA,EAACa,GAAA,EAAgB,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7B,EAAA,CACF,EAAA,CACF;AAAA,sBACCC,GAAA,EAAgB,WAAU,0BACzB,UAAA,gBAAAd,EAAAe,GAAA,EAAG,UAAAP,GAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

package/dist/types/charts.index.d.ts

@@ -2,4 +2,5 @@ export * from "./ui/components/charts/BarChart/BarChart";
 export * from "./ui/components/charts/chart-palette";
 export * from "./ui/components/charts/ChartColorPicker/ChartColorPicker";
 export * from "./ui/components/charts/ChartLegend/ChartLegend";
+export * from "./ui/components/charts/PieChart/PieChart";
 export * from "./ui/components/charts/TimeSeriesChart/TimeSeriesChart";

package/dist/types/ui/components/DataTable/DataTable.d.ts

@@ -1,12 +1,17 @@
 import type { ReactNode } from "react";
-import type { Selection } from "react-aria-components";
+import type { Selection, SortDescriptor } from "react-aria-components";
 import "./datatable.css";
 export interface Column<T> {
     key: keyof T | string;
     label: string;
     align?: "start" | "center" | "right";
     render?: (item: T) => ReactNode;
+    /** When true, the header becomes clickable and the rows can be sorted by this column. */
+    sortable?: boolean;
+    /** Value used to sort this column. Defaults to `item[key]`. */
+    sortValue?: (item: T) => SortableValue;
 }
+type SortableValue = string | number | Date | null | undefined;
 export interface RowActionDef<T> {
     /** Unique key for this action. */
     key: string;
@@ -44,9 +49,16 @@ export interface DataTableProps<T extends {
      * renders a round control instead of a checkbox.
      */
     selectionType?: "checkbox" | "radio";
+    /** When true, draws vertical lines between columns. Off by default. */
+    grid?: boolean;
     /** Controlled selection state. Omit to let the table manage its own selection internally. */
     selectedKeys?: Selection;
     onSelectionChange?: (keys: Selection) => void;
+    /** Initial sort when the table manages its own sorting. Only columns with `sortable` can be sorted. */
+    defaultSortDescriptor?: SortDescriptor;
+    /** Controlled sort state. Omit to let the table manage its own sorting internally. */
+    sortDescriptor?: SortDescriptor;
+    onSortChange?: (descriptor: SortDescriptor) => void;
     searchPlaceholder?: string;
     searchKeys?: (keyof T)[];
     isLoading?: boolean;
@@ -66,4 +78,5 @@ export interface DataTableProps<T extends {
 }
 export declare function DataTable<T extends {
     id: string;
-}>({ columns, data, actions, rowActions, rowActionsLabel, selectable, selectionType, selectedKeys, onSelectionChange, searchPlaceholder, searchKeys, isLoading, loadingMessage, emptyMessage, previousLabel, nextLabel, pageSize, nestedColumns, getNestedData, nestedLoadingMessage, nestedEmptyMessage, nestedSearchKeys, nestedSearchPlaceholder, nestedActions, nestedPageSize, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+}>({ columns, data, actions, rowActions, rowActionsLabel, selectable, selectionType, grid, selectedKeys, onSelectionChange, defaultSortDescriptor, sortDescriptor: controlledSortDescriptor, onSortChange, searchPlaceholder, searchKeys, isLoading, loadingMessage, emptyMessage, previousLabel, nextLabel, pageSize, nestedColumns, getNestedData, nestedLoadingMessage, nestedEmptyMessage, nestedSearchKeys, nestedSearchPlaceholder, nestedActions, nestedPageSize, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/ui/components/charts/ChartLegend/ChartLegend.d.ts

@@ -6,6 +6,7 @@ export interface ChartLegendItem {
     name: string;
     color: string;
     isHidden: boolean;
+    detail?: string;
 }
 export interface ChartLegendLabels extends ChartColorPickerLabels {
     toggleSeries: (seriesName: string) => string;

package/dist/types/ui/components/charts/PieChart/PieChart.d.ts

@@ -0,0 +1,32 @@
+import { type ComponentPropsWithoutRef } from "react";
+import { type ChartLegendLabels } from "../ChartLegend/ChartLegend";
+import { type PieChartLabelContent, type PieChartShape } from "./pie-chart-option";
+import { type PieChartNode } from "./pie-chart-slices";
+import "./pie-chart.css";
+export type { PieChartNode } from "./pie-chart-slices";
+export type { PieChartLabelContent, PieChartShape } from "./pie-chart-option";
+export type PieChartLegendMode = "inline" | "none";
+export type PieChartLegendPosition = "bottom" | "right" | "top" | "left";
+export type PieChartLegendValue = "percent" | "value";
+export type PieChartShowTotal = "auto" | "on" | "off";
+export interface PieChartLabels {
+    others: string;
+    total: string;
+    backToPrevious: (categoryName: string) => string;
+}
+export type PieChartProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & {
+    data: PieChartNode[];
+    shape?: PieChartShape;
+    labelContent?: PieChartLabelContent[];
+    showTotal?: PieChartShowTotal;
+    total?: number;
+    valueFormatter?: (value: number) => string;
+    legend?: PieChartLegendMode;
+    legendPosition?: PieChartLegendPosition;
+    legendValues?: PieChartLegendValue[];
+    onSeriesColorChange?: (seriesId: string, colorToken: string | null) => void;
+    onFocusChange?: (focusedNodeId: string | null) => void;
+    legendLabels?: Partial<ChartLegendLabels>;
+    labels?: Partial<PieChartLabels>;
+};
+export declare function PieChart({ data, shape, labelContent, showTotal, total, valueFormatter, legend, legendPosition, legendValues, onSeriesColorChange, onFocusChange, legendLabels, labels, className, ...props }: PieChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/components/charts/PieChart/pie-chart-option.d.ts

@@ -0,0 +1,13 @@
+import type { ChartTheme } from "../chart-theme";
+import type { PieSlice } from "./pie-chart-slices";
+export type PieChartLabelContent = "name" | "percent" | "value";
+export type PieChartShape = "donut" | "pie";
+export interface PieChartOptionInput {
+    slices: PieSlice[];
+    shape: PieChartShape;
+    labelContent: PieChartLabelContent[];
+    theme: ChartTheme;
+    valueFormatter?: (value: number) => string;
+}
+export declare function formatShare(share: number): string;
+export declare function buildPieChartOption(input: PieChartOptionInput): Record<string, unknown>;

package/dist/types/ui/components/charts/PieChart/pie-chart-slices.d.ts

@@ -0,0 +1,30 @@
+export interface PieChartNode {
+    id: string;
+    name: string;
+    value: number | null;
+    colorToken?: string;
+    isOthers?: boolean;
+    children?: PieChartNode[];
+}
+export interface PieSlice {
+    id: string;
+    name: string;
+    value: number;
+    share: number;
+    path: string[];
+    color: string;
+    isOthers: boolean;
+    children: PieSlice[];
+}
+export interface BuildPieSlicesInput {
+    nodes: PieChartNode[];
+    colorsByRootId: Record<string, string>;
+    fallbackColor: string;
+    othersName: string;
+}
+export declare function displayNameOf(node: PieChartNode, othersName: string): string;
+export declare function buildPieSlices(input: BuildPieSlicesInput): PieSlice[];
+export declare function findSlice(slices: PieSlice[], id: string): PieSlice | undefined;
+export declare function findParentSlice(slices: PieSlice[], id: string): PieSlice | undefined;
+export declare function sliceDepth(slices: PieSlice[]): number;
+export declare function totalOf(slices: PieSlice[]): number;

package/dist/types/ui/components/charts/chart-color-tone.d.ts

@@ -0,0 +1 @@
+export declare function lightenColor(color: string, amount: number): string;

package/dist/types/ui/components/charts/chart-label-color.d.ts

@@ -0,0 +1,2 @@
+export declare function parseColorChannels(color: string): [number, number, number] | undefined;
+export declare function labelColorOnFill(fillColor: string): string;

package/dist/types/ui/components/charts/chart-palette.d.ts

@@ -1 +1,2 @@
 export declare const CHART_SERIES_COLOR_TOKENS: string[];
+export declare const CHART_NEUTRAL_COLOR_TOKEN: string;

package/dist/types/ui/components/charts/chart-theme.d.ts

@@ -1,5 +1,6 @@
 export interface ChartTheme {
     seriesColors: string[];
+    neutralColor: string;
     axisLineColor: string;
     splitLineColor: string;
     labelColor: string;

package/dist/types/ui/primitives/Accordion/Accordion.d.ts

@@ -1,8 +1,11 @@
+import type { ReactNode } from "react";
 import { type DisclosureGroupProps, type DisclosureProps } from "react-aria-components";
 import "./accordion.css";
 export type AccordionProps = DisclosureGroupProps;
 export declare function Accordion({ className, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 export type AccordionItemProps = DisclosureProps & {
     title: string;
+    subtitle?: ReactNode;
+    badge?: ReactNode;
 };
-export declare function AccordionItem({ className, title, isExpanded, isDisabled, children, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionItem({ className, title, subtitle, badge, isExpanded, isDisabled, children, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/design-system",
-  "version": "5.8.0",
+  "version": "6.1.0",
   "type": "module",
   "description": "APIPass React Design System",
   "sideEffects": [