@arqel-dev/ui 0.11.0 → 0.13.0

package/SKILL.md

@@ -38,10 +38,10 @@ A partir da migração para shadcn, o pacote é construído sobre **shadcn (styl
 **Custom components (sobre as primitivas):**
 
 - `<AppShell variant>`: 4 variants (`sidebar-left | sidebar-right | topbar-only | full-width`) com `SidebarProvider` interno
-- `<Sidebar>` (block `sidebar-07` + collapsible icon + items via `useNavigation()` ou prop `items`, groups, badges, `aria-current="page"`)
+- `<Sidebar>` (block `sidebar-07` + collapsible icon + items via `useNavigation()` ou prop `items`, groups, badges, ícone lucide por item via `item.icon` + `resolveLucideIcon`, `aria-current="page"`)
 - `<Topbar>`: brand + theme toggle + `SidebarTrigger` mobile + slots search/userMenu/tenantSwitcher
 - `<MainContent>` (`SidebarInset` wrapper) com padding responsivo + `maxWidth` (`md..7xl | none`)
-- `<DataTable>` (TanStack Table v8) — 9 cell renderers, seleção controlada, sticky header, `aria-sort`
+- `<DataTable>` (TanStack Table v8) — 9 cell renderers, seleção controlada, sticky header, `aria-sort`. O `BadgeCell` lê `column.props.colors` (value→token de cor → classes Tailwind) e `column.props.icons` (value→nome lucide), renderizando o ícone ao lado do label; valor sem match no map cai no estilo muted (#50)
 - `<TableFilters>` / `<TablePagination>` / `<TableToolbar>` / `<ResourceIndex>`
 - `<FormRenderer>` + `<FieldRenderer>` + `FieldRegistry` + `<FormSection>` / `<FormFieldset>` / `<FormGrid>` / `<FormTabs>` / `<FormActions>`
 - `<ActionButton>` / `<ActionMenu>` (Radix DropdownMenu) / `<ConfirmDialog>` (Radix Dialog) / `<ActionFormModal>` (Radix Dialog hospedando `<FormRenderer>`)
@@ -89,6 +89,7 @@ export default function UsersIndex(props: ResourceIndexProps<User>) {
 - Componentes presentational — callbacks lifted (sem fetch interno)
 - `peerDependencies`: `radix-ui`, `@tanstack/react-table`, `lucide-react`, `@arqel-dev/{react,hooks}`
 - Props com `undefined` explícito quando opcionais (`exactOptionalPropertyTypes: true`)
+- **`splitting: true` no `tsup.config.ts` é obrigatório** — singletons de nível de módulo (ex.: o `Map` do `FieldRegistry` em `src/form/FieldRegistry.tsx`) precisam ser içados para um único chunk compartilhado. Com `splitting: false` o tsup inlinava o `Map` em cada entry (`form.js`, `pages.js`, ...), então campos registrados via `@arqel-dev/ui/form` ficavam invisíveis ao renderer de `@arqel-dev/ui/pages` (#45). O registry agora é uma única instância compartilhada entre todos os entrypoints.
 
 ## Anti-patterns
 
@@ -100,6 +101,8 @@ export default function UsersIndex(props: ResourceIndexProps<User>) {
 - ❌ **Estado local em ResourceIndex/DataTable** — sempre lifted via callbacks
 - ❌ **Duplicar `useFlash({ onMessage })`** — um único `<FlashContainer>` no AppShell
 - ❌ **Recriar variants `success`/`warning` no `Badge`** — foram removidas; usa `default`/`secondary`/`outline` ou compõe com `className`
+- ❌ **Voltar `splitting` para `false`** — duplica singletons de módulo (FieldRegistry) por entry e quebra o registro cross-entrypoint de campos (#45)
+- ❌ **Despachar bulk actions por um `<button>` cru** — a barra de bulk actions do `ArqelIndexPage` deve rotear por `<ActionButton>` (que abre o `<ConfirmDialog>` quando `action.requiresConfirmation`), igual às row actions. Um `<button>` cru que dispara `router.visit` no `onClick` ignora `requiresConfirmation`/`confirmation`, então um bulk delete destrutivo roda sem confirmação num único clique (#70)
 
 ## Testing
 

package/dist/AreaChart-NMQ2RQGA.js

@@ -0,0 +1,33 @@
+import { toRowShape, colorFor } from './chunk-L3JBBN4H.js';
+import { ResponsiveContainer, AreaChart as AreaChart$1, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Area } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AreaChart({ chartData, height, showLegend, showGrid }) {
+  const rows = toRowShape(chartData);
+  return /* @__PURE__ */ jsx("div", { "data-testid": "chart-area", style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(AreaChart$1, { data: rows, children: [
+    showGrid ? /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }) : null,
+    /* @__PURE__ */ jsx(XAxis, { dataKey: "name" }),
+    /* @__PURE__ */ jsx(YAxis, {}),
+    /* @__PURE__ */ jsx(Tooltip, {}),
+    showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null,
+    chartData.datasets.map((ds, i) => {
+      const color = colorFor(ds, i);
+      return /* @__PURE__ */ jsx(
+        Area,
+        {
+          type: "monotone",
+          dataKey: `dataset${i}`,
+          name: ds.label,
+          stroke: color,
+          fill: color,
+          fillOpacity: 0.3
+        },
+        ds.label
+      );
+    })
+  ] }) }) });
+}
+
+export { AreaChart };
+//# sourceMappingURL=AreaChart-NMQ2RQGA.js.map
+//# sourceMappingURL=AreaChart-NMQ2RQGA.js.map

package/dist/AreaChart-NMQ2RQGA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/charts/AreaChart.tsx"],"names":["RechartsAreaChart"],"mappings":";;;;AAYO,SAAS,UAAU,EAAE,SAAA,EAAW,MAAA,EAAQ,UAAA,EAAY,UAAS,EAAkB;AACpF,EAAA,MAAM,IAAA,GAAO,WAAW,SAAS,CAAA;AACjC,EAAA,2BACG,KAAA,EAAA,EAAI,aAAA,EAAY,cAAa,KAAA,EAAO,EAAE,OAAO,MAAA,EAAQ,MAAA,IACpD,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,OAAM,MAAA,EAAO,MAAA,EAAO,QACvC,QAAA,kBAAA,IAAA,CAACA,WAAA,EAAA,EAAkB,MAAM,IAAA,EACtB,QAAA,EAAA;AAAA,IAAA,QAAA,mBAAW,GAAA,CAAC,aAAA,EAAA,EAAc,eAAA,EAAgB,KAAA,EAAM,CAAA,GAAK,IAAA;AAAA,oBACtD,GAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAQ,MAAA,EAAO,CAAA;AAAA,wBACrB,KAAA,EAAA,EAAM,CAAA;AAAA,wBACN,OAAA,EAAA,EAAQ,CAAA;AAAA,IACR,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,IAC1B,SAAA,CAAU,QAAA,CAAS,GAAA,CAAI,CAAC,IAAI,CAAA,KAAM;AACjC,MAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,EAAA,EAAI,CAAC,CAAA;AAC5B,MAAA,uBACE,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAK,UAAA;AAAA,UACL,OAAA,EAAS,UAAU,CAAC,CAAA,CAAA;AAAA,UACpB,MAAM,EAAA,CAAG,KAAA;AAAA,UACT,MAAA,EAAQ,KAAA;AAAA,UACR,IAAA,EAAM,KAAA;AAAA,UACN,WAAA,EAAa;AAAA,SAAA;AAAA,QANR,EAAA,CAAG;AAAA,OAOV;AAAA,IAEJ,CAAC;AAAA,GAAA,EACH,GACF,CAAA,EACF,CAAA;AAEJ","file":"AreaChart-NMQ2RQGA.js","sourcesContent":["import {\n  Area,\n  CartesianGrid,\n  Legend,\n  AreaChart as RechartsAreaChart,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport { type ChartSubProps, colorFor, toRowShape } from '../types';\n\nexport function AreaChart({ chartData, height, showLegend, showGrid }: ChartSubProps) {\n  const rows = toRowShape(chartData);\n  return (\n    <div data-testid=\"chart-area\" style={{ width: '100%', height }}>\n      <ResponsiveContainer width=\"100%\" height=\"100%\">\n        <RechartsAreaChart data={rows}>\n          {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n          <XAxis dataKey=\"name\" />\n          <YAxis />\n          <Tooltip />\n          {showLegend ? <Legend /> : null}\n          {chartData.datasets.map((ds, i) => {\n            const color = colorFor(ds, i);\n            return (\n              <Area\n                key={ds.label}\n                type=\"monotone\"\n                dataKey={`dataset${i}`}\n                name={ds.label}\n                stroke={color}\n                fill={color}\n                fillOpacity={0.3}\n              />\n            );\n          })}\n        </RechartsAreaChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n"]}

package/dist/ArqelCreatePage-P3G6TKIK.js

@@ -0,0 +1,8 @@
+export { ArqelCreatePage as default } from './chunk-VSTRVXXZ.js';
+import './chunk-MXUXMHOK.js';
+import './chunk-MTZJDFQ6.js';
+import './chunk-MSRTGCTJ.js';
+import './chunk-FHRQ7PWE.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelCreatePage-P3G6TKIK.js.map
+//# sourceMappingURL=ArqelCreatePage-P3G6TKIK.js.map

package/dist/ArqelCreatePage-P3G6TKIK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelCreatePage-P3G6TKIK.js"}

package/dist/ArqelDashboardPage-PX3Y75AA.js

@@ -0,0 +1,6 @@
+export { ArqelDashboardPage as default } from './chunk-PXON56HL.js';
+import './chunk-47HD7ALI.js';
+import './chunk-WKWV36PG.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelDashboardPage-PX3Y75AA.js.map
+//# sourceMappingURL=ArqelDashboardPage-PX3Y75AA.js.map

package/dist/ArqelDashboardPage-PX3Y75AA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelDashboardPage-PX3Y75AA.js"}

package/dist/ArqelEditPage-HKQSE6E5.js

@@ -0,0 +1,8 @@
+export { ArqelEditPage as default } from './chunk-3JJOHYD7.js';
+import './chunk-MXUXMHOK.js';
+import './chunk-MTZJDFQ6.js';
+import './chunk-MSRTGCTJ.js';
+import './chunk-FHRQ7PWE.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelEditPage-HKQSE6E5.js.map
+//# sourceMappingURL=ArqelEditPage-HKQSE6E5.js.map

package/dist/ArqelEditPage-HKQSE6E5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelEditPage-HKQSE6E5.js"}

package/dist/ArqelIndexPage-MRH3572Z.js

@@ -0,0 +1,12 @@
+export { ArqelIndexPage as default } from './chunk-ERT7LL6C.js';
+import './chunk-2LTZJ4R7.js';
+import './chunk-PZEVKMZX.js';
+import './chunk-RMPOR2YZ.js';
+import './chunk-TNJEHYRF.js';
+import './chunk-EYAUPJ6J.js';
+import './chunk-MTZJDFQ6.js';
+import './chunk-MSRTGCTJ.js';
+import './chunk-FHRQ7PWE.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelIndexPage-MRH3572Z.js.map
+//# sourceMappingURL=ArqelIndexPage-MRH3572Z.js.map

package/dist/ArqelIndexPage-MRH3572Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelIndexPage-MRH3572Z.js"}

package/dist/ArqelShowPage-4FS5MTUN.js

@@ -0,0 +1,6 @@
+export { ArqelShowPage as default } from './chunk-7LSZADUC.js';
+import './chunk-MXUXMHOK.js';
+import './chunk-MSRTGCTJ.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelShowPage-4FS5MTUN.js.map
+//# sourceMappingURL=ArqelShowPage-4FS5MTUN.js.map

package/dist/ArqelShowPage-4FS5MTUN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelShowPage-4FS5MTUN.js"}

package/dist/BarChart-KLHKTLO2.js

@@ -0,0 +1,19 @@
+import { toRowShape, colorFor } from './chunk-L3JBBN4H.js';
+import { ResponsiveContainer, BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Bar } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function BarChart({ chartData, height, showLegend, showGrid }) {
+  const rows = toRowShape(chartData);
+  return /* @__PURE__ */ jsx("div", { "data-testid": "chart-bar", style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart$1, { data: rows, children: [
+    showGrid ? /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }) : null,
+    /* @__PURE__ */ jsx(XAxis, { dataKey: "name" }),
+    /* @__PURE__ */ jsx(YAxis, {}),
+    /* @__PURE__ */ jsx(Tooltip, {}),
+    showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null,
+    chartData.datasets.map((ds, i) => /* @__PURE__ */ jsx(Bar, { dataKey: `dataset${i}`, name: ds.label, fill: colorFor(ds, i) }, ds.label))
+  ] }) }) });
+}
+
+export { BarChart };
+//# sourceMappingURL=BarChart-KLHKTLO2.js.map
+//# sourceMappingURL=BarChart-KLHKTLO2.js.map

