@brycks/core-front 0.7.0 → 0.8.0

package/dist/components/data/PieChart/PieChart.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),N=require("react"),M=require("../../../utils/styles.cjs"),C=["var(--brycks-primary-default)","var(--brycks-info-default)","var(--brycks-success-default)","var(--brycks-warning-default)","var(--brycks-error-default)","var(--brycks-foreground-subtle)"],b=100,l=b/2,r=l-1;function p(t,c){const a=(t-90)*Math.PI/180;return{x:l+c*Math.cos(a),y:l+c*Math.sin(a)}}function T(t,c){const a=c-t;if(a>=359.999){const i=p(0,r),o=p(180,r);return[`M ${i.x} ${i.y}`,`A ${r} ${r} 0 1 1 ${o.x} ${o.y}`,`A ${r} ${r} 0 1 1 ${i.x} ${i.y}`].join(" ")}const h=p(t,r),d=p(c,r),u=a>180?1:0;return[`M ${l} ${l}`,`L ${h.x} ${h.y}`,`A ${r} ${r} 0 ${u} 1 ${d.x} ${d.y}`,"Z"].join(" ")}const q=t=>String(t),R=N.forwardRef(function({data:c,size:a=168,thickness:h=22,legend:d="right",centerLabel:u,centerValue:i,valueFormatter:o=q,showShare:P=!0,emptyText:S="Sem dados",className:k,testId:v,...g},j){const{slices:y,total:w}=N.useMemo(()=>{const e=c.filter(n=>n.value>0),_=e.reduce((n,$)=>n+$.value,0);let x=0;return{slices:e.map((n,$)=>{const f=_>0?n.value/_:0,O=x;return x+=f*360,{...n,color:n.color??C[$%C.length],share:f,path:T(O,x)}}),total:_}},[c]),m=h>0,A=m?Math.max(0,r-h/a*b):0,E=y.map(e=>`${e.label}: ${o(e.value)} (${Math.round(e.share*100)}%)`).join(", ");return y.length===0?s.jsx("div",{ref:j,className:M.cx("brycks-pie-chart","brycks-pie-chart--empty",k),"data-testid":v,...g,children:s.jsx("span",{className:"brycks-pie-chart__empty",children:S})}):s.jsxs("div",{ref:j,className:M.cx("brycks-pie-chart",`brycks-pie-chart--legend-${d}`,k),"data-testid":v,...g,children:[s.jsxs("div",{className:"brycks-pie-chart__graphic",style:{width:a,height:a},children:[s.jsxs("svg",{viewBox:`0 0 ${b} ${b}`,className:"brycks-pie-chart__svg",role:"img","aria-label":E,children:[y.map(e=>s.jsx("path",{d:e.path,fill:e.color,className:"brycks-pie-chart__slice"},e.id)),m?s.jsx("circle",{cx:l,cy:l,r:A,className:"brycks-pie-chart__hole"}):null]}),m?s.jsxs("div",{className:"brycks-pie-chart__center","aria-hidden":"true",children:[s.jsx("span",{className:"brycks-pie-chart__center-value",children:i??o(w)}),u?s.jsx("span",{className:"brycks-pie-chart__center-label",children:u}):null]}):null]}),d==="none"?null:s.jsx("ul",{className:"brycks-pie-chart__legend",children:y.map(e=>s.jsxs("li",{className:"brycks-pie-chart__legend-item",children:[s.jsx("span",{className:"brycks-pie-chart__legend-dot",style:{backgroundColor:e.color},"aria-hidden":"true"}),s.jsx("span",{className:"brycks-pie-chart__legend-label",children:e.label}),s.jsx("span",{className:"brycks-pie-chart__legend-value",children:o(e.value)}),P?s.jsxs("span",{className:"brycks-pie-chart__legend-share",children:[Math.round(e.share*100),"%"]}):null]},e.id))})]})});R.displayName="PieChart";exports.PieChart=R;
+//# sourceMappingURL=PieChart.cjs.map

package/dist/components/data/PieChart/PieChart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.cjs","sources":["../../../../src/components/data/PieChart/PieChart.tsx"],"sourcesContent":["/**\n * PieChart Component\n *\n * Distribuição de um total em fatias — pizza ou rosca (donut). Desenhado em SVG\n * puro: sem dependência de runtime, sem canvas, imprimível e nítido em qualquer\n * densidade de tela.\n *\n * Quando usar: partes-de-um-todo mutuamente exclusivas (leads por status,\n * estoque por condição, receita por categoria). Para série temporal ou\n * comparação precisa entre muitas categorias, uma lista/barra lê melhor —\n * a pizza é forte até ~6 fatias.\n *\n * Acessibilidade: o gráfico é `role=\"img\"` com um resumo em `aria-label`, e a\n * legenda repete rótulo + valor + participação como texto real — leitor de tela\n * e daltônico não dependem da cor (cada item tem rótulo e valor).\n *\n * @example\n * <PieChart\n *   data={[\n *     { id: 'new', label: 'Novo', value: 3, color: 'var(--brycks-info-default)' },\n *     { id: 'won', label: 'Convertido', value: 5, color: 'var(--brycks-success-default)' },\n *   ]}\n *   centerLabel=\"Leads\"\n * />\n *\n * @module components/data/PieChart\n */\n\nimport { forwardRef, useMemo, type HTMLAttributes, type ReactNode } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type PieChartLegend = 'right' | 'bottom' | 'none'\n\nexport interface PieSlice {\n  /** Chave estável da fatia */\n  id: string\n  /** Rótulo legível (aparece na legenda e no leitor de tela) */\n  label: string\n  /** Valor absoluto — negativos são ignorados */\n  value: number\n  /** Cor da fatia; use um token (`var(--brycks-*)`). Sem cor, entra na paleta padrão. */\n  color?: string\n}\n\nexport interface PieChartProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  /** Fatias do gráfico */\n  data: PieSlice[]\n  /** Diâmetro do gráfico em px */\n  size?: number\n  /** Espessura do anel em px. `0` = pizza cheia; padrão = rosca */\n  thickness?: number\n  /** Posição da legenda */\n  legend?: PieChartLegend\n  /** Rótulo no centro da rosca (ignorado quando `thickness = 0`) */\n  centerLabel?: ReactNode\n  /** Conteúdo central; por padrão, a soma dos valores */\n  centerValue?: ReactNode\n  /** Formata valores na legenda, no centro e no resumo acessível */\n  valueFormatter?: (value: number) => string\n  /** Exibe a participação percentual de cada fatia na legenda */\n  showShare?: boolean\n  /** Texto quando não há dado positivo */\n  emptyText?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\n/** Paleta de fallback: percorre a rampa semântica antes de repetir. */\nconst DEFAULT_COLORS = [\n  'var(--brycks-primary-default)',\n  'var(--brycks-info-default)',\n  'var(--brycks-success-default)',\n  'var(--brycks-warning-default)',\n  'var(--brycks-error-default)',\n  'var(--brycks-foreground-subtle)',\n]\n\nconst VIEWBOX = 100\nconst CENTER = VIEWBOX / 2\nconst RADIUS = CENTER - 1\n\ninterface ResolvedSlice extends PieSlice {\n  color: string\n  share: number\n  path: string\n}\n\nfunction polarToCartesian(angleInDegrees: number, radius: number) {\n  const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180\n  return {\n    x: CENTER + radius * Math.cos(angleInRadians),\n    y: CENTER + radius * Math.sin(angleInRadians),\n  }\n}\n\n/**\n * Arco de uma fatia. Um arco de 360° tem início e fim no mesmo ponto — o `A` do\n * SVG não desenha nada nesse caso; por isso a fatia única vira dois semiarcos.\n */\nfunction slicePath(startAngle: number, endAngle: number): string {\n  const sweep = endAngle - startAngle\n  if (sweep >= 359.999) {\n    const top = polarToCartesian(0, RADIUS)\n    const bottom = polarToCartesian(180, RADIUS)\n    return [\n      `M ${top.x} ${top.y}`,\n      `A ${RADIUS} ${RADIUS} 0 1 1 ${bottom.x} ${bottom.y}`,\n      `A ${RADIUS} ${RADIUS} 0 1 1 ${top.x} ${top.y}`,\n    ].join(' ')\n  }\n  const start = polarToCartesian(startAngle, RADIUS)\n  const end = polarToCartesian(endAngle, RADIUS)\n  const largeArc = sweep > 180 ? 1 : 0\n  return [\n    `M ${CENTER} ${CENTER}`,\n    `L ${start.x} ${start.y}`,\n    `A ${RADIUS} ${RADIUS} 0 ${largeArc} 1 ${end.x} ${end.y}`,\n    'Z',\n  ].join(' ')\n}\n\nconst defaultFormatter = (value: number) => String(value)\n\nexport const PieChart = forwardRef<HTMLDivElement, PieChartProps>(function PieChart(\n  {\n    data,\n    size = 168,\n    thickness = 22,\n    legend = 'right',\n    centerLabel,\n    centerValue,\n    valueFormatter = defaultFormatter,\n    showShare = true,\n    emptyText = 'Sem dados',\n    className,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const { slices, total } = useMemo(() => {\n    const positive = data.filter((slice) => slice.value > 0)\n    const sum = positive.reduce((acc, slice) => acc + slice.value, 0)\n\n    let cursor = 0\n    const resolved: ResolvedSlice[] = positive.map((slice, index) => {\n      const share = sum > 0 ? slice.value / sum : 0\n      const startAngle = cursor\n      cursor += share * 360\n      return {\n        ...slice,\n        color: slice.color ?? DEFAULT_COLORS[index % DEFAULT_COLORS.length],\n        share,\n        path: slicePath(startAngle, cursor),\n      }\n    })\n\n    return { slices: resolved, total: sum }\n  }, [data])\n\n  const isDonut = thickness > 0\n  /* O furo é um disco da cor da superfície — mantém o SVG num só elemento e\n     evita `mask`, que quebra em impressão e em forced-colors. */\n  const holeRadius = isDonut ? Math.max(0, RADIUS - (thickness / size) * VIEWBOX) : 0\n\n  const summary = slices\n    .map((slice) => `${slice.label}: ${valueFormatter(slice.value)} (${Math.round(slice.share * 100)}%)`)\n    .join(', ')\n\n  if (slices.length === 0) {\n    return (\n      <div\n        ref={ref}\n        className={cx('brycks-pie-chart', 'brycks-pie-chart--empty', className)}\n        data-testid={testId}\n        {...props}\n      >\n        <span className=\"brycks-pie-chart__empty\">{emptyText}</span>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cx('brycks-pie-chart', `brycks-pie-chart--legend-${legend}`, className)}\n      data-testid={testId}\n      {...props}\n    >\n      <div className=\"brycks-pie-chart__graphic\" style={{ width: size, height: size }}>\n        <svg\n          viewBox={`0 0 ${VIEWBOX} ${VIEWBOX}`}\n          className=\"brycks-pie-chart__svg\"\n          role=\"img\"\n          aria-label={summary}\n        >\n          {slices.map((slice) => (\n            <path\n              key={slice.id}\n              d={slice.path}\n              fill={slice.color}\n              className=\"brycks-pie-chart__slice\"\n            />\n          ))}\n          {isDonut ? (\n            <circle cx={CENTER} cy={CENTER} r={holeRadius} className=\"brycks-pie-chart__hole\" />\n          ) : null}\n        </svg>\n\n        {isDonut ? (\n          <div className=\"brycks-pie-chart__center\" aria-hidden=\"true\">\n            <span className=\"brycks-pie-chart__center-value\">\n              {centerValue ?? valueFormatter(total)}\n            </span>\n            {centerLabel ? (\n              <span className=\"brycks-pie-chart__center-label\">{centerLabel}</span>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n\n      {legend === 'none' ? null : (\n        <ul className=\"brycks-pie-chart__legend\">\n          {slices.map((slice) => (\n            <li key={slice.id} className=\"brycks-pie-chart__legend-item\">\n              <span\n                className=\"brycks-pie-chart__legend-dot\"\n                style={{ backgroundColor: slice.color }}\n                aria-hidden=\"true\"\n              />\n              <span className=\"brycks-pie-chart__legend-label\">{slice.label}</span>\n              <span className=\"brycks-pie-chart__legend-value\">{valueFormatter(slice.value)}</span>\n              {showShare ? (\n                <span className=\"brycks-pie-chart__legend-share\">\n                  {Math.round(slice.share * 100)}%\n                </span>\n              ) : null}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  )\n})\n\nPieChart.displayName = 'PieChart'\n"],"names":["DEFAULT_COLORS","VIEWBOX","CENTER","RADIUS","polarToCartesian","angleInDegrees","radius","angleInRadians","slicePath","startAngle","endAngle","sweep","top","bottom","start","end","largeArc","defaultFormatter","value","PieChart","forwardRef","data","size","thickness","legend","centerLabel","centerValue","valueFormatter","showShare","emptyText","className","testId","props","ref","slices","total","useMemo","positive","slice","sum","acc","cursor","index","share","isDonut","holeRadius","summary","jsx","cx","jsxs"],"mappings":"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"}

package/dist/components/data/PieChart/PieChart.js

@@ -0,0 +1,132 @@
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as D, useMemo as I } from "react";
+import { cx as C } from "../../../utils/styles.js";
+const R = [
+  "var(--brycks-primary-default)",
+  "var(--brycks-info-default)",
+  "var(--brycks-success-default)",
+  "var(--brycks-warning-default)",
+  "var(--brycks-error-default)",
+  "var(--brycks-foreground-subtle)"
+], b = 100, l = b / 2, a = l - 1;
+function m(t, s) {
+  const c = (t - 90) * Math.PI / 180;
+  return {
+    x: l + s * Math.cos(c),
+    y: l + s * Math.sin(c)
+  };
+}
+function O(t, s) {
+  const c = s - t;
+  if (c >= 359.999) {
+    const o = m(0, a), i = m(180, a);
+    return [
+      `M ${o.x} ${o.y}`,
+      `A ${a} ${a} 0 1 1 ${i.x} ${i.y}`,
+      `A ${a} ${a} 0 1 1 ${o.x} ${o.y}`
+    ].join(" ");
+  }
+  const d = m(t, a), p = m(s, a), u = c > 180 ? 1 : 0;
+  return [
+    `M ${l} ${l}`,
+    `L ${d.x} ${d.y}`,
+    `A ${a} ${a} 0 ${u} 1 ${p.x} ${p.y}`,
+    "Z"
+  ].join(" ");
+}
+const T = (t) => String(t), B = D(function({
+  data: s,
+  size: c = 168,
+  thickness: d = 22,
+  legend: p = "right",
+  centerLabel: u,
+  centerValue: o,
+  valueFormatter: i = T,
+  showShare: j = !0,
+  emptyText: w = "Sem dados",
+  className: f,
+  testId: g,
+  ...N
+}, x) {
+  const { slices: y, total: A } = I(() => {
+    const r = s.filter((n) => n.value > 0), $ = r.reduce((n, v) => n + v.value, 0);
+    let k = 0;
+    return { slices: r.map((n, v) => {
+      const M = $ > 0 ? n.value / $ : 0, S = k;
+      return k += M * 360, {
+        ...n,
+        color: n.color ?? R[v % R.length],
+        share: M,
+        path: O(S, k)
+      };
+    }), total: $ };
+  }, [s]), _ = d > 0, P = _ ? Math.max(0, a - d / c * b) : 0, E = y.map((r) => `${r.label}: ${i(r.value)} (${Math.round(r.share * 100)}%)`).join(", ");
+  return y.length === 0 ? /* @__PURE__ */ e(
+    "div",
+    {
+      ref: x,
+      className: C("brycks-pie-chart", "brycks-pie-chart--empty", f),
+      "data-testid": g,
+      ...N,
+      children: /* @__PURE__ */ e("span", { className: "brycks-pie-chart__empty", children: w })
+    }
+  ) : /* @__PURE__ */ h(
+    "div",
+    {
+      ref: x,
+      className: C("brycks-pie-chart", `brycks-pie-chart--legend-${p}`, f),
+      "data-testid": g,
+      ...N,
+      children: [
+        /* @__PURE__ */ h("div", { className: "brycks-pie-chart__graphic", style: { width: c, height: c }, children: [
+          /* @__PURE__ */ h(
+            "svg",
+            {
+              viewBox: `0 0 ${b} ${b}`,
+              className: "brycks-pie-chart__svg",
+              role: "img",
+              "aria-label": E,
+              children: [
+                y.map((r) => /* @__PURE__ */ e(
+                  "path",
+                  {
+                    d: r.path,
+                    fill: r.color,
+                    className: "brycks-pie-chart__slice"
+                  },
+                  r.id
+                )),
+                _ ? /* @__PURE__ */ e("circle", { cx: l, cy: l, r: P, className: "brycks-pie-chart__hole" }) : null
+              ]
+            }
+          ),
+          _ ? /* @__PURE__ */ h("div", { className: "brycks-pie-chart__center", "aria-hidden": "true", children: [
+            /* @__PURE__ */ e("span", { className: "brycks-pie-chart__center-value", children: o ?? i(A) }),
+            u ? /* @__PURE__ */ e("span", { className: "brycks-pie-chart__center-label", children: u }) : null
+          ] }) : null
+        ] }),
+        p === "none" ? null : /* @__PURE__ */ e("ul", { className: "brycks-pie-chart__legend", children: y.map((r) => /* @__PURE__ */ h("li", { className: "brycks-pie-chart__legend-item", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "brycks-pie-chart__legend-dot",
+              style: { backgroundColor: r.color },
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "brycks-pie-chart__legend-label", children: r.label }),
+          /* @__PURE__ */ e("span", { className: "brycks-pie-chart__legend-value", children: i(r.value) }),
+          j ? /* @__PURE__ */ h("span", { className: "brycks-pie-chart__legend-share", children: [
+            Math.round(r.share * 100),
+            "%"
+          ] }) : null
+        ] }, r.id)) })
+      ]
+    }
+  );
+});
+B.displayName = "PieChart";
+export {
+  B as PieChart
+};
+//# sourceMappingURL=PieChart.js.map

