@arqel-dev/ui 0.15.0 → 0.16.0

package/README.md

@@ -14,7 +14,7 @@ Structural React components for [Arqel](https://arqel.dev) admin panels.
 
 ```bash
 pnpm add @arqel-dev/ui @arqel-dev/react @arqel-dev/hooks @arqel-dev/types
-pnpm add @inertiajs/react react react-dom @base-ui-components/react @tanstack/react-table lucide-react
+pnpm add @inertiajs/react react react-dom @tanstack/react-table lucide-react recharts
 ```
 
 ## Usage

package/dist/{AreaChart-NMQ2RQGA.js → AreaChart-JAZ6LUYG.js}

@@ -1,14 +1,18 @@
 import { toRowShape, colorFor } from './chunk-L3JBBN4H.js';
+import { useArqelLocale } from '@arqel-dev/react/utils';
+import { useMemo } from 'react';
 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);
+  const locale = useArqelLocale();
+  const nf = useMemo(() => new Intl.NumberFormat(locale), [locale]);
   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, {}),
+    /* @__PURE__ */ jsx(YAxis, { tickFormatter: (v) => nf.format(Number(v)) }),
+    /* @__PURE__ */ jsx(Tooltip, { formatter: (v) => nf.format(Number(v)) }),
     showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null,
     chartData.datasets.map((ds, i) => {
       const color = colorFor(ds, i);
@@ -29,5 +33,5 @@ function AreaChart({ chartData, height, showLegend, showGrid }) {
 }
 
 export { AreaChart };
-//# sourceMappingURL=AreaChart-NMQ2RQGA.js.map
-//# sourceMappingURL=AreaChart-NMQ2RQGA.js.map
+//# sourceMappingURL=AreaChart-JAZ6LUYG.js.map
+//# sourceMappingURL=AreaChart-JAZ6LUYG.js.map

package/dist/AreaChart-JAZ6LUYG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/charts/AreaChart.tsx"],"names":["RechartsAreaChart"],"mappings":";;;;;;AAcO,SAAS,UAAU,EAAE,SAAA,EAAW,MAAA,EAAQ,UAAA,EAAY,UAAS,EAAkB;AACpF,EAAA,MAAM,IAAA,GAAO,WAAW,SAAS,CAAA;AACjC,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,EAAA,GAAK,OAAA,CAAQ,MAAM,IAAI,IAAA,CAAK,aAAa,MAAM,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAChE,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,oBACtB,GAAA,CAAC,KAAA,EAAA,EAAM,aAAA,EAAe,CAAC,CAAA,KAAM,GAAG,MAAA,CAAO,MAAA,CAAO,CAAC,CAAC,CAAA,EAAG,CAAA;AAAA,oBACnD,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,CAAC,CAAA,KAAM,GAAG,MAAA,CAAO,MAAA,CAAO,CAAC,CAAC,CAAA,EAAG,CAAA;AAAA,IAChD,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-JAZ6LUYG.js","sourcesContent":["import { useArqelLocale } from '@arqel-dev/react/utils';\nimport { useMemo } from 'react';\nimport {\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  const locale = useArqelLocale();\n  const nf = useMemo(() => new Intl.NumberFormat(locale), [locale]);\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 tickFormatter={(v) => nf.format(Number(v))} />\n          <Tooltip formatter={(v) => nf.format(Number(v))} />\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-UZAHV4DK.js

@@ -0,0 +1,8 @@
+export { ArqelCreatePage as default } from './chunk-IO6RMVUF.js';
+import './chunk-MXUXMHOK.js';
+import './chunk-MZMYV43C.js';
+import './chunk-CMNZLA32.js';
+import './chunk-H23VX3RR.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelCreatePage-UZAHV4DK.js.map
+//# sourceMappingURL=ArqelCreatePage-UZAHV4DK.js.map

package/dist/{ArqelCreatePage-MV4JN2MO.js.map → ArqelCreatePage-UZAHV4DK.js.map}

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

package/dist/ArqelDashboardPage-Z5R4XSH4.js

@@ -0,0 +1,6 @@
+export { ArqelDashboardPage as default } from './chunk-3VSDQCFO.js';
+import './chunk-YYQ45W25.js';
+import './chunk-WMOBLT3Z.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelDashboardPage-Z5R4XSH4.js.map
+//# sourceMappingURL=ArqelDashboardPage-Z5R4XSH4.js.map

package/dist/{ArqelDashboardPage-QK3BYVK3.js.map → ArqelDashboardPage-Z5R4XSH4.js.map}

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

package/dist/ArqelEditPage-RRYFYOTC.js

@@ -0,0 +1,8 @@
+export { ArqelEditPage as default } from './chunk-YQ6KXR3U.js';
+import './chunk-MXUXMHOK.js';
+import './chunk-MZMYV43C.js';
+import './chunk-CMNZLA32.js';
+import './chunk-H23VX3RR.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelEditPage-RRYFYOTC.js.map
+//# sourceMappingURL=ArqelEditPage-RRYFYOTC.js.map

package/dist/{ArqelShowPage-5WWUSYC7.js.map → ArqelEditPage-RRYFYOTC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelShowPage-5WWUSYC7.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelEditPage-RRYFYOTC.js"}

package/dist/ArqelIndexPage-J2EUV2PI.js

@@ -0,0 +1,12 @@
+export { ArqelIndexPage as default } from './chunk-X4ZFKOPX.js';
+import './chunk-EG2DASKR.js';
+import './chunk-S5UNPCMQ.js';
+import './chunk-RMPOR2YZ.js';
+import './chunk-SLLTFOOS.js';
+import './chunk-VKZY6J6G.js';
+import './chunk-MZMYV43C.js';
+import './chunk-CMNZLA32.js';
+import './chunk-H23VX3RR.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelIndexPage-J2EUV2PI.js.map
+//# sourceMappingURL=ArqelIndexPage-J2EUV2PI.js.map

package/dist/{ArqelIndexPage-R6JL5KOH.js.map → ArqelIndexPage-J2EUV2PI.js.map}

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

package/dist/ArqelShowPage-TVCJAV2F.js

@@ -0,0 +1,6 @@
+export { ArqelShowPage as default } from './chunk-Q7WGPKUN.js';
+import './chunk-MXUXMHOK.js';
+import './chunk-CMNZLA32.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelShowPage-TVCJAV2F.js.map
+//# sourceMappingURL=ArqelShowPage-TVCJAV2F.js.map

package/dist/{ArqelEditPage-7J3IS2BR.js.map → ArqelShowPage-TVCJAV2F.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelEditPage-7J3IS2BR.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelShowPage-TVCJAV2F.js"}

package/dist/{BarChart-KLHKTLO2.js → BarChart-E52NJSJE.js}

@@ -1,19 +1,23 @@
 import { toRowShape, colorFor } from './chunk-L3JBBN4H.js';
+import { useArqelLocale } from '@arqel-dev/react/utils';
+import { useMemo } from 'react';
 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);
+  const locale = useArqelLocale();
+  const nf = useMemo(() => new Intl.NumberFormat(locale), [locale]);
   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, {}),
+    /* @__PURE__ */ jsx(YAxis, { tickFormatter: (v) => nf.format(Number(v)) }),
+    /* @__PURE__ */ jsx(Tooltip, { formatter: (v) => nf.format(Number(v)) }),
     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
+//# sourceMappingURL=BarChart-E52NJSJE.js.map
+//# sourceMappingURL=BarChart-E52NJSJE.js.map

package/dist/BarChart-E52NJSJE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/charts/BarChart.tsx"],"names":["RechartsBarChart"],"mappings":";;;;;;AAcO,SAAS,SAAS,EAAE,SAAA,EAAW,MAAA,EAAQ,UAAA,EAAY,UAAS,EAAkB;AACnF,EAAA,MAAM,IAAA,GAAO,WAAW,SAAS,CAAA;AACjC,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,EAAA,GAAK,OAAA,CAAQ,MAAM,IAAI,IAAA,CAAK,aAAa,MAAM,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAChE,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,oBACtB,GAAA,CAAC,KAAA,EAAA,EAAM,aAAA,EAAe,CAAC,CAAA,KAAM,GAAG,MAAA,CAAO,MAAA,CAAO,CAAC,CAAC,CAAA,EAAG,CAAA;AAAA,oBACnD,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,CAAC,CAAA,KAAM,GAAG,MAAA,CAAO,MAAA,CAAO,CAAC,CAAC,CAAA,EAAG,CAAA;AAAA,IAChD,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-E52NJSJE.js","sourcesContent":["import { useArqelLocale } from '@arqel-dev/react/utils';\nimport { useMemo } from 'react';\nimport {\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  const locale = useArqelLocale();\n  const nf = useMemo(() => new Intl.NumberFormat(locale), [locale]);\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 tickFormatter={(v) => nf.format(Number(v))} />\n          <Tooltip formatter={(v) => nf.format(Number(v))} />\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 → DonutChart-IGSF4LEB.js}

@@ -1,4 +1,4 @@
-import { PieChart } from './chunk-C5H44NSP.js';
+import { PieChart } from './chunk-WZRPGPLH.js';
 import './chunk-L3JBBN4H.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -7,5 +7,5 @@ function DonutChart(props) {
 }
 
 export { DonutChart };
-//# sourceMappingURL=DonutChart-L56R4QF2.js.map
-//# sourceMappingURL=DonutChart-L56R4QF2.js.map
+//# sourceMappingURL=DonutChart-IGSF4LEB.js.map
+//# sourceMappingURL=DonutChart-IGSF4LEB.js.map

package/dist/{DonutChart-L56R4QF2.js.map → DonutChart-IGSF4LEB.js.map}

@@ -1 +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"]}
+{"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-IGSF4LEB.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/{FormRenderer-BJBRIkfH.d.ts → FormRenderer-By8fZp4t.d.ts}

@@ -24,6 +24,8 @@ interface FieldRendererProps {
     className?: string | undefined;
     inputId?: string | undefined;
     describedBy?: string | undefined;
+    /** Whether the field is in an error state (sets `aria-invalid` on the input). */
+    invalid?: boolean | undefined;
 }
 declare function FieldRenderer(props: FieldRendererProps): ReactNode;
 

package/dist/{LineChart-GHMPHFZZ.js → LineChart-RRPGAZON.js}

@@ -1,14 +1,18 @@
 import { toRowShape, colorFor } from './chunk-L3JBBN4H.js';
+import { useArqelLocale } from '@arqel-dev/react/utils';
+import { useMemo } from 'react';
 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);
+  const locale = useArqelLocale();
+  const nf = useMemo(() => new Intl.NumberFormat(locale), [locale]);
   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, {}),
+    /* @__PURE__ */ jsx(YAxis, { tickFormatter: (v) => nf.format(Number(v)) }),
+    /* @__PURE__ */ jsx(Tooltip, { formatter: (v) => nf.format(Number(v)) }),
     showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null,
     chartData.datasets.map((ds, i) => /* @__PURE__ */ jsx(
       Line,
@@ -26,5 +30,5 @@ function LineChart({ chartData, height, showLegend, showGrid }) {
 }
 
 export { LineChart };
-//# sourceMappingURL=LineChart-GHMPHFZZ.js.map
-//# sourceMappingURL=LineChart-GHMPHFZZ.js.map
+//# sourceMappingURL=LineChart-RRPGAZON.js.map
+//# sourceMappingURL=LineChart-RRPGAZON.js.map

package/dist/LineChart-RRPGAZON.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/charts/LineChart.tsx"],"names":["RechartsLineChart"],"mappings":";;;;;;AAcO,SAAS,UAAU,EAAE,SAAA,EAAW,MAAA,EAAQ,UAAA,EAAY,UAAS,EAAkB;AACpF,EAAA,MAAM,IAAA,GAAO,WAAW,SAAS,CAAA;AACjC,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,EAAA,GAAK,OAAA,CAAQ,MAAM,IAAI,IAAA,CAAK,aAAa,MAAM,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAChE,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,oBACtB,GAAA,CAAC,KAAA,EAAA,EAAM,aAAA,EAAe,CAAC,CAAA,KAAM,GAAG,MAAA,CAAO,MAAA,CAAO,CAAC,CAAC,CAAA,EAAG,CAAA;AAAA,oBACnD,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,CAAC,CAAA,KAAM,GAAG,MAAA,CAAO,MAAA,CAAO,CAAC,CAAC,CAAA,EAAG,CAAA;AAAA,IAChD,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-RRPGAZON.js","sourcesContent":["import { useArqelLocale } from '@arqel-dev/react/utils';\nimport { useMemo } from 'react';\nimport {\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  const locale = useArqelLocale();\n  const nf = useMemo(() => new Intl.NumberFormat(locale), [locale]);\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 tickFormatter={(v) => nf.format(Number(v))} />\n          <Tooltip formatter={(v) => nf.format(Number(v))} />\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-SGN7V5LQ.js

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

package/dist/{PieChart-T2VQOFPP.js.map → PieChart-SGN7V5LQ.js.map}

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

package/dist/{RadarChart-CSWR5AO7.js → RadarChart-3AOM736J.js}

@@ -1,13 +1,17 @@
 import { toRowShape, colorFor } from './chunk-L3JBBN4H.js';
+import { useArqelLocale } from '@arqel-dev/react/utils';
+import { useMemo } from 'react';
 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);
+  const locale = useArqelLocale();
+  const nf = useMemo(() => new Intl.NumberFormat(locale), [locale]);
   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, {}),
+    /* @__PURE__ */ jsx(PolarRadiusAxis, { tickFormatter: (v) => nf.format(Number(v)) }),
     chartData.datasets.map((ds, i) => {
       const color = colorFor(ds, i);
       return /* @__PURE__ */ jsx(
@@ -22,11 +26,11 @@ function RadarChart({ chartData, height, showLegend, showGrid }) {
         ds.label
       );
     }),
-    /* @__PURE__ */ jsx(Tooltip, {}),
+    /* @__PURE__ */ jsx(Tooltip, { formatter: (v) => nf.format(Number(v)) }),
     showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null
   ] }) }) });
 }
 
 export { RadarChart };