package/dist/BarChart-KLHKTLO2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/charts/BarChart.tsx"],"names":["RechartsBarChart"],"mappings":";;;;AAYO,SAAS,SAAS,EAAE,SAAA,EAAW,MAAA,EAAQ,UAAA,EAAY,UAAS,EAAkB;AACnF,EAAA,MAAM,IAAA,GAAO,WAAW,SAAS,CAAA;AACjC,EAAA,2BACG,KAAA,EAAA,EAAI,aAAA,EAAY,aAAY,KAAA,EAAO,EAAE,OAAO,MAAA,EAAQ,MAAA,IACnD,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,OAAM,MAAA,EAAO,MAAA,EAAO,QACvC,QAAA,kBAAA,IAAA,CAACA,UAAA,EAAA,EAAiB,MAAM,IAAA,EACrB,QAAA,EAAA;AAAA,IAAA,QAAA,mBAAW,GAAA,CAAC,aAAA,EAAA,EAAc,eAAA,EAAgB,KAAA,EAAM,CAAA,GAAK,IAAA;AAAA,oBACtD,GAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAQ,MAAA,EAAO,CAAA;AAAA,wBACrB,KAAA,EAAA,EAAM,CAAA;AAAA,wBACN,OAAA,EAAA,EAAQ,CAAA;AAAA,IACR,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,IAC1B,SAAA,CAAU,SAAS,GAAA,CAAI,CAAC,IAAI,CAAA,qBAC3B,GAAA,CAAC,GAAA,EAAA,EAAmB,OAAA,EAAS,CAAA,OAAA,EAAU,CAAC,IAAI,IAAA,EAAM,EAAA,CAAG,OAAO,IAAA,EAAM,QAAA,CAAS,IAAI,CAAC,CAAA,EAAA,EAAtE,EAAA,CAAG,KAAsE,CACpF;AAAA,GAAA,EACH,GACF,CAAA,EACF,CAAA;AAEJ","file":"BarChart-KLHKTLO2.js","sourcesContent":["import {\n  Bar,\n  CartesianGrid,\n  Legend,\n  BarChart as RechartsBarChart,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport { type ChartSubProps, colorFor, toRowShape } from '../types';\n\nexport function BarChart({ chartData, height, showLegend, showGrid }: ChartSubProps) {\n  const rows = toRowShape(chartData);\n  return (\n    <div data-testid=\"chart-bar\" style={{ width: '100%', height }}>\n      <ResponsiveContainer width=\"100%\" height=\"100%\">\n        <RechartsBarChart data={rows}>\n          {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n          <XAxis dataKey=\"name\" />\n          <YAxis />\n          <Tooltip />\n          {showLegend ? <Legend /> : null}\n          {chartData.datasets.map((ds, i) => (\n            <Bar key={ds.label} dataKey={`dataset${i}`} name={ds.label} fill={colorFor(ds, i)} />\n          ))}\n        </RechartsBarChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n"]}

package/dist/DonutChart-L56R4QF2.js

@@ -0,0 +1,11 @@
+import { PieChart } from './chunk-C5H44NSP.js';
+import './chunk-L3JBBN4H.js';
+import { jsx } from 'react/jsx-runtime';
+
+function DonutChart(props) {
+  return /* @__PURE__ */ jsx(PieChart, { ...props, innerRadius: 60, testId: "chart-donut" });
+}
+
+export { DonutChart };
+//# sourceMappingURL=DonutChart-L56R4QF2.js.map
+//# sourceMappingURL=DonutChart-L56R4QF2.js.map

package/dist/DonutChart-L56R4QF2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/charts/DonutChart.tsx"],"names":[],"mappings":";;;;AAOO,SAAS,WAAW,KAAA,EAAsB;AAC/C,EAAA,2BAAQ,QAAA,EAAA,EAAU,GAAG,OAAO,WAAA,EAAa,EAAA,EAAI,QAAO,aAAA,EAAc,CAAA;AACpE","file":"DonutChart-L56R4QF2.js","sourcesContent":["import type { ChartSubProps } from '../types';\nimport { PieChart } from './PieChart';\n\n/**\n * DonutChart is a PieChart with a non-zero innerRadius. We delegate so the\n * Recharts primitives stay in one chunk per shape (pie ≡ donut visually).\n */\nexport function DonutChart(props: ChartSubProps) {\n  return <PieChart {...props} innerRadius={60} testId=\"chart-donut\" />;\n}\n"]}