package/dist/components/data/PieChart/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.js","sources":["../../../../src/components/data/PieChart/PieChart.tsx"],"sourcesContent":["/**\n * PieChart Component\n *\n * Distribuição de um total em fatias — pizza ou rosca (donut). Desenhado em SVG\n * puro: sem dependência de runtime, sem canvas, imprimível e nítido em qualquer\n * densidade de tela.\n *\n * Quando usar: partes-de-um-todo mutuamente exclusivas (leads por status,\n * estoque por condição, receita por categoria). Para série temporal ou\n * comparação precisa entre muitas categorias, uma lista/barra lê melhor —\n * a pizza é forte até ~6 fatias.\n *\n * Acessibilidade: o gráfico é `role=\"img\"` com um resumo em `aria-label`, e a\n * legenda repete rótulo + valor + participação como texto real — leitor de tela\n * e daltônico não dependem da cor (cada item tem rótulo e valor).\n *\n * @example\n * <PieChart\n *   data={[\n *     { id: 'new', label: 'Novo', value: 3, color: 'var(--brycks-info-default)' },\n *     { id: 'won', label: 'Convertido', value: 5, color: 'var(--brycks-success-default)' },\n *   ]}\n *   centerLabel=\"Leads\"\n * />\n *\n * @module components/data/PieChart\n */\n\nimport { forwardRef, useMemo, type HTMLAttributes, type ReactNode } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type PieChartLegend = 'right' | 'bottom' | 'none'\n\nexport interface PieSlice {\n  /** Chave estável da fatia */\n  id: string\n  /** Rótulo legível (aparece na legenda e no leitor de tela) */\n  label: string\n  /** Valor absoluto — negativos são ignorados */\n  value: number\n  /** Cor da fatia; use um token (`var(--brycks-*)`). Sem cor, entra na paleta padrão. */\n  color?: string\n}\n\nexport interface PieChartProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  /** Fatias do gráfico */\n  data: PieSlice[]\n  /** Diâmetro do gráfico em px */\n  size?: number\n  /** Espessura do anel em px. `0` = pizza cheia; padrão = rosca */\n  thickness?: number\n  /** Posição da legenda */\n  legend?: PieChartLegend\n  /** Rótulo no centro da rosca (ignorado quando `thickness = 0`) */\n  centerLabel?: ReactNode\n  /** Conteúdo central; por padrão, a soma dos valores */\n  centerValue?: ReactNode\n  /** Formata valores na legenda, no centro e no resumo acessível */\n  valueFormatter?: (value: number) => string\n  /** Exibe a participação percentual de cada fatia na legenda */\n  showShare?: boolean\n  /** Texto quando não há dado positivo */\n  emptyText?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\n/** Paleta de fallback: percorre a rampa semântica antes de repetir. */\nconst DEFAULT_COLORS = [\n  'var(--brycks-primary-default)',\n  'var(--brycks-info-default)',\n  'var(--brycks-success-default)',\n  'var(--brycks-warning-default)',\n  'var(--brycks-error-default)',\n  'var(--brycks-foreground-subtle)',\n]\n\nconst VIEWBOX = 100\nconst CENTER = VIEWBOX / 2\nconst RADIUS = CENTER - 1\n\ninterface ResolvedSlice extends PieSlice {\n  color: string\n  share: number\n  path: string\n}\n\nfunction polarToCartesian(angleInDegrees: number, radius: number) {\n  const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180\n  return {\n    x: CENTER + radius * Math.cos(angleInRadians),\n    y: CENTER + radius * Math.sin(angleInRadians),\n  }\n}\n\n/**\n * Arco de uma fatia. Um arco de 360° tem início e fim no mesmo ponto — o `A` do\n * SVG não desenha nada nesse caso; por isso a fatia única vira dois semiarcos.\n */\nfunction slicePath(startAngle: number, endAngle: number): string {\n  const sweep = endAngle - startAngle\n  if (sweep >= 359.999) {\n    const top = polarToCartesian(0, RADIUS)\n    const bottom = polarToCartesian(180, RADIUS)\n    return [\n      `M ${top.x} ${top.y}`,\n      `A ${RADIUS} ${RADIUS} 0 1 1 ${bottom.x} ${bottom.y}`,\n      `A ${RADIUS} ${RADIUS} 0 1 1 ${top.x} ${top.y}`,\n    ].join(' ')\n  }\n  const start = polarToCartesian(startAngle, RADIUS)\n  const end = polarToCartesian(endAngle, RADIUS)\n  const largeArc = sweep > 180 ? 1 : 0\n  return [\n    `M ${CENTER} ${CENTER}`,\n    `L ${start.x} ${start.y}`,\n    `A ${RADIUS} ${RADIUS} 0 ${largeArc} 1 ${end.x} ${end.y}`,\n    'Z',\n  ].join(' ')\n}\n\nconst defaultFormatter = (value: number) => String(value)\n\nexport const PieChart = forwardRef<HTMLDivElement, PieChartProps>(function PieChart(\n  {\n    data,\n    size = 168,\n    thickness = 22,\n    legend = 'right',\n    centerLabel,\n    centerValue,\n    valueFormatter = defaultFormatter,\n    showShare = true,\n    emptyText = 'Sem dados',\n    className,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const { slices, total } = useMemo(() => {\n    const positive = data.filter((slice) => slice.value > 0)\n    const sum = positive.reduce((acc, slice) => acc + slice.value, 0)\n\n    let cursor = 0\n    const resolved: ResolvedSlice[] = positive.map((slice, index) => {\n      const share = sum > 0 ? slice.value / sum : 0\n      const startAngle = cursor\n      cursor += share * 360\n      return {\n        ...slice,\n        color: slice.color ?? DEFAULT_COLORS[index % DEFAULT_COLORS.length],\n        share,\n        path: slicePath(startAngle, cursor),\n      }\n    })\n\n    return { slices: resolved, total: sum }\n  }, [data])\n\n  const isDonut = thickness > 0\n  /* O furo é um disco da cor da superfície — mantém o SVG num só elemento e\n     evita `mask`, que quebra em impressão e em forced-colors. */\n  const holeRadius = isDonut ? Math.max(0, RADIUS - (thickness / size) * VIEWBOX) : 0\n\n  const summary = slices\n    .map((slice) => `${slice.label}: ${valueFormatter(slice.value)} (${Math.round(slice.share * 100)}%)`)\n    .join(', ')\n\n  if (slices.length === 0) {\n    return (\n      <div\n        ref={ref}\n        className={cx('brycks-pie-chart', 'brycks-pie-chart--empty', className)}\n        data-testid={testId}\n        {...props}\n      >\n        <span className=\"brycks-pie-chart__empty\">{emptyText}</span>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cx('brycks-pie-chart', `brycks-pie-chart--legend-${legend}`, className)}\n      data-testid={testId}\n      {...props}\n    >\n      <div className=\"brycks-pie-chart__graphic\" style={{ width: size, height: size }}>\n        <svg\n          viewBox={`0 0 ${VIEWBOX} ${VIEWBOX}`}\n          className=\"brycks-pie-chart__svg\"\n          role=\"img\"\n          aria-label={summary}\n        >\n          {slices.map((slice) => (\n            <path\n              key={slice.id}\n              d={slice.path}\n              fill={slice.color}\n              className=\"brycks-pie-chart__slice\"\n            />\n          ))}\n          {isDonut ? (\n            <circle cx={CENTER} cy={CENTER} r={holeRadius} className=\"brycks-pie-chart__hole\" />\n          ) : null}\n        </svg>\n\n        {isDonut ? (\n          <div className=\"brycks-pie-chart__center\" aria-hidden=\"true\">\n            <span className=\"brycks-pie-chart__center-value\">\n              {centerValue ?? valueFormatter(total)}\n            </span>\n            {centerLabel ? (\n              <span className=\"brycks-pie-chart__center-label\">{centerLabel}</span>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n\n      {legend === 'none' ? null : (\n        <ul className=\"brycks-pie-chart__legend\">\n          {slices.map((slice) => (\n            <li key={slice.id} className=\"brycks-pie-chart__legend-item\">\n              <span\n                className=\"brycks-pie-chart__legend-dot\"\n                style={{ backgroundColor: slice.color }}\n                aria-hidden=\"true\"\n              />\n              <span className=\"brycks-pie-chart__legend-label\">{slice.label}</span>\n              <span className=\"brycks-pie-chart__legend-value\">{valueFormatter(slice.value)}</span>\n              {showShare ? (\n                <span className=\"brycks-pie-chart__legend-share\">\n                  {Math.round(slice.share * 100)}%\n                </span>\n              ) : null}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  )\n})\n\nPieChart.displayName = 'PieChart'\n"],"names":["DEFAULT_COLORS","VIEWBOX","CENTER","RADIUS","polarToCartesian","angleInDegrees","radius","angleInRadians","slicePath","startAngle","endAngle","sweep","top","bottom","start","end","largeArc","defaultFormatter","value","PieChart","forwardRef","data","size","thickness","legend","centerLabel","centerValue","valueFormatter","showShare","emptyText","className","testId","props","ref","slices","total","useMemo","positive","slice","sum","acc","cursor","index","share","isDonut","holeRadius","summary","jsx","cx","jsxs"],"mappings":"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"}

package/dist/components/data/Table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../../src/components/data/Table/Table.tsx"],"sourcesContent":["/**\n * Table Component\n *\n * A flexible table component with sorting, selection, and responsive support.\n * Follows design system patterns for consistent styling.\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ThHTMLAttributes,\n  type TdHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { cx } from '../../../utils/styles'\nimport { EmptyState } from '../../utility/EmptyState'\nimport { Skeleton } from '../../utility/Skeleton'\n\nexport type TableSize = 'sm' | 'md' | 'lg'\n// `striped` was dead API (no CSS, incompatible with inline row styling) — removed in 0.5.0.\nexport type TableVariant = 'default' | 'bordered'\n\ninterface TableContextValue {\n  size: TableSize\n  variant: TableVariant\n  stickyHeader: boolean\n}\n\nconst TableContext = createContext<TableContextValue>({ size: 'md', variant: 'default', stickyHeader: false })\n\nfunction useTableContext() {\n  return useContext(TableContext)\n}\n\nexport interface TableProps extends HTMLAttributes<HTMLTableElement> {\n  /** Table size */\n  size?: TableSize\n  /** Table variant */\n  variant?: TableVariant\n  /** Whether the table has a sticky header */\n  stickyHeader?: boolean\n  /** Whether the table is in a loading state */\n  loading?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\n  {\n    size = 'md',\n    variant = 'default',\n    stickyHeader = false,\n    loading = false,\n    className,\n    style,\n    children,\n    testId,\n    ...props\n  },\n  ref\n) {\n  return (\n    <TableContext.Provider value={{ size, variant, stickyHeader }}>\n      <div className=\"brycks-table-container\" style={style}>\n        <table\n          ref={ref}\n          className={cx('brycks-table', `brycks-table--${size}`, `brycks-table--${variant}`, className)}\n          style={loading ? { opacity: 0.6 } : undefined}\n          aria-busy={loading || undefined}\n          data-testid={testId}\n          {...props}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  )\n})\n\nTable.displayName = 'Table'\n\n// TableHead\nexport interface TableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {\n  /** Whether the header is sticky */\n  sticky?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(function TableHead(\n  { sticky = false, className, style, children, ...props },\n  ref\n) {\n  const { stickyHeader } = useTableContext()\n  const isSticky = sticky || stickyHeader\n\n  return (\n    <thead\n      ref={ref}\n      className={cx('brycks-table-head', isSticky && 'brycks-table-head--sticky', className)}\n      style={style}\n      {...props}\n    >\n      {children}\n    </thead>\n  )\n})\n\nTableHead.displayName = 'TableHead'\n\n// TableBody\nexport interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(function TableBody(\n  { className, style, children, ...props },\n  ref\n) {\n  return (\n    <tbody\n      ref={ref}\n      className={cx('brycks-table-body', className)}\n      style={style}\n      {...props}\n    >\n      {children}\n    </tbody>\n  )\n})\n\nTableBody.displayName = 'TableBody'\n\n// TableRow\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  /** Whether the row is selected */\n  selected?: boolean\n  /** Whether the row is clickable */\n  clickable?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { selected = false, clickable = false, className, style, children, ...props },\n  ref\n) {\n  return (\n    <tr\n      ref={ref}\n      className={cx(\n        'brycks-table-row',\n        selected && 'brycks-table-row--selected',\n        clickable && 'brycks-table-row--clickable',\n        className\n      )}\n      style={style}\n      {...props}\n    >\n      {children}\n    </tr>\n  )\n})\n\nTableRow.displayName = 'TableRow'\n\n// TableHeader (th)\nexport interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  /** Whether the column is sortable */\n  sortable?: boolean\n  /** Sort direction */\n  sortDirection?: 'asc' | 'desc' | null\n  /** Callback when sort is requested */\n  onSort?: () => void\n  /** Text alignment */\n  align?: 'left' | 'center' | 'right'\n  /** Custom class name */\n  className?: string\n}\n\nfunction SortIcon({ direction }: { direction: 'asc' | 'desc' | null }) {\n  if (!direction) {\n    return (\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" style={{ opacity: 0.4 }} aria-hidden=\"true\">\n        <path d=\"M7 3L10 6H4L7 3Z\" fill=\"currentColor\" />\n        <path d=\"M7 11L4 8H10L7 11Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  }\n\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n      {direction === 'asc' ? (\n        <path d=\"M7 3L10 6H4L7 3Z\" fill=\"currentColor\" />\n      ) : (\n        <path d=\"M7 11L4 8H10L7 11Z\" fill=\"currentColor\" />\n      )}\n    </svg>\n  )\n}\n\nexport const TableHeader = forwardRef<HTMLTableCellElement, TableHeaderProps>(function TableHeader(\n  {\n    sortable = false,\n    sortDirection = null,\n    onSort,\n    align = 'left',\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref\n) {\n  // Alignment is dynamic per prop; everything else lives in CSS.\n  const alignStyle: CSSProperties = {\n    textAlign: align,\n    ...style,\n  }\n\n  const contentJustify: CSSProperties = {\n    justifyContent: align === 'right' ? 'flex-end' : align === 'center' ? 'center' : 'flex-start',\n  }\n\n  return (\n    <th\n      ref={ref}\n      aria-sort={\n        sortable\n          ? sortDirection === 'asc'\n            ? 'ascending'\n            : sortDirection === 'desc'\n            ? 'descending'\n            : 'none'\n          : undefined\n      }\n      className={cx('brycks-table-header', sortable && 'brycks-table-header--sortable', className)}\n      style={alignStyle}\n      {...props}\n    >\n      {sortable ? (\n        // Sorting happens through a real button so it is reachable by keyboard\n        <button\n          type=\"button\"\n          className=\"brycks-table-header__content brycks-table-header__sort\"\n          style={contentJustify}\n          onClick={() => onSort?.()}\n        >\n          {children}\n          <SortIcon direction={sortDirection} />\n        </button>\n      ) : (\n        <span className=\"brycks-table-header__content\" style={contentJustify}>\n          {children}\n        </span>\n      )}\n    </th>\n  )\n})\n\nTableHeader.displayName = 'TableHeader'\n\n// TableCell (td)\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n  /** Text alignment */\n  align?: 'left' | 'center' | 'right'\n  /** Whether to truncate text */\n  truncate?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { align = 'left', truncate = false, className, style, children, ...props },\n  ref\n) {\n  // Alignment is dynamic per prop; everything else lives in CSS.\n  const alignStyle: CSSProperties = {\n    textAlign: align,\n    ...style,\n  }\n\n  return (\n    <td\n      ref={ref}\n      className={cx('brycks-table-cell', truncate && 'brycks-table-cell--truncate', className)}\n      style={alignStyle}\n      title={truncate && typeof children === 'string' ? children : undefined}\n      {...props}\n    >\n      {children}\n    </td>\n  )\n})\n\nTableCell.displayName = 'TableCell'\n\n// TableFoot\nexport interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableFoot = forwardRef<HTMLTableSectionElement, TableFootProps>(function TableFoot(\n  { className, style, children, ...props },\n  ref\n) {\n  return (\n    <tfoot\n      ref={ref}\n      className={cx('brycks-table-foot', className)}\n      style={style}\n      {...props}\n    >\n      {children}\n    </tfoot>\n  )\n})\n\nTableFoot.displayName = 'TableFoot'\n\n// TableCaption\nexport interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {\n  /** Caption placement */\n  placement?: 'top' | 'bottom'\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(function TableCaption(\n  { placement = 'bottom', className, style, children, ...props },\n  ref\n) {\n  // Caption side is dynamic per prop; everything else lives in CSS.\n  const captionStyle: CSSProperties = {\n    captionSide: placement,\n    ...style,\n  }\n\n  return (\n    <caption\n      ref={ref}\n      className={cx('brycks-table-caption', className)}\n      style={captionStyle}\n      {...props}\n    >\n      {children}\n    </caption>\n  )\n})\n\nTableCaption.displayName = 'TableCaption'\n\n// TableEmpty — a full-width empty state row, drop inside <TableBody>\nexport interface TableEmptyProps {\n  /** Number of columns to span (match the table's column count) */\n  colSpan: number\n  /** Icon or illustration */\n  icon?: ReactNode\n  /** Title text */\n  title?: ReactNode\n  /** Description text */\n  description?: ReactNode\n  /** Action element (button, link) */\n  action?: ReactNode\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableEmpty = forwardRef<HTMLTableRowElement, TableEmptyProps>(function TableEmpty(\n  { colSpan, icon, title, description, action, className },\n  ref\n) {\n  return (\n    <tr ref={ref} className={cx('brycks-table-empty', className)}>\n      <td colSpan={colSpan} style={{ padding: 0 }}>\n        <EmptyState icon={icon} title={title} description={description} action={action} />\n      </td>\n    </tr>\n  )\n})\n\nTableEmpty.displayName = 'TableEmpty'\n\n// TableSkeleton — placeholder rows shown while data loads, drop inside <TableBody>\nexport interface TableSkeletonProps {\n  /** Number of skeleton rows */\n  rows?: number\n  /** Number of columns per row (match the table's column count) */\n  columns: number\n  /** Custom class name applied to each row */\n  className?: string\n}\n\n// Deterministic per-column widths so the placeholder reads like real data\nconst skeletonWidths = ['70%', '45%', '85%', '55%', '60%', '40%']\n\nexport function TableSkeleton({ rows = 5, columns, className }: TableSkeletonProps) {\n  return (\n    <>\n      {Array.from({ length: rows }).map((_, rowIndex) => (\n        <TableRow key={rowIndex} className={cx('brycks-table-skeleton-row', className)} aria-hidden=\"true\">\n          {Array.from({ length: columns }).map((_, colIndex) => (\n            <TableCell key={colIndex}>\n              <Skeleton variant=\"text\" width={skeletonWidths[colIndex % skeletonWidths.length]} />\n            </TableCell>\n          ))}\n        </TableRow>\n      ))}\n    </>\n  )\n}\n\nTableSkeleton.displayName = 'TableSkeleton'\n"],"names":["TableContext","createContext","useTableContext","useContext","Table","forwardRef","size","variant","stickyHeader","loading","className","style","children","testId","props","ref","jsx","cx","TableHead","sticky","isSticky","TableBody","TableRow","selected","clickable","SortIcon","direction","TableHeader","sortable","sortDirection","onSort","align","alignStyle","contentJustify","jsxs","TableCell","truncate","TableFoot","TableCaption","placement","captionStyle","TableEmpty","colSpan","icon","title","description","action","EmptyState","skeletonWidths","TableSkeleton","rows","columns","Fragment","_","rowIndex","colIndex","Skeleton"],"mappings":"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"}
+{"version":3,"file":"Table.cjs","sources":["../../../../src/components/data/Table/Table.tsx"],"sourcesContent":["/**\r\n * Table Component\r\n *\r\n * A flexible table component with sorting, selection, and responsive support.\r\n * Follows design system patterns for consistent styling.\r\n */\r\n\r\nimport {\r\n  forwardRef,\r\n  createContext,\r\n  useContext,\r\n  type CSSProperties,\r\n  type HTMLAttributes,\r\n  type ThHTMLAttributes,\r\n  type TdHTMLAttributes,\r\n  type ReactNode,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\nimport { EmptyState } from '../../utility/EmptyState'\r\nimport { Skeleton } from '../../utility/Skeleton'\r\n\r\nexport type TableSize = 'sm' | 'md' | 'lg'\r\n// `striped` was dead API (no CSS, incompatible with inline row styling) — removed in 0.5.0.\r\nexport type TableVariant = 'default' | 'bordered'\r\n\r\ninterface TableContextValue {\r\n  size: TableSize\r\n  variant: TableVariant\r\n  stickyHeader: boolean\r\n}\r\n\r\nconst TableContext = createContext<TableContextValue>({ size: 'md', variant: 'default', stickyHeader: false })\r\n\r\nfunction useTableContext() {\r\n  return useContext(TableContext)\r\n}\r\n\r\nexport interface TableProps extends HTMLAttributes<HTMLTableElement> {\r\n  /** Table size */\r\n  size?: TableSize\r\n  /** Table variant */\r\n  variant?: TableVariant\r\n  /** Whether the table has a sticky header */\r\n  stickyHeader?: boolean\r\n  /** Whether the table is in a loading state */\r\n  loading?: boolean\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n}\r\n\r\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\r\n  {\r\n    size = 'md',\r\n    variant = 'default',\r\n    stickyHeader = false,\r\n    loading = false,\r\n    className,\r\n    style,\r\n    children,\r\n    testId,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  return (\r\n    <TableContext.Provider value={{ size, variant, stickyHeader }}>\r\n      <div className=\"brycks-table-container\" style={style}>\r\n        <table\r\n          ref={ref}\r\n          className={cx('brycks-table', `brycks-table--${size}`, `brycks-table--${variant}`, className)}\r\n          style={loading ? { opacity: 0.6 } : undefined}\r\n          aria-busy={loading || undefined}\r\n          data-testid={testId}\r\n          {...props}\r\n        >\r\n          {children}\r\n        </table>\r\n      </div>\r\n    </TableContext.Provider>\r\n  )\r\n})\r\n\r\nTable.displayName = 'Table'\r\n\r\n// TableHead\r\nexport interface TableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {\r\n  /** Whether the header is sticky */\r\n  sticky?: boolean\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(function TableHead(\r\n  { sticky = false, className, style, children, ...props },\r\n  ref\r\n) {\r\n  const { stickyHeader } = useTableContext()\r\n  const isSticky = sticky || stickyHeader\r\n\r\n  return (\r\n    <thead\r\n      ref={ref}\r\n      className={cx('brycks-table-head', isSticky && 'brycks-table-head--sticky', className)}\r\n      style={style}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </thead>\r\n  )\r\n})\r\n\r\nTableHead.displayName = 'TableHead'\r\n\r\n// TableBody\r\nexport interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(function TableBody(\r\n  { className, style, children, ...props },\r\n  ref\r\n) {\r\n  return (\r\n    <tbody\r\n      ref={ref}\r\n      className={cx('brycks-table-body', className)}\r\n      style={style}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </tbody>\r\n  )\r\n})\r\n\r\nTableBody.displayName = 'TableBody'\r\n\r\n// TableRow\r\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\r\n  /** Whether the row is selected */\r\n  selected?: boolean\r\n  /** Whether the row is clickable */\r\n  clickable?: boolean\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\r\n  { selected = false, clickable = false, className, style, children, ...props },\r\n  ref\r\n) {\r\n  return (\r\n    <tr\r\n      ref={ref}\r\n      className={cx(\r\n        'brycks-table-row',\r\n        selected && 'brycks-table-row--selected',\r\n        clickable && 'brycks-table-row--clickable',\r\n        className\r\n      )}\r\n      style={style}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </tr>\r\n  )\r\n})\r\n\r\nTableRow.displayName = 'TableRow'\r\n\r\n// TableHeader (th)\r\nexport interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {\r\n  /** Whether the column is sortable */\r\n  sortable?: boolean\r\n  /** Sort direction */\r\n  sortDirection?: 'asc' | 'desc' | null\r\n  /** Callback when sort is requested */\r\n  onSort?: () => void\r\n  /** Text alignment */\r\n  align?: 'left' | 'center' | 'right'\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nfunction SortIcon({ direction }: { direction: 'asc' | 'desc' | null }) {\r\n  if (!direction) {\r\n    return (\r\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" style={{ opacity: 0.4 }} aria-hidden=\"true\">\r\n        <path d=\"M7 3L10 6H4L7 3Z\" fill=\"currentColor\" />\r\n        <path d=\"M7 11L4 8H10L7 11Z\" fill=\"currentColor\" />\r\n      </svg>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\r\n      {direction === 'asc' ? (\r\n        <path d=\"M7 3L10 6H4L7 3Z\" fill=\"currentColor\" />\r\n      ) : (\r\n        <path d=\"M7 11L4 8H10L7 11Z\" fill=\"currentColor\" />\r\n      )}\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport const TableHeader = forwardRef<HTMLTableCellElement, TableHeaderProps>(function TableHeader(\r\n  {\r\n    sortable = false,\r\n    sortDirection = null,\r\n    onSort,\r\n    align = 'left',\r\n    className,\r\n    style,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  // Alignment is dynamic per prop; everything else lives in CSS.\r\n  const alignStyle: CSSProperties = {\r\n    textAlign: align,\r\n    ...style,\r\n  }\r\n\r\n  const contentJustify: CSSProperties = {\r\n    justifyContent: align === 'right' ? 'flex-end' : align === 'center' ? 'center' : 'flex-start',\r\n  }\r\n\r\n  return (\r\n    <th\r\n      ref={ref}\r\n      aria-sort={\r\n        sortable\r\n          ? sortDirection === 'asc'\r\n            ? 'ascending'\r\n            : sortDirection === 'desc'\r\n            ? 'descending'\r\n            : 'none'\r\n          : undefined\r\n      }\r\n      className={cx('brycks-table-header', sortable && 'brycks-table-header--sortable', className)}\r\n      style={alignStyle}\r\n      {...props}\r\n    >\r\n      {sortable ? (\r\n        // Sorting happens through a real button so it is reachable by keyboard\r\n        <button\r\n          type=\"button\"\r\n          className=\"brycks-table-header__content brycks-table-header__sort\"\r\n          style={contentJustify}\r\n          onClick={() => onSort?.()}\r\n        >\r\n          {children}\r\n          <SortIcon direction={sortDirection} />\r\n        </button>\r\n      ) : (\r\n        <span className=\"brycks-table-header__content\" style={contentJustify}>\r\n          {children}\r\n        </span>\r\n      )}\r\n    </th>\r\n  )\r\n})\r\n\r\nTableHeader.displayName = 'TableHeader'\r\n\r\n// TableCell (td)\r\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\r\n  /** Text alignment */\r\n  align?: 'left' | 'center' | 'right'\r\n  /** Whether to truncate text */\r\n  truncate?: boolean\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\r\n  { align = 'left', truncate = false, className, style, children, ...props },\r\n  ref\r\n) {\r\n  // Alignment is dynamic per prop; everything else lives in CSS.\r\n  const alignStyle: CSSProperties = {\r\n    textAlign: align,\r\n    ...style,\r\n  }\r\n\r\n  return (\r\n    <td\r\n      ref={ref}\r\n      className={cx('brycks-table-cell', truncate && 'brycks-table-cell--truncate', className)}\r\n      style={alignStyle}\r\n      title={truncate && typeof children === 'string' ? children : undefined}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </td>\r\n  )\r\n})\r\n\r\nTableCell.displayName = 'TableCell'\r\n\r\n// TableFoot\r\nexport interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableFoot = forwardRef<HTMLTableSectionElement, TableFootProps>(function TableFoot(\r\n  { className, style, children, ...props },\r\n  ref\r\n) {\r\n  return (\r\n    <tfoot\r\n      ref={ref}\r\n      className={cx('brycks-table-foot', className)}\r\n      style={style}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </tfoot>\r\n  )\r\n})\r\n\r\nTableFoot.displayName = 'TableFoot'\r\n\r\n// TableCaption\r\nexport interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {\r\n  /** Caption placement */\r\n  placement?: 'top' | 'bottom'\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(function TableCaption(\r\n  { placement = 'bottom', className, style, children, ...props },\r\n  ref\r\n) {\r\n  // Caption side is dynamic per prop; everything else lives in CSS.\r\n  const captionStyle: CSSProperties = {\r\n    captionSide: placement,\r\n    ...style,\r\n  }\r\n\r\n  return (\r\n    <caption\r\n      ref={ref}\r\n      className={cx('brycks-table-caption', className)}\r\n      style={captionStyle}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </caption>\r\n  )\r\n})\r\n\r\nTableCaption.displayName = 'TableCaption'\r\n\r\n// TableEmpty — a full-width empty state row, drop inside <TableBody>\r\nexport interface TableEmptyProps {\r\n  /** Number of columns to span (match the table's column count) */\r\n  colSpan: number\r\n  /** Icon or illustration */\r\n  icon?: ReactNode\r\n  /** Title text */\r\n  title?: ReactNode\r\n  /** Description text */\r\n  description?: ReactNode\r\n  /** Action element (button, link) */\r\n  action?: ReactNode\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableEmpty = forwardRef<HTMLTableRowElement, TableEmptyProps>(function TableEmpty(\r\n  { colSpan, icon, title, description, action, className },\r\n  ref\r\n) {\r\n  return (\r\n    <tr ref={ref} className={cx('brycks-table-empty', className)}>\r\n      <td colSpan={colSpan} style={{ padding: 0 }}>\r\n        <EmptyState icon={icon} title={title} description={description} action={action} />\r\n      </td>\r\n    </tr>\r\n  )\r\n})\r\n\r\nTableEmpty.displayName = 'TableEmpty'\r\n\r\n// TableSkeleton — placeholder rows shown while data loads, drop inside <TableBody>\r\nexport interface TableSkeletonProps {\r\n  /** Number of skeleton rows */\r\n  rows?: number\r\n  /** Number of columns per row (match the table's column count) */\r\n  columns: number\r\n  /** Custom class name applied to each row */\r\n  className?: string\r\n}\r\n\r\n// Deterministic per-column widths so the placeholder reads like real data\r\nconst skeletonWidths = ['70%', '45%', '85%', '55%', '60%', '40%']\r\n\r\nexport function TableSkeleton({ rows = 5, columns, className }: TableSkeletonProps) {\r\n  return (\r\n    <>\r\n      {Array.from({ length: rows }).map((_, rowIndex) => (\r\n        <TableRow key={rowIndex} className={cx('brycks-table-skeleton-row', className)} aria-hidden=\"true\">\r\n          {Array.from({ length: columns }).map((_, colIndex) => (\r\n            <TableCell key={colIndex}>\r\n              <Skeleton variant=\"text\" width={skeletonWidths[colIndex % skeletonWidths.length]} />\r\n            </TableCell>\r\n          ))}\r\n        </TableRow>\r\n      ))}\r\n    </>\r\n  )\r\n}\r\n\r\nTableSkeleton.displayName = 'TableSkeleton'\r\n"],"names":["TableContext","createContext","useTableContext","useContext","Table","forwardRef","size","variant","stickyHeader","loading","className","style","children","testId","props","ref","jsx","cx","TableHead","sticky","isSticky","TableBody","TableRow","selected","clickable","SortIcon","direction","TableHeader","sortable","sortDirection","onSort","align","alignStyle","contentJustify","jsxs","TableCell","truncate","TableFoot","TableCaption","placement","captionStyle","TableEmpty","colSpan","icon","title","description","action","EmptyState","skeletonWidths","TableSkeleton","rows","columns","Fragment","_","rowIndex","colIndex","Skeleton"],"mappings":"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"}

package/dist/components/data/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/data/Table/Table.tsx"],"sourcesContent":["/**\n * Table Component\n *\n * A flexible table component with sorting, selection, and responsive support.\n * Follows design system patterns for consistent styling.\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ThHTMLAttributes,\n  type TdHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { cx } from '../../../utils/styles'\nimport { EmptyState } from '../../utility/EmptyState'\nimport { Skeleton } from '../../utility/Skeleton'\n\nexport type TableSize = 'sm' | 'md' | 'lg'\n// `striped` was dead API (no CSS, incompatible with inline row styling) — removed in 0.5.0.\nexport type TableVariant = 'default' | 'bordered'\n\ninterface TableContextValue {\n  size: TableSize\n  variant: TableVariant\n  stickyHeader: boolean\n}\n\nconst TableContext = createContext<TableContextValue>({ size: 'md', variant: 'default', stickyHeader: false })\n\nfunction useTableContext() {\n  return useContext(TableContext)\n}\n\nexport interface TableProps extends HTMLAttributes<HTMLTableElement> {\n  /** Table size */\n  size?: TableSize\n  /** Table variant */\n  variant?: TableVariant\n  /** Whether the table has a sticky header */\n  stickyHeader?: boolean\n  /** Whether the table is in a loading state */\n  loading?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\n  {\n    size = 'md',\n    variant = 'default',\n    stickyHeader = false,\n    loading = false,\n    className,\n    style,\n    children,\n    testId,\n    ...props\n  },\n  ref\n) {\n  return (\n    <TableContext.Provider value={{ size, variant, stickyHeader }}>\n      <div className=\"brycks-table-container\" style={style}>\n        <table\n          ref={ref}\n          className={cx('brycks-table', `brycks-table--${size}`, `brycks-table--${variant}`, className)}\n          style={loading ? { opacity: 0.6 } : undefined}\n          aria-busy={loading || undefined}\n          data-testid={testId}\n          {...props}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  )\n})\n\nTable.displayName = 'Table'\n\n// TableHead\nexport interface TableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {\n  /** Whether the header is sticky */\n  sticky?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(function TableHead(\n  { sticky = false, className, style, children, ...props },\n  ref\n) {\n  const { stickyHeader } = useTableContext()\n  const isSticky = sticky || stickyHeader\n\n  return (\n    <thead\n      ref={ref}\n      className={cx('brycks-table-head', isSticky && 'brycks-table-head--sticky', className)}\n      style={style}\n      {...props}\n    >\n      {children}\n    </thead>\n  )\n})\n\nTableHead.displayName = 'TableHead'\n\n// TableBody\nexport interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(function TableBody(\n  { className, style, children, ...props },\n  ref\n) {\n  return (\n    <tbody\n      ref={ref}\n      className={cx('brycks-table-body', className)}\n      style={style}\n      {...props}\n    >\n      {children}\n    </tbody>\n  )\n})\n\nTableBody.displayName = 'TableBody'\n\n// TableRow\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  /** Whether the row is selected */\n  selected?: boolean\n  /** Whether the row is clickable */\n  clickable?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { selected = false, clickable = false, className, style, children, ...props },\n  ref\n) {\n  return (\n    <tr\n      ref={ref}\n      className={cx(\n        'brycks-table-row',\n        selected && 'brycks-table-row--selected',\n        clickable && 'brycks-table-row--clickable',\n        className\n      )}\n      style={style}\n      {...props}\n    >\n      {children}\n    </tr>\n  )\n})\n\nTableRow.displayName = 'TableRow'\n\n// TableHeader (th)\nexport interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  /** Whether the column is sortable */\n  sortable?: boolean\n  /** Sort direction */\n  sortDirection?: 'asc' | 'desc' | null\n  /** Callback when sort is requested */\n  onSort?: () => void\n  /** Text alignment */\n  align?: 'left' | 'center' | 'right'\n  /** Custom class name */\n  className?: string\n}\n\nfunction SortIcon({ direction }: { direction: 'asc' | 'desc' | null }) {\n  if (!direction) {\n    return (\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" style={{ opacity: 0.4 }} aria-hidden=\"true\">\n        <path d=\"M7 3L10 6H4L7 3Z\" fill=\"currentColor\" />\n        <path d=\"M7 11L4 8H10L7 11Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  }\n\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n      {direction === 'asc' ? (\n        <path d=\"M7 3L10 6H4L7 3Z\" fill=\"currentColor\" />\n      ) : (\n        <path d=\"M7 11L4 8H10L7 11Z\" fill=\"currentColor\" />\n      )}\n    </svg>\n  )\n}\n\nexport const TableHeader = forwardRef<HTMLTableCellElement, TableHeaderProps>(function TableHeader(\n  {\n    sortable = false,\n    sortDirection = null,\n    onSort,\n    align = 'left',\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref\n) {\n  // Alignment is dynamic per prop; everything else lives in CSS.\n  const alignStyle: CSSProperties = {\n    textAlign: align,\n    ...style,\n  }\n\n  const contentJustify: CSSProperties = {\n    justifyContent: align === 'right' ? 'flex-end' : align === 'center' ? 'center' : 'flex-start',\n  }\n\n  return (\n    <th\n      ref={ref}\n      aria-sort={\n        sortable\n          ? sortDirection === 'asc'\n            ? 'ascending'\n            : sortDirection === 'desc'\n            ? 'descending'\n            : 'none'\n          : undefined\n      }\n      className={cx('brycks-table-header', sortable && 'brycks-table-header--sortable', className)}\n      style={alignStyle}\n      {...props}\n    >\n      {sortable ? (\n        // Sorting happens through a real button so it is reachable by keyboard\n        <button\n          type=\"button\"\n          className=\"brycks-table-header__content brycks-table-header__sort\"\n          style={contentJustify}\n          onClick={() => onSort?.()}\n        >\n          {children}\n          <SortIcon direction={sortDirection} />\n        </button>\n      ) : (\n        <span className=\"brycks-table-header__content\" style={contentJustify}>\n          {children}\n        </span>\n      )}\n    </th>\n  )\n})\n\nTableHeader.displayName = 'TableHeader'\n\n// TableCell (td)\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n  /** Text alignment */\n  align?: 'left' | 'center' | 'right'\n  /** Whether to truncate text */\n  truncate?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { align = 'left', truncate = false, className, style, children, ...props },\n  ref\n) {\n  // Alignment is dynamic per prop; everything else lives in CSS.\n  const alignStyle: CSSProperties = {\n    textAlign: align,\n    ...style,\n  }\n\n  return (\n    <td\n      ref={ref}\n      className={cx('brycks-table-cell', truncate && 'brycks-table-cell--truncate', className)}\n      style={alignStyle}\n      title={truncate && typeof children === 'string' ? children : undefined}\n      {...props}\n    >\n      {children}\n    </td>\n  )\n})\n\nTableCell.displayName = 'TableCell'\n\n// TableFoot\nexport interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableFoot = forwardRef<HTMLTableSectionElement, TableFootProps>(function TableFoot(\n  { className, style, children, ...props },\n  ref\n) {\n  return (\n    <tfoot\n      ref={ref}\n      className={cx('brycks-table-foot', className)}\n      style={style}\n      {...props}\n    >\n      {children}\n    </tfoot>\n  )\n})\n\nTableFoot.displayName = 'TableFoot'\n\n// TableCaption\nexport interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {\n  /** Caption placement */\n  placement?: 'top' | 'bottom'\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(function TableCaption(\n  { placement = 'bottom', className, style, children, ...props },\n  ref\n) {\n  // Caption side is dynamic per prop; everything else lives in CSS.\n  const captionStyle: CSSProperties = {\n    captionSide: placement,\n    ...style,\n  }\n\n  return (\n    <caption\n      ref={ref}\n      className={cx('brycks-table-caption', className)}\n      style={captionStyle}\n      {...props}\n    >\n      {children}\n    </caption>\n  )\n})\n\nTableCaption.displayName = 'TableCaption'\n\n// TableEmpty — a full-width empty state row, drop inside <TableBody>\nexport interface TableEmptyProps {\n  /** Number of columns to span (match the table's column count) */\n  colSpan: number\n  /** Icon or illustration */\n  icon?: ReactNode\n  /** Title text */\n  title?: ReactNode\n  /** Description text */\n  description?: ReactNode\n  /** Action element (button, link) */\n  action?: ReactNode\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableEmpty = forwardRef<HTMLTableRowElement, TableEmptyProps>(function TableEmpty(\n  { colSpan, icon, title, description, action, className },\n  ref\n) {\n  return (\n    <tr ref={ref} className={cx('brycks-table-empty', className)}>\n      <td colSpan={colSpan} style={{ padding: 0 }}>\n        <EmptyState icon={icon} title={title} description={description} action={action} />\n      </td>\n    </tr>\n  )\n})\n\nTableEmpty.displayName = 'TableEmpty'\n\n// TableSkeleton — placeholder rows shown while data loads, drop inside <TableBody>\nexport interface TableSkeletonProps {\n  /** Number of skeleton rows */\n  rows?: number\n  /** Number of columns per row (match the table's column count) */\n  columns: number\n  /** Custom class name applied to each row */\n  className?: string\n}\n\n// Deterministic per-column widths so the placeholder reads like real data\nconst skeletonWidths = ['70%', '45%', '85%', '55%', '60%', '40%']\n\nexport function TableSkeleton({ rows = 5, columns, className }: TableSkeletonProps) {\n  return (\n    <>\n      {Array.from({ length: rows }).map((_, rowIndex) => (\n        <TableRow key={rowIndex} className={cx('brycks-table-skeleton-row', className)} aria-hidden=\"true\">\n          {Array.from({ length: columns }).map((_, colIndex) => (\n            <TableCell key={colIndex}>\n              <Skeleton variant=\"text\" width={skeletonWidths[colIndex % skeletonWidths.length]} />\n            </TableCell>\n          ))}\n        </TableRow>\n      ))}\n    </>\n  )\n}\n\nTableSkeleton.displayName = 'TableSkeleton'\n"],"names":["TableContext","createContext","useTableContext","useContext","Table","forwardRef","size","variant","stickyHeader","loading","className","style","children","testId","props","ref","jsx","cx","TableHead","sticky","TableBody","TableRow","selected","clickable","SortIcon","direction","TableHeader","sortable","sortDirection","onSort","align","alignStyle","contentJustify","jsxs","TableCell","truncate","TableFoot","TableCaption","placement","captionStyle","TableEmpty","colSpan","icon","title","description","action","EmptyState","skeletonWidths","TableSkeleton","rows","columns","Fragment","_","rowIndex","colIndex","Skeleton"],"mappings":";;;;;AA+BA,MAAMA,IAAeC,EAAiC,EAAE,MAAM,MAAM,SAAS,WAAW,cAAc,IAAO;AAE7G,SAASC,IAAkB;AACzB,SAAOC,EAAWH,CAAY;AAChC;AAiBO,MAAMI,IAAQC,EAAyC,SAC5D;AAAA,EACE,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC,EAAChB,EAAa,UAAb,EAAsB,OAAO,EAAE,MAAAM,GAAM,SAAAC,GAAS,cAAAC,EAAA,GAC7C,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,0BAAyB,OAAAL,GACtC,UAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,gBAAgB,iBAAiBX,CAAI,IAAI,iBAAiBC,CAAO,IAAIG,CAAS;AAAA,MAC5F,OAAOD,IAAU,EAAE,SAAS,QAAQ;AAAA,MACpC,aAAWA,KAAW;AAAA,MACtB,eAAaI;AAAA,MACZ,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL,EAAA,CACF;AAEJ,CAAC;AAEDR,EAAM,cAAc;AAUb,MAAMc,IAAYb,EAAoD,SAC3E,EAAE,QAAAc,IAAS,IAAO,WAAAT,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGE,EAAA,GACjDC,GACA;AACA,QAAM,EAAE,cAAAP,EAAA,IAAiBN,EAAA;AAGzB,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,sBALDE,KAAUX,MAKwB,6BAA6BE,CAAS;AAAA,MACrF,OAAAC;AAAA,MACC,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDM,EAAU,cAAc;AAQjB,MAAME,IAAYf,EAAoD,SAC3E,EAAE,WAAAK,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGE,EAAA,GACjCC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,qBAAqBP,CAAS;AAAA,MAC5C,OAAAC;AAAA,MACC,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDQ,EAAU,cAAc;AAYjB,MAAMC,IAAWhB,EAA+C,SACrE,EAAE,UAAAiB,IAAW,IAAO,WAAAC,IAAY,IAAO,WAAAb,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGE,EAAA,GACtEC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAK,KAAY;AAAA,QACZC,KAAa;AAAA,QACbb;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MACC,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDS,EAAS,cAAc;AAgBvB,SAASG,EAAS,EAAE,WAAAC,KAAmD;AACrE,SAAKA,IAUH,gBAAAT,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACrE,UAAAS,MAAc,QACb,gBAAAT,EAAC,QAAA,EAAK,GAAE,oBAAmB,MAAK,eAAA,CAAe,IAE/C,gBAAAA,EAAC,QAAA,EAAK,GAAE,sBAAqB,MAAK,eAAA,CAAe,GAErD,sBAdG,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAO,EAAE,SAAS,IAAA,GAAO,eAAY,QAC/F,UAAA;AAAA,IAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,oBAAmB,MAAK,gBAAe;AAAA,IAC/C,gBAAAA,EAAC,QAAA,EAAK,GAAE,sBAAqB,MAAK,eAAA,CAAe;AAAA,EAAA,GACnD;AAaN;AAEO,MAAMU,IAAcrB,EAAmD,SAC5E;AAAA,EACE,UAAAsB,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAApB;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGE;AACL,GACAC,GACA;AAEA,QAAMgB,IAA4B;AAAA,IAChC,WAAWD;AAAA,IACX,GAAGnB;AAAA,EAAA,GAGCqB,IAAgC;AAAA,IACpC,gBAAgBF,MAAU,UAAU,aAAaA,MAAU,WAAW,WAAW;AAAA,EAAA;AAGnF,SACE,gBAAAd;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aACEY,IACIC,MAAkB,QAChB,cACAA,MAAkB,SAClB,eACA,SACF;AAAA,MAEN,WAAWX,EAAG,uBAAuBU,KAAY,iCAAiCjB,CAAS;AAAA,MAC3F,OAAOqB;AAAA,MACN,GAAGjB;AAAA,MAEH,UAAAa;AAAA;AAAA,QAEC,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,OAAOD;AAAA,YACP,SAAS,MAAMH,IAAA;AAAA,YAEd,UAAA;AAAA,cAAAjB;AAAA,cACD,gBAAAI,EAACQ,GAAA,EAAS,WAAWI,EAAA,CAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,4BAGrC,QAAA,EAAK,WAAU,gCAA+B,OAAOI,GACnD,UAAApB,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAEDc,EAAY,cAAc;AAYnB,MAAMQ,IAAY7B,EAAiD,SACxE,EAAE,OAAAyB,IAAQ,QAAQ,UAAAK,IAAW,IAAO,WAAAzB,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGE,EAAA,GACnEC,GACA;AAEA,QAAMgB,IAA4B;AAAA,IAChC,WAAWD;AAAA,IACX,GAAGnB;AAAA,EAAA;AAGL,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,qBAAqBkB,KAAY,+BAA+BzB,CAAS;AAAA,MACvF,OAAOqB;AAAA,MACP,OAAOI,KAAY,OAAOvB,KAAa,WAAWA,IAAW;AAAA,MAC5D,GAAGE;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDsB,EAAU,cAAc;AAQjB,MAAME,IAAY/B,EAAoD,SAC3E,EAAE,WAAAK,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGE,EAAA,GACjCC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,qBAAqBP,CAAS;AAAA,MAC5C,OAAAC;AAAA,MACC,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDwB,EAAU,cAAc;AAUjB,MAAMC,IAAehC,EAAuD,SACjF,EAAE,WAAAiC,IAAY,UAAU,WAAA5B,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGE,EAAA,GACvDC,GACA;AAEA,QAAMwB,IAA8B;AAAA,IAClC,aAAaD;AAAA,IACb,GAAG3B;AAAA,EAAA;AAGL,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,wBAAwBP,CAAS;AAAA,MAC/C,OAAO6B;AAAA,MACN,GAAGzB;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDyB,EAAa,cAAc;AAkBpB,MAAMG,IAAanC,EAAiD,SACzE,EAAE,SAAAoC,GAAS,MAAAC,GAAM,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,WAAAnC,EAAA,GAC7CK,GACA;AACA,SACE,gBAAAC,EAAC,QAAG,KAAAD,GAAU,WAAWE,EAAG,sBAAsBP,CAAS,GACzD,UAAA,gBAAAM,EAAC,MAAA,EAAG,SAAAyB,GAAkB,OAAO,EAAE,SAAS,EAAA,GACtC,UAAA,gBAAAzB,EAAC8B,GAAA,EAAW,MAAAJ,GAAY,OAAAC,GAAc,aAAAC,GAA0B,QAAAC,EAAA,CAAgB,EAAA,CAClF,EAAA,CACF;AAEJ,CAAC;AAEDL,EAAW,cAAc;AAazB,MAAMO,IAAiB,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAEzD,SAASC,EAAc,EAAE,MAAAC,IAAO,GAAG,SAAAC,GAAS,WAAAxC,KAAiC;AAClF,SACE,gBAAAM,EAAAmC,GAAA,EACG,gBAAM,KAAK,EAAE,QAAQF,EAAA,CAAM,EAAE,IAAI,CAACG,GAAGC,MACpC,gBAAArC,EAACK,GAAA,EAAwB,WAAWJ,EAAG,6BAA6BP,CAAS,GAAG,eAAY,QACzF,UAAA,MAAM,KAAK,EAAE,QAAQwC,GAAS,EAAE,IAAI,CAACE,GAAGE,MACvC,gBAAAtC,EAACkB,GAAA,EACC,UAAA,gBAAAlB,EAACuC,GAAA,EAAS,SAAQ,QAAO,OAAOR,EAAeO,IAAWP,EAAe,MAAM,EAAA,CAAG,EAAA,GADpEO,CAEhB,CACD,EAAA,GALYD,CAMf,CACD,EAAA,CACH;AAEJ;AAEAL,EAAc,cAAc;"}
+{"version":3,"file":"Table.js","sources":["../../../../src/components/data/Table/Table.tsx"],"sourcesContent":["/**\r\n * Table Component\r\n *\r\n * A flexible table component with sorting, selection, and responsive support.\r\n * Follows design system patterns for consistent styling.\r\n */\r\n\r\nimport {\r\n  forwardRef,\r\n  createContext,\r\n  useContext,\r\n  type CSSProperties,\r\n  type HTMLAttributes,\r\n  type ThHTMLAttributes,\r\n  type TdHTMLAttributes,\r\n  type ReactNode,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\nimport { EmptyState } from '../../utility/EmptyState'\r\nimport { Skeleton } from '../../utility/Skeleton'\r\n\r\nexport type TableSize = 'sm' | 'md' | 'lg'\r\n// `striped` was dead API (no CSS, incompatible with inline row styling) — removed in 0.5.0.\r\nexport type TableVariant = 'default' | 'bordered'\r\n\r\ninterface TableContextValue {\r\n  size: TableSize\r\n  variant: TableVariant\r\n  stickyHeader: boolean\r\n}\r\n\r\nconst TableContext = createContext<TableContextValue>({ size: 'md', variant: 'default', stickyHeader: false })\r\n\r\nfunction useTableContext() {\r\n  return useContext(TableContext)\r\n}\r\n\r\nexport interface TableProps extends HTMLAttributes<HTMLTableElement> {\r\n  /** Table size */\r\n  size?: TableSize\r\n  /** Table variant */\r\n  variant?: TableVariant\r\n  /** Whether the table has a sticky header */\r\n  stickyHeader?: boolean\r\n  /** Whether the table is in a loading state */\r\n  loading?: boolean\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n}\r\n\r\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\r\n  {\r\n    size = 'md',\r\n    variant = 'default',\r\n    stickyHeader = false,\r\n    loading = false,\r\n    className,\r\n    style,\r\n    children,\r\n    testId,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  return (\r\n    <TableContext.Provider value={{ size, variant, stickyHeader }}>\r\n      <div className=\"brycks-table-container\" style={style}>\r\n        <table\r\n          ref={ref}\r\n          className={cx('brycks-table', `brycks-table--${size}`, `brycks-table--${variant}`, className)}\r\n          style={loading ? { opacity: 0.6 } : undefined}\r\n          aria-busy={loading || undefined}\r\n          data-testid={testId}\r\n          {...props}\r\n        >\r\n          {children}\r\n        </table>\r\n      </div>\r\n    </TableContext.Provider>\r\n  )\r\n})\r\n\r\nTable.displayName = 'Table'\r\n\r\n// TableHead\r\nexport interface TableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {\r\n  /** Whether the header is sticky */\r\n  sticky?: boolean\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(function TableHead(\r\n  { sticky = false, className, style, children, ...props },\r\n  ref\r\n) {\r\n  const { stickyHeader } = useTableContext()\r\n  const isSticky = sticky || stickyHeader\r\n\r\n  return (\r\n    <thead\r\n      ref={ref}\r\n      className={cx('brycks-table-head', isSticky && 'brycks-table-head--sticky', className)}\r\n      style={style}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </thead>\r\n  )\r\n})\r\n\r\nTableHead.displayName = 'TableHead'\r\n\r\n// TableBody\r\nexport interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(function TableBody(\r\n  { className, style, children, ...props },\r\n  ref\r\n) {\r\n  return (\r\n    <tbody\r\n      ref={ref}\r\n      className={cx('brycks-table-body', className)}\r\n      style={style}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </tbody>\r\n  )\r\n})\r\n\r\nTableBody.displayName = 'TableBody'\r\n\r\n// TableRow\r\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\r\n  /** Whether the row is selected */\r\n  selected?: boolean\r\n  /** Whether the row is clickable */\r\n  clickable?: boolean\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\r\n  { selected = false, clickable = false, className, style, children, ...props },\r\n  ref\r\n) {\r\n  return (\r\n    <tr\r\n      ref={ref}\r\n      className={cx(\r\n        'brycks-table-row',\r\n        selected && 'brycks-table-row--selected',\r\n        clickable && 'brycks-table-row--clickable',\r\n        className\r\n      )}\r\n      style={style}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </tr>\r\n  )\r\n})\r\n\r\nTableRow.displayName = 'TableRow'\r\n\r\n// TableHeader (th)\r\nexport interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {\r\n  /** Whether the column is sortable */\r\n  sortable?: boolean\r\n  /** Sort direction */\r\n  sortDirection?: 'asc' | 'desc' | null\r\n  /** Callback when sort is requested */\r\n  onSort?: () => void\r\n  /** Text alignment */\r\n  align?: 'left' | 'center' | 'right'\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nfunction SortIcon({ direction }: { direction: 'asc' | 'desc' | null }) {\r\n  if (!direction) {\r\n    return (\r\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" style={{ opacity: 0.4 }} aria-hidden=\"true\">\r\n        <path d=\"M7 3L10 6H4L7 3Z\" fill=\"currentColor\" />\r\n        <path d=\"M7 11L4 8H10L7 11Z\" fill=\"currentColor\" />\r\n      </svg>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\r\n      {direction === 'asc' ? (\r\n        <path d=\"M7 3L10 6H4L7 3Z\" fill=\"currentColor\" />\r\n      ) : (\r\n        <path d=\"M7 11L4 8H10L7 11Z\" fill=\"currentColor\" />\r\n      )}\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport const TableHeader = forwardRef<HTMLTableCellElement, TableHeaderProps>(function TableHeader(\r\n  {\r\n    sortable = false,\r\n    sortDirection = null,\r\n    onSort,\r\n    align = 'left',\r\n    className,\r\n    style,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  // Alignment is dynamic per prop; everything else lives in CSS.\r\n  const alignStyle: CSSProperties = {\r\n    textAlign: align,\r\n    ...style,\r\n  }\r\n\r\n  const contentJustify: CSSProperties = {\r\n    justifyContent: align === 'right' ? 'flex-end' : align === 'center' ? 'center' : 'flex-start',\r\n  }\r\n\r\n  return (\r\n    <th\r\n      ref={ref}\r\n      aria-sort={\r\n        sortable\r\n          ? sortDirection === 'asc'\r\n            ? 'ascending'\r\n            : sortDirection === 'desc'\r\n            ? 'descending'\r\n            : 'none'\r\n          : undefined\r\n      }\r\n      className={cx('brycks-table-header', sortable && 'brycks-table-header--sortable', className)}\r\n      style={alignStyle}\r\n      {...props}\r\n    >\r\n      {sortable ? (\r\n        // Sorting happens through a real button so it is reachable by keyboard\r\n        <button\r\n          type=\"button\"\r\n          className=\"brycks-table-header__content brycks-table-header__sort\"\r\n          style={contentJustify}\r\n          onClick={() => onSort?.()}\r\n        >\r\n          {children}\r\n          <SortIcon direction={sortDirection} />\r\n        </button>\r\n      ) : (\r\n        <span className=\"brycks-table-header__content\" style={contentJustify}>\r\n          {children}\r\n        </span>\r\n      )}\r\n    </th>\r\n  )\r\n})\r\n\r\nTableHeader.displayName = 'TableHeader'\r\n\r\n// TableCell (td)\r\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\r\n  /** Text alignment */\r\n  align?: 'left' | 'center' | 'right'\r\n  /** Whether to truncate text */\r\n  truncate?: boolean\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\r\n  { align = 'left', truncate = false, className, style, children, ...props },\r\n  ref\r\n) {\r\n  // Alignment is dynamic per prop; everything else lives in CSS.\r\n  const alignStyle: CSSProperties = {\r\n    textAlign: align,\r\n    ...style,\r\n  }\r\n\r\n  return (\r\n    <td\r\n      ref={ref}\r\n      className={cx('brycks-table-cell', truncate && 'brycks-table-cell--truncate', className)}\r\n      style={alignStyle}\r\n      title={truncate && typeof children === 'string' ? children : undefined}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </td>\r\n  )\r\n})\r\n\r\nTableCell.displayName = 'TableCell'\r\n\r\n// TableFoot\r\nexport interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableFoot = forwardRef<HTMLTableSectionElement, TableFootProps>(function TableFoot(\r\n  { className, style, children, ...props },\r\n  ref\r\n) {\r\n  return (\r\n    <tfoot\r\n      ref={ref}\r\n      className={cx('brycks-table-foot', className)}\r\n      style={style}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </tfoot>\r\n  )\r\n})\r\n\r\nTableFoot.displayName = 'TableFoot'\r\n\r\n// TableCaption\r\nexport interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {\r\n  /** Caption placement */\r\n  placement?: 'top' | 'bottom'\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(function TableCaption(\r\n  { placement = 'bottom', className, style, children, ...props },\r\n  ref\r\n) {\r\n  // Caption side is dynamic per prop; everything else lives in CSS.\r\n  const captionStyle: CSSProperties = {\r\n    captionSide: placement,\r\n    ...style,\r\n  }\r\n\r\n  return (\r\n    <caption\r\n      ref={ref}\r\n      className={cx('brycks-table-caption', className)}\r\n      style={captionStyle}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </caption>\r\n  )\r\n})\r\n\r\nTableCaption.displayName = 'TableCaption'\r\n\r\n// TableEmpty — a full-width empty state row, drop inside <TableBody>\r\nexport interface TableEmptyProps {\r\n  /** Number of columns to span (match the table's column count) */\r\n  colSpan: number\r\n  /** Icon or illustration */\r\n  icon?: ReactNode\r\n  /** Title text */\r\n  title?: ReactNode\r\n  /** Description text */\r\n  description?: ReactNode\r\n  /** Action element (button, link) */\r\n  action?: ReactNode\r\n  /** Custom class name */\r\n  className?: string\r\n}\r\n\r\nexport const TableEmpty = forwardRef<HTMLTableRowElement, TableEmptyProps>(function TableEmpty(\r\n  { colSpan, icon, title, description, action, className },\r\n  ref\r\n) {\r\n  return (\r\n    <tr ref={ref} className={cx('brycks-table-empty', className)}>\r\n      <td colSpan={colSpan} style={{ padding: 0 }}>\r\n        <EmptyState icon={icon} title={title} description={description} action={action} />\r\n      </td>\r\n    </tr>\r\n  )\r\n})\r\n\r\nTableEmpty.displayName = 'TableEmpty'\r\n\r\n// TableSkeleton — placeholder rows shown while data loads, drop inside <TableBody>\r\nexport interface TableSkeletonProps {\r\n  /** Number of skeleton rows */\r\n  rows?: number\r\n  /** Number of columns per row (match the table's column count) */\r\n  columns: number\r\n  /** Custom class name applied to each row */\r\n  className?: string\r\n}\r\n\r\n// Deterministic per-column widths so the placeholder reads like real data\r\nconst skeletonWidths = ['70%', '45%', '85%', '55%', '60%', '40%']\r\n\r\nexport function TableSkeleton({ rows = 5, columns, className }: TableSkeletonProps) {\r\n  return (\r\n    <>\r\n      {Array.from({ length: rows }).map((_, rowIndex) => (\r\n        <TableRow key={rowIndex} className={cx('brycks-table-skeleton-row', className)} aria-hidden=\"true\">\r\n          {Array.from({ length: columns }).map((_, colIndex) => (\r\n            <TableCell key={colIndex}>\r\n              <Skeleton variant=\"text\" width={skeletonWidths[colIndex % skeletonWidths.length]} />\r\n            </TableCell>\r\n          ))}\r\n        </TableRow>\r\n      ))}\r\n    </>\r\n  )\r\n}\r\n\r\nTableSkeleton.displayName = 'TableSkeleton'\r\n"],"names":["TableContext","createContext","useTableContext","useContext","Table","forwardRef","size","variant","stickyHeader","loading","className","style","children","testId","props","ref","jsx","cx","TableHead","sticky","TableBody","TableRow","selected","clickable","SortIcon","direction","TableHeader","sortable","sortDirection","onSort","align","alignStyle","contentJustify","jsxs","TableCell","truncate","TableFoot","TableCaption","placement","captionStyle","TableEmpty","colSpan","icon","title","description","action","EmptyState","skeletonWidths","TableSkeleton","rows","columns","Fragment","_","rowIndex","colIndex","Skeleton"],"mappings":"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"}

package/dist/components/data.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./data/Table/Table.cjs"),t=require("./data/List/List.cjs"),i=require("./data/InfoItem/InfoItem.cjs"),l=require("./data/TreeView/TreeView.cjs"),a=require("./data/VirtualList/VirtualList.cjs");exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableEmpty=e.TableEmpty;exports.TableFoot=e.TableFoot;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.TableSkeleton=e.TableSkeleton;exports.List=t.List;exports.ListDivider=t.ListDivider;exports.ListHeader=t.ListHeader;exports.ListItem=t.ListItem;exports.InfoItem=i.InfoItem;exports.InfoList=i.InfoList;exports.TreeView=l.TreeView;exports.VariableHeightVirtualList=a.VariableHeightVirtualList;exports.VirtualList=a.VirtualList;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./data/Table/Table.cjs"),t=require("./data/List/List.cjs"),i=require("./data/InfoItem/InfoItem.cjs"),l=require("./data/TreeView/TreeView.cjs"),a=require("./data/VirtualList/VirtualList.cjs"),r=require("./data/PieChart/PieChart.cjs");exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableEmpty=e.TableEmpty;exports.TableFoot=e.TableFoot;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.TableSkeleton=e.TableSkeleton;exports.List=t.List;exports.ListDivider=t.ListDivider;exports.ListHeader=t.ListHeader;exports.ListItem=t.ListItem;exports.InfoItem=i.InfoItem;exports.InfoList=i.InfoList;exports.TreeView=l.TreeView;exports.VariableHeightVirtualList=a.VariableHeightVirtualList;exports.VirtualList=a.VirtualList;exports.PieChart=r.PieChart;
 //# sourceMappingURL=data.cjs.map