-//# sourceMappingURL=RadarChart-CSWR5AO7.js.map
-//# sourceMappingURL=RadarChart-CSWR5AO7.js.map
+//# sourceMappingURL=RadarChart-3AOM736J.js.map
+//# sourceMappingURL=RadarChart-3AOM736J.js.map

package/dist/RadarChart-3AOM736J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/charts/RadarChart.tsx"],"names":["RechartsRadarChart"],"mappings":";;;;;;AAcO,SAAS,WAAW,EAAE,SAAA,EAAW,MAAA,EAAQ,UAAA,EAAY,UAAS,EAAkB;AACrF,EAAA,MAAM,IAAA,GAAO,WAAW,SAAS,CAAA;AACjC,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,EAAA,GAAK,OAAA,CAAQ,MAAM,IAAI,IAAA,CAAK,aAAa,MAAM,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEhE,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,oBAC/B,GAAA,CAAC,eAAA,EAAA,EAAgB,aAAA,EAAe,CAAC,CAAA,KAAM,GAAG,MAAA,CAAO,MAAA,CAAO,CAAC,CAAC,CAAA,EAAG,CAAA;AAAA,IAC5D,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,oBACD,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,CAAC,CAAA,KAAM,GAAG,MAAA,CAAO,MAAA,CAAO,CAAC,CAAC,CAAA,EAAG,CAAA;AAAA,IAChD,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,GAAK;AAAA,GAAA,EAC7B,GACF,CAAA,EACF,CAAA;AAEJ","file":"RadarChart-3AOM736J.js","sourcesContent":["import { useArqelLocale } from '@arqel-dev/react/utils';\nimport { useMemo } from 'react';\nimport {\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  const locale = useArqelLocale();\n  const nf = useMemo(() => new Intl.NumberFormat(locale), [locale]);\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 tickFormatter={(v) => nf.format(Number(v))} />\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 formatter={(v) => nf.format(Number(v))} />\n          {showLegend ? <Legend /> : null}\n        </RechartsRadarChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n"]}

package/dist/{Topbar-DffcNdcJ.d.ts → UserMenu-B5XbC_Gy.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ReactNode, ReactElement } from 'react';
 import { NavigationItemPayload } from '@arqel-dev/hooks';
 
 type AppShellVariant = 'sidebar-left' | 'sidebar-right' | 'topbar-only' | 'full-width';
@@ -42,9 +42,29 @@ interface TopbarProps {
     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;
+declare function Topbar({ brand, search, userMenu, tenantSwitcher, 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 };
+/**
+ * `<UserMenu>` — authenticated-user dropdown for the Topbar `userMenu` slot.
+ *
+ * Presentational: reads `user`/`logoutUrl`/`profileUrl` via props (no
+ * data-fetching). Built on the vendored shadcn DropdownMenu. Logout posts
+ * via Inertia (CSRF + redirect handled server-side). Theme control lives
+ * here (moved out of the Topbar). Usable standalone — the Profile item and
+ * the theme group are each conditional.
+ */
+
+interface UserMenuProps {
+    user: {
+        name?: string | null;
+        email?: string | null;
+    };
+    logoutUrl: string;
+    profileUrl?: string;
+    className?: string;
+}
+declare function UserMenu({ user, logoutUrl, profileUrl, className }: UserMenuProps): ReactElement;
+
+export { AppShell as A, Footer as F, MainContent as M, Sidebar as S, Topbar as T, UserMenu as U, 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, type UserMenuProps as h };

package/dist/action.js

@@ -1,7 +1,7 @@
-export { ActionButton, ActionFormModal, ActionMenu, ConfirmDialog } from './chunk-FP5R6WED.js';
-import './chunk-3HN4ARGG.js';
+export { ActionButton, ActionFormModal, ActionMenu, ConfirmDialog } from './chunk-SLLTFOOS.js';
+import './chunk-VKZY6J6G.js';
 import './chunk-MZMYV43C.js';
-import './chunk-ZAM5TUPP.js';
+import './chunk-CMNZLA32.js';
 export { Button, buttonVariants } from './chunk-H23VX3RR.js';
 import './chunk-B7ULUJVO.js';
 //# sourceMappingURL=action.js.map

package/dist/{chunk-BJER6TOI.js → chunk-3VSDQCFO.js}

@@ -1,4 +1,4 @@
-import { DashboardGrid } from './chunk-HSDZM4AM.js';
+import { DashboardGrid } from './chunk-YYQ45W25.js';
 import { usePage, router } from '@inertiajs/react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -31,5 +31,5 @@ function ArqelDashboardPage() {
 }
 
 export { ArqelDashboardPage };
-//# sourceMappingURL=chunk-BJER6TOI.js.map
-//# sourceMappingURL=chunk-BJER6TOI.js.map
+//# sourceMappingURL=chunk-3VSDQCFO.js.map
+//# sourceMappingURL=chunk-3VSDQCFO.js.map

package/dist/{chunk-BJER6TOI.js.map → chunk-3VSDQCFO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/pages/ArqelDashboardPage.tsx"],"names":[],"mappings":";;;;AA0Be,SAAR,kBAAA,GAAmD;AACxD,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,SAAiC,CAAE,KAAA;AAEvE,EAAA,MAAM,kBAAA,GAAqB,CAAC,IAAA,EAAc,KAAA,KAAyB;AACjE,IAAA,MAAM,OAAA,GAAU,gBAAgB,EAAC;AACjC,IAAA,MAAM,IAAA,GAAgC,EAAE,GAAG,OAAA,EAAQ;AACnD,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,IAAQ,UAAU,EAAA,EAAI;AACzD,MAAA,OAAO,KAAK,IAAI,CAAA;AAAA,IAClB,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,IAAI,CAAA,GAAI,KAAA;AAAA,IACf;AAEA,IAAA,MAAM,IAAA,GAAO,SAAA,CAAU,IAAA,IAAQ,CAAA,kBAAA,EAAqB,UAAU,EAAE,CAAA,CAAA;AAChE,IAAA,MAAM,MAAA,GAAU,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAS,IAAA,EAAK,GAAI,EAAC;AAEpE,IAAA,MAAA,CAAO,GAAA,CAAI,MAAM,MAAA,EAAQ;AAAA,MACvB,aAAA,EAAe,IAAA;AAAA,MACf,cAAA,EAAgB,IAAA;AAAA,MAChB,OAAA,EAAS;AAAA,KACV,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,YAAA,EAAc,gBAAgB,EAAC;AAAA,MAC/B,cAAA,EAAgB;AAAA;AAAA,GAClB;AAEJ","file":"chunk-BJER6TOI.js","sourcesContent":["/**\n * Default Inertia page for `arqel::dashboard`.\n *\n * Bridges the Inertia payload emitted by\n * `Arqel\\Widgets\\Http\\Controllers\\DashboardController::show` into the\n * existing `<DashboardGrid>` component. The grid already handles the\n * heading/description chrome, the filter bar and the responsive\n * widget grid (column spans, polling, deferred fetch), so this page\n * only owns one piece of glue: lifting filter state up into the URL\n * so deep-link refreshes rehydrate cleanly.\n *\n * Filter changes navigate via `router.get(path, { filters: ... })`,\n * matching `DashboardController::show` which reads\n * `$request->input('filters', [])` and forwards it as `filterValues`.\n */\n\nimport { router, usePage } from '@inertiajs/react';\nimport type { JSX } from 'react';\nimport { DashboardGrid, type DashboardPayload } from '../widgets/index.js';\n\ninterface ArqelDashboardPageProps {\n  dashboard: DashboardPayload;\n  filterValues?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport default function ArqelDashboardPage(): JSX.Element {\n  const { dashboard, filterValues } = usePage<ArqelDashboardPageProps>().props;\n\n  const handleFilterChange = (name: string, value: unknown): void => {\n    const current = filterValues ?? {};\n    const next: Record<string, unknown> = { ...current };\n    if (value === undefined || value === null || value === '') {\n      delete next[name];\n    } else {\n      next[name] = value;\n    }\n\n    const path = dashboard.path ?? `/admin/dashboards/${dashboard.id}`;\n    const params = (Object.keys(next).length > 0 ? { filters: next } : {}) as never;\n\n    router.get(path, params, {\n      preserveState: true,\n      preserveScroll: true,\n      replace: true,\n    });\n  };\n\n  return (\n    <DashboardGrid\n      dashboard={dashboard}\n      filterValues={filterValues ?? {}}\n      onFilterChange={handleFilterChange}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../src/pages/ArqelDashboardPage.tsx"],"names":[],"mappings":";;;;AA0Be,SAAR,kBAAA,GAAmD;AACxD,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,SAAiC,CAAE,KAAA;AAEvE,EAAA,MAAM,kBAAA,GAAqB,CAAC,IAAA,EAAc,KAAA,KAAyB;AACjE,IAAA,MAAM,OAAA,GAAU,gBAAgB,EAAC;AACjC,IAAA,MAAM,IAAA,GAAgC,EAAE,GAAG,OAAA,EAAQ;AACnD,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,IAAQ,UAAU,EAAA,EAAI;AACzD,MAAA,OAAO,KAAK,IAAI,CAAA;AAAA,IAClB,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,IAAI,CAAA,GAAI,KAAA;AAAA,IACf;AAEA,IAAA,MAAM,IAAA,GAAO,SAAA,CAAU,IAAA,IAAQ,CAAA,kBAAA,EAAqB,UAAU,EAAE,CAAA,CAAA;AAChE,IAAA,MAAM,MAAA,GAAU,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAS,IAAA,EAAK,GAAI,EAAC;AAEpE,IAAA,MAAA,CAAO,GAAA,CAAI,MAAM,MAAA,EAAQ;AAAA,MACvB,aAAA,EAAe,IAAA;AAAA,MACf,cAAA,EAAgB,IAAA;AAAA,MAChB,OAAA,EAAS;AAAA,KACV,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,YAAA,EAAc,gBAAgB,EAAC;AAAA,MAC/B,cAAA,EAAgB;AAAA;AAAA,GAClB;AAEJ","file":"chunk-3VSDQCFO.js","sourcesContent":["/**\n * Default Inertia page for `arqel::dashboard`.\n *\n * Bridges the Inertia payload emitted by\n * `Arqel\\Widgets\\Http\\Controllers\\DashboardController::show` into the\n * existing `<DashboardGrid>` component. The grid already handles the\n * heading/description chrome, the filter bar and the responsive\n * widget grid (column spans, polling, deferred fetch), so this page\n * only owns one piece of glue: lifting filter state up into the URL\n * so deep-link refreshes rehydrate cleanly.\n *\n * Filter changes navigate via `router.get(path, { filters: ... })`,\n * matching `DashboardController::show` which reads\n * `$request->input('filters', [])` and forwards it as `filterValues`.\n */\n\nimport { router, usePage } from '@inertiajs/react';\nimport type { JSX } from 'react';\nimport { DashboardGrid, type DashboardPayload } from '../widgets/index.js';\n\ninterface ArqelDashboardPageProps {\n  dashboard: DashboardPayload;\n  filterValues?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport default function ArqelDashboardPage(): JSX.Element {\n  const { dashboard, filterValues } = usePage<ArqelDashboardPageProps>().props;\n\n  const handleFilterChange = (name: string, value: unknown): void => {\n    const current = filterValues ?? {};\n    const next: Record<string, unknown> = { ...current };\n    if (value === undefined || value === null || value === '') {\n      delete next[name];\n    } else {\n      next[name] = value;\n    }\n\n    const path = dashboard.path ?? `/admin/dashboards/${dashboard.id}`;\n    const params = (Object.keys(next).length > 0 ? { filters: next } : {}) as never;\n\n    router.get(path, params, {\n      preserveState: true,\n      preserveScroll: true,\n      replace: true,\n    });\n  };\n\n  return (\n    <DashboardGrid\n      dashboard={dashboard}\n      filterValues={filterValues ?? {}}\n      onFilterChange={handleFilterChange}\n    />\n  );\n}\n"]}