package/dist/LineChart-GHMPHFZZ.js

@@ -0,0 +1,30 @@
+import { toRowShape, colorFor } from './chunk-L3JBBN4H.js';
+import { ResponsiveContainer, LineChart as LineChart$1, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Line } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function LineChart({ chartData, height, showLegend, showGrid }) {
+  const rows = toRowShape(chartData);
+  return /* @__PURE__ */ jsx("div", { "data-testid": "chart-line", style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart$1, { data: rows, children: [
+    showGrid ? /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }) : null,
+    /* @__PURE__ */ jsx(XAxis, { dataKey: "name" }),
+    /* @__PURE__ */ jsx(YAxis, {}),
+    /* @__PURE__ */ jsx(Tooltip, {}),
+    showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null,
+    chartData.datasets.map((ds, i) => /* @__PURE__ */ jsx(
+      Line,
+      {
+        type: "monotone",
+        dataKey: `dataset${i}`,
+        name: ds.label,
+        stroke: colorFor(ds, i),
+        strokeWidth: 2,
+        dot: false
+      },
+      ds.label
+    ))
+  ] }) }) });
+}
+
+export { LineChart };
+//# sourceMappingURL=LineChart-GHMPHFZZ.js.map
+//# sourceMappingURL=LineChart-GHMPHFZZ.js.map