package/dist/components/data.js

@@ -1,27 +1,29 @@
-import { Table as a, TableBody as o, TableCaption as r, TableCell as l, TableEmpty as i, TableFoot as b, TableHead as T, TableHeader as m, TableRow as f, TableSkeleton as p } from "./data/Table/Table.js";
-import { List as L, ListDivider as d, ListHeader as x, ListItem as n } from "./data/List/List.js";
+import { Table as o, TableBody as r, TableCaption as a, TableCell as i, TableEmpty as l, TableFoot as b, TableHead as T, TableHeader as m, TableRow as f, TableSkeleton as p } from "./data/Table/Table.js";
+import { List as L, ListDivider as x, ListHeader as d, ListItem as n } from "./data/List/List.js";
 import { InfoItem as I, InfoList as V } from "./data/InfoItem/InfoItem.js";
-import { TreeView as w } from "./data/TreeView/TreeView.js";
-import { VariableHeightVirtualList as C, VirtualList as g } from "./data/VirtualList/VirtualList.js";
+import { TreeView as h } from "./data/TreeView/TreeView.js";
+import { VariableHeightVirtualList as w, VirtualList as y } from "./data/VirtualList/VirtualList.js";
+import { PieChart as k } from "./data/PieChart/PieChart.js";
 export {
   I as InfoItem,
   V as InfoList,
   L as List,
-  d as ListDivider,
-  x as ListHeader,
+  x as ListDivider,
+  d as ListHeader,
   n as ListItem,
-  a as Table,
-  o as TableBody,
-  r as TableCaption,
-  l as TableCell,
-  i as TableEmpty,
+  k as PieChart,
+  o as Table,
+  r as TableBody,
+  a as TableCaption,
+  i as TableCell,
+  l as TableEmpty,
   b as TableFoot,
   T as TableHead,
   m as TableHeader,
   f as TableRow,
   p as TableSkeleton,
-  w as TreeView,
-  C as VariableHeightVirtualList,
-  g as VirtualList
+  h as TreeView,
+  w as VariableHeightVirtualList,
+  y as VirtualList
 };
 //# sourceMappingURL=data.js.map