package/dist/LineChart-GHMPHFZZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/charts/LineChart.tsx"],"names":["RechartsLineChart"],"mappings":";;;;AAYO,SAAS,UAAU,EAAE,SAAA,EAAW,MAAA,EAAQ,UAAA,EAAY,UAAS,EAAkB;AACpF,EAAA,MAAM,IAAA,GAAO,WAAW,SAAS,CAAA;AACjC,EAAA,2BACG,KAAA,EAAA,EAAI,aAAA,EAAY,cAAa,KAAA,EAAO,EAAE,OAAO,MAAA,EAAQ,MAAA,IACpD,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,OAAM,MAAA,EAAO,MAAA,EAAO,QACvC,QAAA,kBAAA,IAAA,CAACA,WAAA,EAAA,EAAkB,MAAM,IAAA,EACtB,QAAA,EAAA;AAAA,IAAA,QAAA,mBAAW,GAAA,CAAC,aAAA,EAAA,EAAc,eAAA,EAAgB,KAAA,EAAM,CAAA,GAAK,IAAA;AAAA,oBACtD,GAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAQ,MAAA,EAAO,CAAA;AAAA,wBACrB,KAAA,EAAA,EAAM,CAAA;AAAA,wBACN,OAAA,EAAA,EAAQ,CAAA;AAAA,IACR,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,IAC1B,SAAA,CAAU,QAAA,CAAS,GAAA,CAAI,CAAC,IAAI,CAAA,qBAC3B,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,UAAA;AAAA,QACL,OAAA,EAAS,UAAU,CAAC,CAAA,CAAA;AAAA,QACpB,MAAM,EAAA,CAAG,KAAA;AAAA,QACT,MAAA,EAAQ,QAAA,CAAS,EAAA,EAAI,CAAC,CAAA;AAAA,QACtB,WAAA,EAAa,CAAA;AAAA,QACb,GAAA,EAAK;AAAA,OAAA;AAAA,MANA,EAAA,CAAG;AAAA,KAQX;AAAA,GAAA,EACH,GACF,CAAA,EACF,CAAA;AAEJ","file":"LineChart-GHMPHFZZ.js","sourcesContent":["import {\n  CartesianGrid,\n  Legend,\n  Line,\n  LineChart as RechartsLineChart,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport { type ChartSubProps, colorFor, toRowShape } from '../types';\n\nexport function LineChart({ chartData, height, showLegend, showGrid }: ChartSubProps) {\n  const rows = toRowShape(chartData);\n  return (\n    <div data-testid=\"chart-line\" style={{ width: '100%', height }}>\n      <ResponsiveContainer width=\"100%\" height=\"100%\">\n        <RechartsLineChart data={rows}>\n          {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n          <XAxis dataKey=\"name\" />\n          <YAxis />\n          <Tooltip />\n          {showLegend ? <Legend /> : null}\n          {chartData.datasets.map((ds, i) => (\n            <Line\n              key={ds.label}\n              type=\"monotone\"\n              dataKey={`dataset${i}`}\n              name={ds.label}\n              stroke={colorFor(ds, i)}\n              strokeWidth={2}\n              dot={false}\n            />\n          ))}\n        </RechartsLineChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n"]}

package/dist/PieChart-T2VQOFPP.js

@@ -0,0 +1,4 @@
+export { PieChart } from './chunk-C5H44NSP.js';
+import './chunk-L3JBBN4H.js';
+//# sourceMappingURL=PieChart-T2VQOFPP.js.map
+//# sourceMappingURL=PieChart-T2VQOFPP.js.map

package/dist/PieChart-T2VQOFPP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"PieChart-T2VQOFPP.js"}

package/dist/RadarChart-CSWR5AO7.js

@@ -0,0 +1,32 @@
+import { toRowShape, colorFor } from './chunk-L3JBBN4H.js';
+import { ResponsiveContainer, RadarChart as RadarChart$1, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar, Tooltip, Legend } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function RadarChart({ chartData, height, showLegend, showGrid }) {
+  const rows = toRowShape(chartData);
+  return /* @__PURE__ */ jsx("div", { "data-testid": "chart-radar", style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(RadarChart$1, { data: rows, children: [
+    showGrid ? /* @__PURE__ */ jsx(PolarGrid, {}) : null,
+    /* @__PURE__ */ jsx(PolarAngleAxis, { dataKey: "name" }),
+    /* @__PURE__ */ jsx(PolarRadiusAxis, {}),
+    chartData.datasets.map((ds, i) => {
+      const color = colorFor(ds, i);
+      return /* @__PURE__ */ jsx(
+        Radar,
+        {
+          dataKey: `dataset${i}`,
+          name: ds.label,
+          stroke: color,
+          fill: color,
+          fillOpacity: 0.3
+        },
+        ds.label
+      );
+    }),
+    /* @__PURE__ */ jsx(Tooltip, {}),
+    showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null
+  ] }) }) });
+}
+
+export { RadarChart };
+//# sourceMappingURL=RadarChart-CSWR5AO7.js.map
+//# sourceMappingURL=RadarChart-CSWR5AO7.js.map