package/dist/components/data.js.map

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

package/dist/data.d.ts

@@ -107,6 +107,46 @@ export declare type ListSize = 'sm' | 'md' | 'lg';
 
 export declare type ListVariant = 'default' | 'bordered' | 'separated';
 
+export declare const PieChart: ForwardRefExoticComponent<PieChartProps & RefAttributes<HTMLDivElement>>;
+
+export declare type PieChartLegend = 'right' | 'bottom' | 'none';
+
+export declare interface PieChartProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /** Fatias do gráfico */
+    data: PieSlice[];
+    /** Diâmetro do gráfico em px */
+    size?: number;
+    /** Espessura do anel em px. `0` = pizza cheia; padrão = rosca */
+    thickness?: number;
+    /** Posição da legenda */
+    legend?: PieChartLegend;
+    /** Rótulo no centro da rosca (ignorado quando `thickness = 0`) */
+    centerLabel?: ReactNode;
+    /** Conteúdo central; por padrão, a soma dos valores */
+    centerValue?: ReactNode;
+    /** Formata valores na legenda, no centro e no resumo acessível */
+    valueFormatter?: (value: number) => string;
+    /** Exibe a participação percentual de cada fatia na legenda */
+    showShare?: boolean;
+    /** Texto quando não há dado positivo */
+    emptyText?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare interface PieSlice {
+    /** Chave estável da fatia */
+    id: string;
+    /** Rótulo legível (aparece na legenda e no leitor de tela) */
+    label: string;
+    /** Valor absoluto — negativos são ignorados */
+    value: number;
+    /** Cor da fatia; use um token (`var(--brycks-*)`). Sem cor, entra na paleta padrão. */
+    color?: string;
+}
+
 export declare const Table: ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>>;
 
 export declare const TableBody: ForwardRefExoticComponent<TableBodyProps & RefAttributes<HTMLTableSectionElement>>;

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css             */const i=require("./hooks/useMediaQuery.cjs"),E=require("./hooks/useDisclosure.cjs"),V=require("./hooks/useClickOutside.cjs"),W=require("./hooks/useKeyboardNavigation.cjs"),K=require("./hooks/useFocusTrap.cjs"),P=require("./hooks/useId.cjs"),N=require("./hooks/useControllable.cjs"),n=require("./utils/styles.cjs"),T=require("./utils/lazyComponent.cjs"),t=require("./design-system/tokens/colors.cjs"),f=require("./design-system/tokens/spacing.cjs"),s=require("./design-system/tokens/typography.cjs"),b=require("./design-system/tokens/shadows.cjs"),I=require("./design-system/tokens/borders.cjs"),y=require("./design-system/tokens/breakpoints.cjs"),Q=require("./design-system/tokens/zIndex.cjs"),d=require("./design-system/tokens/motion.cjs"),r=require("./design-system/primitives/sizing.cjs"),o=require("./design-system/primitives/layout.cjs"),h=require("./design-system/primitives/focus.cjs"),c=require("./design-system/primitives/transitions.cjs"),l=require("./design-system/primitives/typography.cjs"),C=require("./design-system/primitives/opacity.cjs"),F=require("./design-system/themes/ThemeProvider.cjs"),Z=require("./design-system/themes/lightTheme.cjs"),X=require("./design-system/themes/darkTheme.cjs"),Y=require("./design-system/themes/cssVariables.cjs"),j=require("./components/layout/Box/Box.cjs"),D=require("./components/layout/Stack/Stack.cjs"),z=require("./components/layout/Grid/Grid.cjs"),$=require("./components/layout/Container/Container.cjs"),p=require("./components/layout/Card/Card.cjs"),J=require("./components/layout/Section/Section.cjs"),U=require("./components/layout/Spacer/Spacer.cjs"),k=require("./components/layout/Flex/Flex.cjs"),_=require("./components/layout/AspectRatio/AspectRatio.cjs"),ee=require("./components/media/Image/Image.cjs"),re=require("./components/media/Video/Video.cjs"),oe=require("./components/media/ImageThumbnail/ImageThumbnail.cjs"),v=require("./components/typography/Text/Text.cjs"),x=require("./components/typography/Heading/Heading.cjs"),L=require("./components/primitives/Button/Button.cjs"),te=require("./components/primitives/Icon/Icon.cjs"),ie=require("./components/primitives/Icon/iconPaths.cjs"),ne=require("./components/form/Input/Input.cjs"),se=require("./components/form/SearchInput/SearchInput.cjs"),ae=require("./components/form/TextField/TextField.cjs"),ce=require("./components/form/Select/Select.cjs"),ue=require("./components/form/Checkbox/Checkbox.cjs"),de=require("./components/form/Switch/Switch.cjs"),le=require("./components/form/Textarea/Textarea.cjs"),w=require("./components/form/Radio/Radio.cjs"),pe=require("./components/form/Slider/Slider.cjs"),me=require("./components/form/DateInput/DateInput.cjs"),ge=require("./components/form/FileInput/FileInput.cjs"),qe=require("./components/form/FormField/FormField.cjs"),Se=require("./components/form/FieldError/FieldError.cjs"),Te=require("./components/form/Form/Form.cjs"),be=require("./components/form/FormLabel/FormLabel.cjs"),Ie=require("./components/form/FormGroup/FormGroup.cjs"),ye=require("./components/form/DropZone/DropZone.cjs"),he=require("./components/form/FormCard/FormCard.cjs"),Ce=require("./components/feedback/Modal/Modal.cjs"),Fe=require("./components/feedback/Alert/Alert.cjs"),De=require("./components/feedback/Banner/Banner.cjs"),Pe=require("./components/feedback/ConfirmDialog/ConfirmDialog.cjs"),fe=require("./components/feedback/Tooltip/Tooltip.cjs"),B=require("./components/feedback/Toast/Toast.cjs"),ze=require("./components/feedback/Toast/ToastContext.cjs"),ke=require("./components/feedback/Drawer/Drawer.cjs"),ve=require("./components/feedback/Popover/Popover.cjs"),xe=require("./components/feedback/Progress/Progress.cjs"),u=require("./components/navigation/Tabs/Tabs.cjs"),m=require("./components/navigation/Accordion/Accordion.cjs"),g=require("./components/navigation/Dropdown/Dropdown.cjs"),q=require("./components/navigation/Menu/Menu.cjs"),Le=require("./components/navigation/Pagination/Pagination.cjs"),A=require("./components/navigation/Breadcrumb/Breadcrumb.cjs"),we=require("./components/navigation/SegmentedControl/SegmentedControl.cjs"),e=require("./components/data/Table/Table.cjs"),S=require("./components/data/List/List.cjs"),M=require("./components/data/InfoItem/InfoItem.cjs"),Be=require("./components/utility/Badge/Badge.cjs"),H=require("./components/utility/Loader/Loader.cjs"),R=require("./components/utility/Skeleton/Skeleton.cjs"),Ae=require("./components/utility/Divider/Divider.cjs"),O=require("./components/utility/EmptyState/EmptyState.cjs"),Me=require("./components/utility/Portal/Portal.cjs"),He=require("./components/utility/FocusTrap/FocusTrap.cjs"),Re=require("./components/utility/Overlay/Overlay.cjs"),G=require("./components/utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),Oe=require("./components/utility/Avatar/Avatar.cjs"),Ge=require("./components/utility/Logo/Logo.cjs"),Ee=require("./components/utility/Kbd/Kbd.cjs"),a=require("./components/layout/Semantic/Semantic.cjs");exports.useIsDesktop=i.useIsDesktop;exports.useIsMobile=i.useIsMobile;exports.useIsTablet=i.useIsTablet;exports.useMediaQuery=i.useMediaQuery;exports.usePrefersDarkMode=i.usePrefersDarkMode;exports.usePrefersReducedMotion=i.usePrefersReducedMotion;exports.useDisclosure=E.useDisclosure;exports.useClickOutside=V.useClickOutside;exports.useKeyboardNavigation=W.useKeyboardNavigation;exports.useFocusTrap=K.useFocusTrap;exports.useId=P.useId;exports.useIds=P.useIds;exports.useControllable=N.useControllable;exports.buildSpacingStyles=n.buildSpacingStyles;exports.cx=n.cx;exports.generateId=n.generateId;exports.getSpacingValue=n.getSpacingValue;exports.hexToRgba=n.hexToRgba;exports.spacingToCss=n.spacingToCss;exports.createInteractionLazyComponent=T.createInteractionLazyComponent;exports.createLazyComponent=T.createLazyComponent;exports.preloadComponents=T.preloadComponents;exports.accent=t.accent;exports.colors=t.colors;exports.error=t.error;exports.info=t.info;exports.neutrals=t.neutrals;exports.primary=t.primary;exports.success=t.success;exports.warning=t.warning;exports.semanticSpacing=f.semanticSpacing;exports.spacing=f.spacing;exports.fontFamilies=s.fontFamilies;exports.fontSizes=s.fontSizes;exports.fontWeights=s.fontWeights;exports.letterSpacings=s.letterSpacings;exports.lineHeights=s.lineHeights;exports.textStyles=s.textStyles;exports.focusRings=b.focusRings;exports.glows=b.glows;exports.shadows=b.shadows;exports.borderStyles=I.borderStyles;exports.borderWidths=I.borderWidths;exports.radii=I.radii;exports.breakpoints=y.breakpoints;exports.containers=y.containers;exports.mediaQueries=y.mediaQueries;exports.zIndex=Q.zIndex;exports.animations=d.animations;exports.durations=d.durations;exports.easings=d.easings;exports.transitions=d.transitions;exports.componentGap=r.componentGap;exports.componentHeights=r.componentHeights;exports.componentPaddingX=r.componentPaddingX;exports.componentPaddingY=r.componentPaddingY;exports.controlSizes=r.controlSizes;exports.iconSizes=r.iconSizes;exports.modalWidths=r.modalWidths;exports.popoverSizing=r.popoverSizing;exports.switchSizes=r.switchSizes;exports.avatarSizes=o.avatarSizes;exports.contentPadding=o.contentPadding;exports.headerSizes=o.headerSizes;exports.iconButtonSizes=o.iconButtonSizes;exports.pageHeaderSpacing=o.pageHeaderSpacing;exports.quickActionSizes=o.quickActionSizes;exports.searchInputSizes=o.searchInputSizes;exports.sidebarSizes=o.sidebarSizes;exports.statCardSizes=o.statCardSizes;exports.focusRing=h.focusRing;exports.focusRingOffset=h.focusRingOffset;exports.focusStyles=h.focusStyles;exports.duration=c.duration;exports.easing=c.easing;exports.keyframes=c.keyframes;exports.transition=c.transition;exports.transitionProperties=c.transitionProperties;exports.componentFontSize=l.componentFontSize;exports.componentFontWeight=l.componentFontWeight;exports.componentLineHeight=l.componentLineHeight;exports.componentTypography=l.componentTypography;exports.opacity=C.opacity;exports.scale=C.scale;exports.stateOpacity=C.stateOpacity;exports.ThemeProvider=F.ThemeProvider;exports.useTheme=F.useTheme;exports.useThemeColors=F.useThemeColors;exports.lightTheme=Z.lightTheme;exports.darkTheme=X.darkTheme;exports.cssVar=Y.cssVar;exports.Box=j.Box;exports.HStack=D.HStack;exports.Stack=D.Stack;exports.VStack=D.VStack;exports.Grid=z.Grid;exports.GridItem=z.GridItem;exports.Container=$.Container;exports.Card=p.Card;exports.CardBody=p.CardBody;exports.CardFooter=p.CardFooter;exports.CardHeader=p.CardHeader;exports.Section=J.Section;exports.Spacer=U.Spacer;exports.Flex=k.Flex;exports.FlexItem=k.FlexItem;exports.AspectRatio=_.AspectRatio;exports.Image=ee.Image;exports.Video=re.Video;exports.ImageThumbnail=oe.ImageThumbnail;exports.Code=v.Code;exports.Text=v.Text;exports.Display=x.Display;exports.Heading=x.Heading;exports.Button=L.Button;exports.IconButton=L.IconButton;exports.Icon=te.Icon;exports.iconPaths=ie.iconPaths;exports.Input=ne.Input;exports.SearchInput=se.SearchInput;exports.TextField=ae.TextField;exports.Select=ce.Select;exports.Checkbox=ue.Checkbox;exports.Switch=de.Switch;exports.Textarea=le.Textarea;exports.Radio=w.Radio;exports.RadioGroup=w.RadioGroup;exports.Slider=pe.Slider;exports.DateInput=me.DateInput;exports.FileInput=ge.FileInput;exports.FormField=qe.FormField;exports.FieldError=Se.FieldError;exports.Form=Te.Form;exports.FormLabel=be.FormLabel;exports.FormGroup=Ie.FormGroup;exports.DropZone=ye.DropZone;exports.FormCard=he.FormCard;exports.Modal=Ce.Modal;exports.Alert=Fe.Alert;exports.Banner=De.Banner;exports.ConfirmDialog=Pe.ConfirmDialog;exports.Tooltip=fe.Tooltip;exports.Toast=B.Toast;exports.ToastProvider=B.ToastProvider;exports.useToast=ze.useToast;exports.Drawer=ke.Drawer;exports.Popover=ve.Popover;exports.Progress=xe.Progress;exports.Tab=u.Tab;exports.TabList=u.TabList;exports.TabPanel=u.TabPanel;exports.TabPanels=u.TabPanels;exports.Tabs=u.Tabs;exports.Accordion=m.Accordion;exports.AccordionContent=m.AccordionContent;exports.AccordionItem=m.AccordionItem;exports.AccordionTrigger=m.AccordionTrigger;exports.Dropdown=g.Dropdown;exports.DropdownDivider=g.DropdownDivider;exports.DropdownItem=g.DropdownItem;exports.DropdownLabel=g.DropdownLabel;exports.Menu=q.Menu;exports.MenuDivider=q.MenuDivider;exports.MenuGroup=q.MenuGroup;exports.MenuItem=q.MenuItem;exports.Pagination=Le.Pagination;exports.Breadcrumb=A.Breadcrumb;exports.BreadcrumbItem=A.BreadcrumbItem;exports.SegmentedControl=we.SegmentedControl;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableEmpty=e.TableEmpty;exports.TableFoot=e.TableFoot;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.TableSkeleton=e.TableSkeleton;exports.List=S.List;exports.ListDivider=S.ListDivider;exports.ListHeader=S.ListHeader;exports.ListItem=S.ListItem;exports.InfoItem=M.InfoItem;exports.InfoList=M.InfoList;exports.Badge=Be.Badge;exports.Loader=H.Loader;exports.Spinner=H.Spinner;exports.Skeleton=R.Skeleton;exports.SkeletonText=R.SkeletonText;exports.Divider=Ae.Divider;exports.EmptyState=O.EmptyState;exports.EmptyStateIcon=O.EmptyStateIcon;exports.Portal=Me.Portal;exports.FocusTrap=He.FocusTrap;exports.Overlay=Re.Overlay;exports.ScreenReaderOnly=G.ScreenReaderOnly;exports.SrOnly=G.SrOnly;exports.Avatar=Oe.Avatar;exports.Logo=Ge.Logo;exports.Kbd=Ee.Kbd;exports.Article=a.Article;exports.Aside=a.Aside;exports.Footer=a.Footer;exports.Header=a.Header;exports.Main=a.Main;exports.Nav=a.Nav;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css             */const i=require("./hooks/useMediaQuery.cjs"),E=require("./hooks/useDisclosure.cjs"),V=require("./hooks/useClickOutside.cjs"),W=require("./hooks/useKeyboardNavigation.cjs"),K=require("./hooks/useFocusTrap.cjs"),D=require("./hooks/useId.cjs"),N=require("./hooks/useControllable.cjs"),n=require("./utils/styles.cjs"),T=require("./utils/lazyComponent.cjs"),t=require("./design-system/tokens/colors.cjs"),f=require("./design-system/tokens/spacing.cjs"),s=require("./design-system/tokens/typography.cjs"),b=require("./design-system/tokens/shadows.cjs"),I=require("./design-system/tokens/borders.cjs"),h=require("./design-system/tokens/breakpoints.cjs"),Q=require("./design-system/tokens/zIndex.cjs"),d=require("./design-system/tokens/motion.cjs"),r=require("./design-system/primitives/sizing.cjs"),o=require("./design-system/primitives/layout.cjs"),y=require("./design-system/primitives/focus.cjs"),c=require("./design-system/primitives/transitions.cjs"),l=require("./design-system/primitives/typography.cjs"),C=require("./design-system/primitives/opacity.cjs"),F=require("./design-system/themes/ThemeProvider.cjs"),Z=require("./design-system/themes/lightTheme.cjs"),X=require("./design-system/themes/darkTheme.cjs"),Y=require("./design-system/themes/cssVariables.cjs"),j=require("./components/layout/Box/Box.cjs"),P=require("./components/layout/Stack/Stack.cjs"),z=require("./components/layout/Grid/Grid.cjs"),$=require("./components/layout/Container/Container.cjs"),p=require("./components/layout/Card/Card.cjs"),J=require("./components/layout/Section/Section.cjs"),U=require("./components/layout/Spacer/Spacer.cjs"),k=require("./components/layout/Flex/Flex.cjs"),_=require("./components/layout/AspectRatio/AspectRatio.cjs"),ee=require("./components/media/Image/Image.cjs"),re=require("./components/media/Video/Video.cjs"),oe=require("./components/media/ImageThumbnail/ImageThumbnail.cjs"),v=require("./components/typography/Text/Text.cjs"),x=require("./components/typography/Heading/Heading.cjs"),L=require("./components/primitives/Button/Button.cjs"),te=require("./components/primitives/Icon/Icon.cjs"),ie=require("./components/primitives/Icon/iconPaths.cjs"),ne=require("./components/form/Input/Input.cjs"),se=require("./components/form/SearchInput/SearchInput.cjs"),ae=require("./components/form/TextField/TextField.cjs"),ce=require("./components/form/Select/Select.cjs"),ue=require("./components/form/Checkbox/Checkbox.cjs"),de=require("./components/form/Switch/Switch.cjs"),le=require("./components/form/Textarea/Textarea.cjs"),w=require("./components/form/Radio/Radio.cjs"),pe=require("./components/form/Slider/Slider.cjs"),me=require("./components/form/DateInput/DateInput.cjs"),ge=require("./components/form/FileInput/FileInput.cjs"),qe=require("./components/form/FormField/FormField.cjs"),Se=require("./components/form/FieldError/FieldError.cjs"),Te=require("./components/form/Form/Form.cjs"),be=require("./components/form/FormLabel/FormLabel.cjs"),Ie=require("./components/form/FormGroup/FormGroup.cjs"),he=require("./components/form/DropZone/DropZone.cjs"),ye=require("./components/form/FormCard/FormCard.cjs"),Ce=require("./components/feedback/Modal/Modal.cjs"),Fe=require("./components/feedback/Alert/Alert.cjs"),Pe=require("./components/feedback/Banner/Banner.cjs"),De=require("./components/feedback/ConfirmDialog/ConfirmDialog.cjs"),fe=require("./components/feedback/Tooltip/Tooltip.cjs"),B=require("./components/feedback/Toast/Toast.cjs"),ze=require("./components/feedback/Toast/ToastContext.cjs"),ke=require("./components/feedback/Drawer/Drawer.cjs"),ve=require("./components/feedback/Popover/Popover.cjs"),xe=require("./components/feedback/Progress/Progress.cjs"),u=require("./components/navigation/Tabs/Tabs.cjs"),m=require("./components/navigation/Accordion/Accordion.cjs"),g=require("./components/navigation/Dropdown/Dropdown.cjs"),q=require("./components/navigation/Menu/Menu.cjs"),Le=require("./components/navigation/Pagination/Pagination.cjs"),A=require("./components/navigation/Breadcrumb/Breadcrumb.cjs"),we=require("./components/navigation/SegmentedControl/SegmentedControl.cjs"),e=require("./components/data/Table/Table.cjs"),S=require("./components/data/List/List.cjs"),M=require("./components/data/InfoItem/InfoItem.cjs"),Be=require("./components/data/PieChart/PieChart.cjs"),Ae=require("./components/utility/Badge/Badge.cjs"),H=require("./components/utility/Loader/Loader.cjs"),R=require("./components/utility/Skeleton/Skeleton.cjs"),Me=require("./components/utility/Divider/Divider.cjs"),O=require("./components/utility/EmptyState/EmptyState.cjs"),He=require("./components/utility/Portal/Portal.cjs"),Re=require("./components/utility/FocusTrap/FocusTrap.cjs"),Oe=require("./components/utility/Overlay/Overlay.cjs"),G=require("./components/utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),Ge=require("./components/utility/Avatar/Avatar.cjs"),Ee=require("./components/utility/Logo/Logo.cjs"),Ve=require("./components/utility/Kbd/Kbd.cjs"),a=require("./components/layout/Semantic/Semantic.cjs");exports.useIsDesktop=i.useIsDesktop;exports.useIsMobile=i.useIsMobile;exports.useIsTablet=i.useIsTablet;exports.useMediaQuery=i.useMediaQuery;exports.usePrefersDarkMode=i.usePrefersDarkMode;exports.usePrefersReducedMotion=i.usePrefersReducedMotion;exports.useDisclosure=E.useDisclosure;exports.useClickOutside=V.useClickOutside;exports.useKeyboardNavigation=W.useKeyboardNavigation;exports.useFocusTrap=K.useFocusTrap;exports.useId=D.useId;exports.useIds=D.useIds;exports.useControllable=N.useControllable;exports.buildSpacingStyles=n.buildSpacingStyles;exports.cx=n.cx;exports.generateId=n.generateId;exports.getSpacingValue=n.getSpacingValue;exports.hexToRgba=n.hexToRgba;exports.spacingToCss=n.spacingToCss;exports.createInteractionLazyComponent=T.createInteractionLazyComponent;exports.createLazyComponent=T.createLazyComponent;exports.preloadComponents=T.preloadComponents;exports.accent=t.accent;exports.colors=t.colors;exports.error=t.error;exports.info=t.info;exports.neutrals=t.neutrals;exports.primary=t.primary;exports.success=t.success;exports.warning=t.warning;exports.semanticSpacing=f.semanticSpacing;exports.spacing=f.spacing;exports.fontFamilies=s.fontFamilies;exports.fontSizes=s.fontSizes;exports.fontWeights=s.fontWeights;exports.letterSpacings=s.letterSpacings;exports.lineHeights=s.lineHeights;exports.textStyles=s.textStyles;exports.focusRings=b.focusRings;exports.glows=b.glows;exports.shadows=b.shadows;exports.borderStyles=I.borderStyles;exports.borderWidths=I.borderWidths;exports.radii=I.radii;exports.breakpoints=h.breakpoints;exports.containers=h.containers;exports.mediaQueries=h.mediaQueries;exports.zIndex=Q.zIndex;exports.animations=d.animations;exports.durations=d.durations;exports.easings=d.easings;exports.transitions=d.transitions;exports.componentGap=r.componentGap;exports.componentHeights=r.componentHeights;exports.componentPaddingX=r.componentPaddingX;exports.componentPaddingY=r.componentPaddingY;exports.controlSizes=r.controlSizes;exports.iconSizes=r.iconSizes;exports.modalWidths=r.modalWidths;exports.popoverSizing=r.popoverSizing;exports.switchSizes=r.switchSizes;exports.avatarSizes=o.avatarSizes;exports.contentPadding=o.contentPadding;exports.headerSizes=o.headerSizes;exports.iconButtonSizes=o.iconButtonSizes;exports.pageHeaderSpacing=o.pageHeaderSpacing;exports.quickActionSizes=o.quickActionSizes;exports.searchInputSizes=o.searchInputSizes;exports.sidebarSizes=o.sidebarSizes;exports.statCardSizes=o.statCardSizes;exports.focusRing=y.focusRing;exports.focusRingOffset=y.focusRingOffset;exports.focusStyles=y.focusStyles;exports.duration=c.duration;exports.easing=c.easing;exports.keyframes=c.keyframes;exports.transition=c.transition;exports.transitionProperties=c.transitionProperties;exports.componentFontSize=l.componentFontSize;exports.componentFontWeight=l.componentFontWeight;exports.componentLineHeight=l.componentLineHeight;exports.componentTypography=l.componentTypography;exports.opacity=C.opacity;exports.scale=C.scale;exports.stateOpacity=C.stateOpacity;exports.ThemeProvider=F.ThemeProvider;exports.useTheme=F.useTheme;exports.useThemeColors=F.useThemeColors;exports.lightTheme=Z.lightTheme;exports.darkTheme=X.darkTheme;exports.cssVar=Y.cssVar;exports.Box=j.Box;exports.HStack=P.HStack;exports.Stack=P.Stack;exports.VStack=P.VStack;exports.Grid=z.Grid;exports.GridItem=z.GridItem;exports.Container=$.Container;exports.Card=p.Card;exports.CardBody=p.CardBody;exports.CardFooter=p.CardFooter;exports.CardHeader=p.CardHeader;exports.Section=J.Section;exports.Spacer=U.Spacer;exports.Flex=k.Flex;exports.FlexItem=k.FlexItem;exports.AspectRatio=_.AspectRatio;exports.Image=ee.Image;exports.Video=re.Video;exports.ImageThumbnail=oe.ImageThumbnail;exports.Code=v.Code;exports.Text=v.Text;exports.Display=x.Display;exports.Heading=x.Heading;exports.Button=L.Button;exports.IconButton=L.IconButton;exports.Icon=te.Icon;exports.iconPaths=ie.iconPaths;exports.Input=ne.Input;exports.SearchInput=se.SearchInput;exports.TextField=ae.TextField;exports.Select=ce.Select;exports.Checkbox=ue.Checkbox;exports.Switch=de.Switch;exports.Textarea=le.Textarea;exports.Radio=w.Radio;exports.RadioGroup=w.RadioGroup;exports.Slider=pe.Slider;exports.DateInput=me.DateInput;exports.FileInput=ge.FileInput;exports.FormField=qe.FormField;exports.FieldError=Se.FieldError;exports.Form=Te.Form;exports.FormLabel=be.FormLabel;exports.FormGroup=Ie.FormGroup;exports.DropZone=he.DropZone;exports.FormCard=ye.FormCard;exports.Modal=Ce.Modal;exports.Alert=Fe.Alert;exports.Banner=Pe.Banner;exports.ConfirmDialog=De.ConfirmDialog;exports.Tooltip=fe.Tooltip;exports.Toast=B.Toast;exports.ToastProvider=B.ToastProvider;exports.useToast=ze.useToast;exports.Drawer=ke.Drawer;exports.Popover=ve.Popover;exports.Progress=xe.Progress;exports.Tab=u.Tab;exports.TabList=u.TabList;exports.TabPanel=u.TabPanel;exports.TabPanels=u.TabPanels;exports.Tabs=u.Tabs;exports.Accordion=m.Accordion;exports.AccordionContent=m.AccordionContent;exports.AccordionItem=m.AccordionItem;exports.AccordionTrigger=m.AccordionTrigger;exports.Dropdown=g.Dropdown;exports.DropdownDivider=g.DropdownDivider;exports.DropdownItem=g.DropdownItem;exports.DropdownLabel=g.DropdownLabel;exports.Menu=q.Menu;exports.MenuDivider=q.MenuDivider;exports.MenuGroup=q.MenuGroup;exports.MenuItem=q.MenuItem;exports.Pagination=Le.Pagination;exports.Breadcrumb=A.Breadcrumb;exports.BreadcrumbItem=A.BreadcrumbItem;exports.SegmentedControl=we.SegmentedControl;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableEmpty=e.TableEmpty;exports.TableFoot=e.TableFoot;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.TableSkeleton=e.TableSkeleton;exports.List=S.List;exports.ListDivider=S.ListDivider;exports.ListHeader=S.ListHeader;exports.ListItem=S.ListItem;exports.InfoItem=M.InfoItem;exports.InfoList=M.InfoList;exports.PieChart=Be.PieChart;exports.Badge=Ae.Badge;exports.Loader=H.Loader;exports.Spinner=H.Spinner;exports.Skeleton=R.Skeleton;exports.SkeletonText=R.SkeletonText;exports.Divider=Me.Divider;exports.EmptyState=O.EmptyState;exports.EmptyStateIcon=O.EmptyStateIcon;exports.Portal=He.Portal;exports.FocusTrap=Re.FocusTrap;exports.Overlay=Oe.Overlay;exports.ScreenReaderOnly=G.ScreenReaderOnly;exports.SrOnly=G.SrOnly;exports.Avatar=Ge.Avatar;exports.Logo=Ee.Logo;exports.Kbd=Ve.Kbd;exports.Article=a.Article;exports.Aside=a.Aside;exports.Footer=a.Footer;exports.Header=a.Header;exports.Main=a.Main;exports.Nav=a.Nav;
 //# sourceMappingURL=index.cjs.map