package/dist/RadarChart-CSWR5AO7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/charts/RadarChart.tsx"],"names":["RechartsRadarChart"],"mappings":";;;;AAYO,SAAS,WAAW,EAAE,SAAA,EAAW,MAAA,EAAQ,UAAA,EAAY,UAAS,EAAkB;AACrF,EAAA,MAAM,IAAA,GAAO,WAAW,SAAS,CAAA;AAEjC,EAAA,2BACG,KAAA,EAAA,EAAI,aAAA,EAAY,eAAc,KAAA,EAAO,EAAE,OAAO,MAAA,EAAQ,MAAA,IACrD,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,OAAM,MAAA,EAAO,MAAA,EAAO,QACvC,QAAA,kBAAA,IAAA,CAACA,YAAA,EAAA,EAAmB,MAAM,IAAA,EACvB,QAAA,EAAA;AAAA,IAAA,QAAA,mBAAW,GAAA,CAAC,aAAU,CAAA,GAAK,IAAA;AAAA,oBAC5B,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAQ,MAAA,EAAO,CAAA;AAAA,wBAC9B,eAAA,EAAA,EAAgB,CAAA;AAAA,IAChB,SAAA,CAAU,QAAA,CAAS,GAAA,CAAI,CAAC,IAAI,CAAA,KAAM;AACjC,MAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,EAAA,EAAI,CAAC,CAAA;AAC5B,MAAA,uBACE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEC,OAAA,EAAS,UAAU,CAAC,CAAA,CAAA;AAAA,UACpB,MAAM,EAAA,CAAG,KAAA;AAAA,UACT,MAAA,EAAQ,KAAA;AAAA,UACR,IAAA,EAAM,KAAA;AAAA,UACN,WAAA,EAAa;AAAA,SAAA;AAAA,QALR,EAAA,CAAG;AAAA,OAMV;AAAA,IAEJ,CAAC,CAAA;AAAA,wBACA,OAAA,EAAA,EAAQ,CAAA;AAAA,IACR,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,GAAK;AAAA,GAAA,EAC7B,GACF,CAAA,EACF,CAAA;AAEJ","file":"RadarChart-CSWR5AO7.js","sourcesContent":["import {\n  Legend,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart as RechartsRadarChart,\n  ResponsiveContainer,\n  Tooltip,\n} from 'recharts';\nimport { type ChartSubProps, colorFor, toRowShape } from '../types';\n\nexport function RadarChart({ chartData, height, showLegend, showGrid }: ChartSubProps) {\n  const rows = toRowShape(chartData);\n\n  return (\n    <div data-testid=\"chart-radar\" style={{ width: '100%', height }}>\n      <ResponsiveContainer width=\"100%\" height=\"100%\">\n        <RechartsRadarChart data={rows}>\n          {showGrid ? <PolarGrid /> : null}\n          <PolarAngleAxis dataKey=\"name\" />\n          <PolarRadiusAxis />\n          {chartData.datasets.map((ds, i) => {\n            const color = colorFor(ds, i);\n            return (\n              <Radar\n                key={ds.label}\n                dataKey={`dataset${i}`}\n                name={ds.label}\n                stroke={color}\n                fill={color}\n                fillOpacity={0.3}\n              />\n            );\n          })}\n          <Tooltip />\n          {showLegend ? <Legend /> : null}\n        </RechartsRadarChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n"]}

package/dist/Topbar-DffcNdcJ.d.ts

@@ -0,0 +1,50 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { NavigationItemPayload } from '@arqel-dev/hooks';
+
+type AppShellVariant = 'sidebar-left' | 'sidebar-right' | 'topbar-only' | 'full-width';
+interface AppShellProps {
+    variant?: AppShellVariant;
+    sidebar?: ReactNode;
+    topbar?: ReactNode;
+    footer?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+declare function AppShell({ variant, sidebar, topbar, footer, children, className, }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+interface FooterProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Footer({ children, className }: FooterProps): react_jsx_runtime.JSX.Element;
+
+type MainContentMaxWidth = 'none' | 'md' | 'lg' | 'xl' | '2xl' | '4xl' | '6xl' | '7xl';
+interface MainContentProps {
+    breadcrumbs?: ReactNode;
+    header?: ReactNode;
+    children: ReactNode;
+    maxWidth?: MainContentMaxWidth;
+    className?: string;
+}
+declare function MainContent({ breadcrumbs, header, children, maxWidth, className, }: MainContentProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarProps {
+    items?: NavigationItemPayload[];
+    brand?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+}
+declare function Sidebar({ items: itemsProp, brand, footer, className }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+interface TopbarProps {
+    brand?: ReactNode;
+    search?: ReactNode;
+    userMenu?: ReactNode;
+    tenantSwitcher?: ReactNode;
+    onMobileMenuClick?: () => void;
+    className?: string;
+}
+declare function Topbar({ brand, search, userMenu, tenantSwitcher, onMobileMenuClick, className, }: TopbarProps): react_jsx_runtime.JSX.Element;
+
+export { AppShell as A, Footer as F, MainContent as M, Sidebar as S, Topbar as T, type AppShellProps as a, type AppShellVariant as b, type FooterProps as c, type MainContentMaxWidth as d, type MainContentProps as e, type SidebarProps as f, type TopbarProps as g };

package/dist/action.d.ts

@@ -28,8 +28,13 @@ type ButtonProps = ComponentProps<typeof Button>;
 
 interface ActionButtonProps {
     action: ActionSchema;
-    /** Field schemas for any form modal (resolved server-side from Action::form). */
-    formFields?: FieldSchema[];
+    /**
+     * Field schemas for the form modal (resolved server-side from
+     * `Action::form` via `FieldSchemaSerializer`). Optional override — when
+     * omitted the component reads `action.formFields`, the canonical payload
+     * shipped by `Action::toArray()` (#213).
+     */
+    formFields?: FieldSchema[] | undefined;
     onInvoke: (formValues?: Record<string, unknown>) => void;
     processing?: boolean;
     errors?: Record<string, string[]>;
@@ -52,6 +57,11 @@ declare function ActionFormModal({ open, onOpenChange, action, fields, onSubmit,
 
 interface ActionMenuProps {
     actions: ActionSchema[];
+    /**
+     * Optional per-action override map keyed by action name. When an action
+     * is absent here, `<ActionButton>` falls back to the action's own
+     * `formFields` payload shipped by `Action::toArray()` (#213).
+     */
     formFieldsByAction?: Record<string, FieldSchema[]>;
     onInvoke: (action: ActionSchema, formValues?: Record<string, unknown>) => void;
     inlineThreshold?: number;