@d4gger/design-system 2.7.0 → 3.0.1

package/dist/components/chart/Chart.cjs

@@ -29,19 +29,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Chart_exports = {};
 __export(Chart_exports, {
+  AreaChart: () => import_recharts.AreaChart,
   BarChart: () => import_recharts.BarChart,
   CartesianGrid: () => import_recharts.CartesianGrid,
   Chart: () => Chart,
+  ChartArea: () => ChartArea,
   ChartBar: () => ChartBar,
   ChartContainer: () => ChartContainer,
+  ChartDonut: () => ChartDonut,
   ChartEmpty: () => ChartEmpty,
   ChartLegend: () => ChartLegend,
   ChartLegendItem: () => ChartLegendItem,
   ChartLine: () => ChartLine,
   ChartPie: () => ChartPie,
+  ChartRadial: () => ChartRadial,
   ChartTooltip: () => import_recharts.Tooltip,
   LineChart: () => import_recharts.LineChart,
   PieChart: () => import_recharts.PieChart,
+  RadialBarChart: () => import_recharts.RadialBarChart,
   RechartsLegend: () => import_recharts.Legend,
   ResponsiveContainer: () => import_recharts.ResponsiveContainer,
   XAxis: () => import_recharts.XAxis,
@@ -55,6 +60,25 @@ var import_recharts = require("recharts");
 var import_extractProps = require("../../_internal/helpers/extractProps");
 var import_chart = require("./chart.props");
 var import_jsx_runtime = require("react/jsx-runtime");
+const seriesFill = (index, explicit) => explicit ?? `var(--dsx-chart-${index % 5 + 1})`;
+const useLegendHeight = () => {
+  const [legend, setLegend] = React.useState(null);
+  const [height, setHeight] = React.useState(0);
+  React.useEffect(() => {
+    if (!legend) return;
+    const measure = () => {
+      setHeight(legend.getBoundingClientRect().height);
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(legend);
+    return () => {
+      observer.disconnect();
+    };
+  }, [legend]);
+  const content = React.useCallback((legendProps) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: setLegend, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.DefaultLegendContent, { ...legendProps }) }), []);
+  return [height, content];
+};
 const ChartContainer = React.forwardRef(({ children, ...props }, forwardedRef) => {
   const { asChild, className, ...containerProps } = (0, import_extractProps.extractProps)(props, import_chart.chartContainerPropDefs);
   const Comp = asChild ? import_react_slot.Slot : "div";
@@ -70,40 +94,125 @@ const ChartContainer = React.forwardRef(({ children, ...props }, forwardedRef) =
   );
 });
 ChartContainer.displayName = "ChartContainer";
-const ChartLine = React.forwardRef(({ data, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "line", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: 350, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.LineChart, { data, children: [
+const chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 };
+const chartTick = { fill: "var(--dsx-semantic-muted-foreground)", fontSize: 12 };
+const chartInset = { top: 12, right: 20, bottom: 8, left: 8 };
+const chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 };
+const chartTooltipStyle = {
+  backgroundColor: "var(--dsx-color-panel-translucent)",
+  backdropFilter: "var(--dsx-effect-panel-glass-backdrop-filter)",
+  border: "1px solid var(--dsx-color-outline-variant)",
+  borderRadius: "var(--dsx-rounded-md)",
+  boxShadow: "var(--dsx-shadow-elevation-2)",
+  fontSize: 12
+};
+const chartTooltipLabel = { color: "var(--dsx-color-on-surface)" };
+const chartTooltipItemStyle = { color: "var(--dsx-color-on-surface)" };
+const chartTooltipCursor = { stroke: "var(--dsx-color-outline-variant)" };
+const chartTooltipBarCursor = { fill: "var(--dsx-color-surface-raised)" };
+const ChartLine = React.forwardRef(({ data, series, stacked, name, className, ...props }, forwardedRef) => {
+  const stackId = stacked ? "dsx-stack" : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "line", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.LineChart, { data, margin: chartInset, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.XAxis, { dataKey: "name", tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, { tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel, cursor: chartTooltipCursor }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Line, { type: "monotone", dataKey: "value", stroke: "var(--dsx-color-primary)", isAnimationActive: false })
+    series && series.length > 0 ? series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Line, { type: "monotone", dataKey: s.dataKey, name: s.name ?? s.dataKey, stroke: seriesFill(i, s.fill), isAnimationActive: false }, s.dataKey)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Line, { type: "monotone", dataKey: "value", name: name ?? "value", stroke: "var(--dsx-color-primary)", isAnimationActive: false })
   ] }) }) });
 });
 ChartLine.displayName = "ChartLine";
-const ChartBar = React.forwardRef(({ data, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "bar", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: 350, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.BarChart, { data, children: [
+const ChartBar = React.forwardRef(({ data, series, stacked, name, className, ...props }, forwardedRef) => {
+  const stackId = stacked ? "dsx-stack" : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "bar", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.BarChart, { data, margin: chartInset, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.XAxis, { dataKey: "name", tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, { tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel, cursor: chartTooltipBarCursor }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Bar, { dataKey: "value", fill: "var(--dsx-color-primary)", isAnimationActive: false })
+    series && series.length > 0 ? series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Bar, { dataKey: s.dataKey, name: s.name ?? s.dataKey, fill: seriesFill(i, s.fill), stackId, isAnimationActive: false }, s.dataKey)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Bar, { dataKey: "value", name: name ?? "value", fill: "var(--dsx-color-primary)", isAnimationActive: false })
   ] }) }) });
 });
 ChartBar.displayName = "ChartBar";
 const ChartPie = React.forwardRef(({ data, className, ...props }, forwardedRef) => {
+  const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 });
+  const [legendHeight, legendContent] = useLegendHeight();
+  const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2));
   const pieData = React.useMemo(
     () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
     [data]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: 350, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.PieChart, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", outerRadius: 100, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, {})
-  ] }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_recharts.ResponsiveContainer,
+    {
+      width: "100%",
+      height: "100%",
+      minWidth: chartResponsiveFallback.minWidth,
+      minHeight: chartResponsiveFallback.minHeight,
+      debounce: chartResponsiveFallback.debounce,
+      onResize: (width, height) => {
+        setDimensions({ width, height });
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.PieChart, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", outerRadius: radius, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, { content: legendContent })
+      ] })
+    }
+  ) });
 });
 ChartPie.displayName = "ChartPie";
+const ChartDonut = React.forwardRef(({ data, label, className, ...props }, forwardedRef) => {
+  const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 });
+  const [legendHeight, legendContent] = useLegendHeight();
+  const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2));
+  const pieData = React.useMemo(
+    () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
+    [data]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "donut", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_recharts.ResponsiveContainer,
+      {
+        width: "100%",
+        height: "100%",
+        minWidth: chartResponsiveFallback.minWidth,
+        minHeight: chartResponsiveFallback.minHeight,
+        debounce: chartResponsiveFallback.debounce,
+        onResize: (width, height) => {
+          setDimensions({ width, height });
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.PieChart, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", innerRadius: radius * 0.62, outerRadius: radius, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, { content: legendContent })
+        ] })
+      }
+    ),
+    label != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-chart__center-label", style: { bottom: legendHeight }, children: label }) : null
+  ] });
+});
+ChartDonut.displayName = "ChartDonut";
+const ChartRadial = React.forwardRef(({ value, max = 100, label, className, ...props }, forwardedRef) => {
+  const clamped = Math.max(0, Math.min(value, max));
+  const data = React.useMemo(() => [{ name: "value", value: clamped, fill: "var(--dsx-color-primary)" }], [clamped]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "radial", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.RadialBarChart, { cx: "50%", cy: "50%", innerRadius: "88%", outerRadius: "100%", data, startAngle: 90, endAngle: -270, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.RadialBar, { dataKey: "value", background: { fill: "var(--dsx-color-surface-sunken)" }, isAnimationActive: false }) }) }),
+    label != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-chart__center-label", children: label }) : null
+  ] });
+});
+ChartRadial.displayName = "ChartRadial";
+const ChartArea = React.forwardRef(({ data, series, name, spark, className, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "area", "data-spark": spark || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: spark ? 0 : chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.AreaChart, { data, margin: spark ? chartSparkInset : chartInset, children: [
+    !spark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.CartesianGrid, { strokeDasharray: "3 3" }) : null,
+    !spark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.XAxis, { dataKey: "name", tickLine: false, axisLine: false, tick: chartTick }) : null,
+    !spark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, { tickLine: false, axisLine: false, tick: chartTick }) : null,
+    !spark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel, cursor: chartTooltipCursor }) : null,
+    !spark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, {}) : null,
+    series && series.length > 0 ? series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Area, { type: "monotone", dataKey: s.dataKey, name: s.name ?? s.dataKey, stroke: seriesFill(i, s.fill), fill: seriesFill(i, s.fill), fillOpacity: 0.1, isAnimationActive: false }, s.dataKey)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Area, { type: "monotone", dataKey: "value", name: name ?? "value", stroke: "var(--dsx-color-primary)", fill: "var(--dsx-color-primary)", fillOpacity: 0.1, isAnimationActive: false })
+  ] }) }) });
+});
+ChartArea.displayName = "ChartArea";
 const ChartEmpty = React.forwardRef(
   ({ className, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, ref: forwardedRef, className: (0, import_classnames.default)("dsx-chart__empty", className) })
 );
@@ -129,6 +238,9 @@ const Chart = Object.assign(ChartContainer, {
   Line: ChartLine,
   Bar: ChartBar,
   Pie: ChartPie,
+  Donut: ChartDonut,
+  Radial: ChartRadial,
+  Area: ChartArea,
   Empty: ChartEmpty,
   Legend: ChartLegend,
   LegendItem: ChartLegendItem

package/dist/components/chart/Chart.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/chart/Chart.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  Legend as RechartsLegend,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  ResponsiveContainer,\n  Tooltip as RechartsTooltip,\n  XAxis,\n  YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n  id?: number | string\n  name: string\n  value: number\n}\n\ntype ChartPieDatum = ChartDatum & {\n  fill: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: ChartDatum[]\n}\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...containerProps}\n      ref={forwardedRef}\n      className={classNames('dsx-chart', className)}\n      data-slot=\"chart-container\"\n    >\n      {children}\n    </Comp>\n  )\n})\nChartContainer.displayName = 'ChartContainer'\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n      <ResponsiveContainer width=\"100%\" height={350}>\n        <LineChart data={data}>\n          <CartesianGrid strokeDasharray=\"3 3\" />\n          <XAxis dataKey=\"name\" />\n          <YAxis />\n          <RechartsTooltip />\n          <RechartsLegend />\n          <Line type=\"monotone\" dataKey=\"value\" stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />\n        </LineChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n      <ResponsiveContainer width=\"100%\" height={350}>\n        <BarChart data={data}>\n          <CartesianGrid strokeDasharray=\"3 3\" />\n          <XAxis dataKey=\"name\" />\n          <YAxis />\n          <RechartsTooltip />\n          <RechartsLegend />\n          <Bar dataKey=\"value\" fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />\n        </BarChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n  const pieData = React.useMemo<ChartPieDatum[]>(\n    () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n    [data],\n  )\n\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n      <ResponsiveContainer width=\"100%\" height={350}>\n        <PieChart>\n          <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={100} isAnimationActive={false}>\n            {pieData.map((entry, index) => (\n              <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n            ))}\n          </Pie>\n          <RechartsTooltip />\n          <RechartsLegend />\n        </PieChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n  ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n  color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n  ({ className, color, style, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-chart__legend-item', className)}\n      style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n    />\n  ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n  ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n  Container: typeof ChartContainer\n  Line: typeof ChartLine\n  Bar: typeof ChartBar\n  Pie: typeof ChartPie\n  Empty: typeof ChartEmpty\n  Legend: typeof ChartLegend\n  LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n  Container: ChartContainer,\n  Line: ChartLine,\n  Bar: ChartBar,\n  Pie: ChartPie,\n  Empty: ChartEmpty,\n  Legend: ChartLegend,\n  LegendItem: ChartLegendItem,\n})\n\nexport {\n  BarChart,\n  CartesianGrid,\n  Chart,\n  ChartBar,\n  ChartContainer,\n  ChartEmpty,\n  ChartLegend,\n  ChartLegendItem,\n  ChartLine,\n  ChartPie,\n  LineChart,\n  PieChart,\n  RechartsLegend,\n  RechartsTooltip as ChartTooltip,\n  ResponsiveContainer,\n  XAxis,\n  YAxis,\n}\nexport type { ChartContainerProps, ChartDatum, ChartLegendItemProps, ChartProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  DefaultLegendContent,\n  Legend as RechartsLegend,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  RadialBar,\n  RadialBarChart,\n  ResponsiveContainer,\n  Tooltip as RechartsTooltip,\n  XAxis,\n  YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n  id?: number | string\n  name: string\n  value: number\n}\n\ntype ChartRow = {\n  name: string\n  id?: number | string\n  [key: string]: string | number | undefined\n}\n\ntype ChartPieDatum = ChartDatum & {\n  fill: string\n}\n\ntype ChartSeries = {\n  dataKey: string\n  name?: string\n  fill?: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: ChartDatum[]\n}\n\ninterface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: ChartDatum[] | ChartRow[]\n  series?: ChartSeries[]\n  stacked?: boolean\n  name?: string\n}\n\ninterface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: ChartDatum[]\n  label?: React.ReactNode\n}\n\ninterface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  value: number\n  max?: number\n  label?: React.ReactNode\n}\n\ninterface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: ChartDatum[] | ChartRow[]\n  series?: ChartSeries[]\n  name?: string\n  spark?: boolean\n}\n\nconst seriesFill = (index: number, explicit?: string) => explicit ?? `var(--dsx-chart-${(index % 5) + 1})`\n\n// Observe the rendered legend: its height changes when labels wrap or fonts load.\n// Recharts' onBBoxUpdate type remains public in v3, but the implementation no\n// longer calls it. Measuring our content also preserves the >=2 peer contract.\nconst useLegendHeight = () => {\n  const [legend, setLegend] = React.useState<HTMLDivElement | null>(null)\n  const [height, setHeight] = React.useState(0)\n  React.useEffect(() => {\n    if (!legend) return\n    const measure = () => { setHeight(legend.getBoundingClientRect().height) }\n    measure()\n    const observer = new ResizeObserver(measure)\n    observer.observe(legend)\n    return () => { observer.disconnect() }\n  }, [legend])\n  const content = React.useCallback((legendProps: React.ComponentProps<typeof DefaultLegendContent>) => (\n    <div ref={setLegend}><DefaultLegendContent {...legendProps} /></div>\n  ), [])\n  return [height, content] as const\n}\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...containerProps}\n      ref={forwardedRef}\n      className={classNames('dsx-chart', className)}\n      data-slot=\"chart-container\"\n    >\n      {children}\n    </Comp>\n  )\n})\nChartContainer.displayName = 'ChartContainer'\n\n// minHeight mirrors --dsx-chart-min-height (240px): hidden matrix/preview\n// cells measure 0, and without a fallback recharts logs width(0)/height(0).\n// The remaining width(-1)/height(-1) lines are recharts' first-measure noise\n// on mount and clear once layout resolves \u2014 inherent, not actionable.\n// debounce shortens that window. minWidth stays 0 so narrow rails don't\n// force overflow. Spark passes minHeight 0 at its call site: a 240px floor\n// inside a ~60px spark cell renders cropped (confirmed live 2026-09-19).\nconst chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 } as const\nconst chartTick = { fill: 'var(--dsx-semantic-muted-foreground)', fontSize: 12 } as const\nconst chartInset = { top: 12, right: 20, bottom: 8, left: 8 } as const\nconst chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 } as const\nconst chartTooltipStyle = {\n  backgroundColor: 'var(--dsx-color-panel-translucent)',\n  backdropFilter: 'var(--dsx-effect-panel-glass-backdrop-filter)',\n  border: '1px solid var(--dsx-color-outline-variant)',\n  borderRadius: 'var(--dsx-rounded-md)',\n  boxShadow: 'var(--dsx-shadow-elevation-2)',\n  fontSize: 12,\n} as const\nconst chartTooltipLabel = { color: 'var(--dsx-color-on-surface)' } as const\n// Neutral item text on both themes. Recharts defaults item color to the\n// series stroke, which goes low-contrast on glass (confirmed live 2026-09-19:\n// accent-purple value text on light glass). Same neutral-text rule as menus.\nconst chartTooltipItemStyle = { color: 'var(--dsx-color-on-surface)' } as const\nconst chartTooltipCursor = { stroke: 'var(--dsx-color-outline-variant)' } as const\nconst chartTooltipBarCursor = { fill: 'var(--dsx-color-surface-raised)' } as const\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n  const stackId = stacked ? 'dsx-stack' : undefined\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n        <LineChart data={data} margin={chartInset}>\n          <CartesianGrid strokeDasharray=\"3 3\" />\n          <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n          <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n          <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} />\n          <RechartsLegend />\n          {series && series.length > 0\n            ? series.map((s, i) => (\n              <Line key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} isAnimationActive={false} />\n            ))\n            : <Line type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n        </LineChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n  const stackId = stacked ? 'dsx-stack' : undefined\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n        <BarChart data={data} margin={chartInset}>\n          <CartesianGrid strokeDasharray=\"3 3\" />\n          <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n          <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n          <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipBarCursor} />\n          <RechartsLegend />\n          {series && series.length > 0\n            ? series.map((s, i) => (\n              <Bar key={s.dataKey} dataKey={s.dataKey} name={s.name ?? s.dataKey} fill={seriesFill(i, s.fill)} stackId={stackId} isAnimationActive={false} />\n            ))\n            : <Bar dataKey=\"value\" name={name ?? 'value'} fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n        </BarChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n  const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 })\n  const [legendHeight, legendContent] = useLegendHeight()\n  const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2))\n  const pieData = React.useMemo<ChartPieDatum[]>(\n    () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n    [data],\n  )\n\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}\n        onResize={(width, height) => { setDimensions({ width, height }) }}>\n        <PieChart>\n          <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={radius} isAnimationActive={false}>\n            {pieData.map((entry, index) => (\n              <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n            ))}\n          </Pie>\n          <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n          <RechartsLegend content={legendContent} />\n        </PieChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartDonut = React.forwardRef<HTMLDivElement, ChartDonutProps>(({ data, label, className, ...props }, forwardedRef) => {\n  const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 })\n  const [legendHeight, legendContent] = useLegendHeight()\n  const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2))\n  const pieData = React.useMemo<ChartPieDatum[]>(\n    () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n    [data],\n  )\n\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"donut\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}\n        onResize={(width, height) => { setDimensions({ width, height }) }}>\n        <PieChart>\n          <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" innerRadius={radius * 0.62} outerRadius={radius} isAnimationActive={false}>\n            {pieData.map((entry, index) => (\n              <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n            ))}\n          </Pie>\n          <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n          <RechartsLegend content={legendContent} />\n        </PieChart>\n      </ResponsiveContainer>\n      {label != null ? <div className=\"dsx-chart__center-label\" style={{ bottom: legendHeight }}>{label}</div> : null}\n    </ChartContainer>\n  )\n})\nChartDonut.displayName = 'ChartDonut'\n\nconst ChartRadial = React.forwardRef<HTMLDivElement, ChartRadialProps>(({ value, max = 100, label, className, ...props }, forwardedRef) => {\n  const clamped = Math.max(0, Math.min(value, max))\n  const data = React.useMemo(() => [{ name: 'value', value: clamped, fill: 'var(--dsx-color-primary)' }], [clamped])\n\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"radial\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n        <RadialBarChart cx=\"50%\" cy=\"50%\" innerRadius=\"88%\" outerRadius=\"100%\" data={data} startAngle={90} endAngle={-270}>\n          <RadialBar dataKey=\"value\" background={{ fill: 'var(--dsx-color-surface-sunken)' }} isAnimationActive={false} />\n        </RadialBarChart>\n      </ResponsiveContainer>\n      {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n    </ChartContainer>\n  )\n})\nChartRadial.displayName = 'ChartRadial'\n\nconst ChartArea = React.forwardRef<HTMLDivElement, ChartAreaProps>(({ data, series, name, spark, className, ...props }, forwardedRef) => {\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"area\" data-spark={spark || undefined}>\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={spark ? 0 : chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n        <AreaChart data={data} margin={spark ? chartSparkInset : chartInset}>\n          {!spark ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n          {!spark ? <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} /> : null}\n          {!spark ? <YAxis tickLine={false} axisLine={false} tick={chartTick} /> : null}\n          {!spark ? <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} /> : null}\n          {!spark ? <RechartsLegend /> : null}\n          {series && series.length > 0\n            ? series.map((s, i) => (\n              <Area key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} fill={seriesFill(i, s.fill)} fillOpacity={0.1} isAnimationActive={false} />\n            ))\n            : <Area type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" fill=\"var(--dsx-color-primary)\" fillOpacity={0.1} isAnimationActive={false} />}\n        </AreaChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartArea.displayName = 'ChartArea'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n  ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n  color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n  ({ className, color, style, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-chart__legend-item', className)}\n      style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n    />\n  ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n  ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n  Container: typeof ChartContainer\n  Line: typeof ChartLine\n  Bar: typeof ChartBar\n  Pie: typeof ChartPie\n  Donut: typeof ChartDonut\n  Radial: typeof ChartRadial\n  Area: typeof ChartArea\n  Empty: typeof ChartEmpty\n  Legend: typeof ChartLegend\n  LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n  Container: ChartContainer,\n  Line: ChartLine,\n  Bar: ChartBar,\n  Pie: ChartPie,\n  Donut: ChartDonut,\n  Radial: ChartRadial,\n  Area: ChartArea,\n  Empty: ChartEmpty,\n  Legend: ChartLegend,\n  LegendItem: ChartLegendItem,\n})\n\nexport {\n  AreaChart,\n  BarChart,\n  CartesianGrid,\n  Chart,\n  ChartArea,\n  ChartBar,\n  ChartContainer,\n  ChartDonut,\n  ChartEmpty,\n  ChartLegend,\n  ChartLegendItem,\n  ChartLine,\n  ChartPie,\n  ChartRadial,\n  LineChart,\n  PieChart,\n  RadialBarChart,\n  RechartsLegend,\n  RechartsTooltip as ChartTooltip,\n  ResponsiveContainer,\n  XAxis,\n  YAxis,\n}\nexport type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries }\n"],
+  "mappings": "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",
   "names": ["RechartsTooltip", "RechartsLegend", "classNames"]
 }

package/dist/components/chart/Chart.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BarChart, CartesianGrid, Legend as RechartsLegend, LineChart, PieChart, ResponsiveContainer, Tooltip as RechartsTooltip, XAxis, YAxis } from 'recharts';
+import { AreaChart, BarChart, CartesianGrid, Legend as RechartsLegend, LineChart, PieChart, RadialBarChart, ResponsiveContainer, Tooltip as RechartsTooltip, XAxis, YAxis } from 'recharts';
 import { chartContainerPropDefs } from './chart.props.cjs';
 import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
 type ChartDatum = {
@@ -7,16 +7,50 @@ type ChartDatum = {
     name: string;
     value: number;
 };
+type ChartRow = {
+    name: string;
+    id?: number | string;
+    [key: string]: string | number | undefined;
+};
+type ChartSeries = {
+    dataKey: string;
+    name?: string;
+    fill?: string;
+};
 type ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>;
 interface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {
 }
 interface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     data: ChartDatum[];
 }
+interface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    data: ChartDatum[] | ChartRow[];
+    series?: ChartSeries[];
+    stacked?: boolean;
+    name?: string;
+}
+interface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    data: ChartDatum[];
+    label?: React.ReactNode;
+}
+interface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    value: number;
+    max?: number;
+    label?: React.ReactNode;
+}
+interface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    data: ChartDatum[] | ChartRow[];
+    series?: ChartSeries[];
+    name?: string;
+    spark?: boolean;
+}
 declare const ChartContainer: React.ForwardRefExoticComponent<ChartContainerProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChartLine: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChartBar: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartLine: React.ForwardRefExoticComponent<ChartMultiProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartBar: React.ForwardRefExoticComponent<ChartMultiProps & React.RefAttributes<HTMLDivElement>>;
 declare const ChartPie: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartDonut: React.ForwardRefExoticComponent<ChartDonutProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartRadial: React.ForwardRefExoticComponent<ChartRadialProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartArea: React.ForwardRefExoticComponent<ChartAreaProps & React.RefAttributes<HTMLDivElement>>;
 declare const ChartEmpty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 type ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {
     color?: string;
@@ -30,10 +64,13 @@ declare const Chart: typeof ChartContainer & {
     Line: typeof ChartLine;
     Bar: typeof ChartBar;
     Pie: typeof ChartPie;
+    Donut: typeof ChartDonut;
+    Radial: typeof ChartRadial;
+    Area: typeof ChartArea;
     Empty: typeof ChartEmpty;
     Legend: typeof ChartLegend;
     LegendItem: typeof ChartLegendItem;
 };
-export { BarChart, CartesianGrid, Chart, ChartBar, ChartContainer, ChartEmpty, ChartLegend, ChartLegendItem, ChartLine, ChartPie, LineChart, PieChart, RechartsLegend, RechartsTooltip as ChartTooltip, ResponsiveContainer, XAxis, YAxis, };
-export type { ChartContainerProps, ChartDatum, ChartLegendItemProps, ChartProps };
+export { AreaChart, BarChart, CartesianGrid, Chart, ChartArea, ChartBar, ChartContainer, ChartDonut, ChartEmpty, ChartLegend, ChartLegendItem, ChartLine, ChartPie, ChartRadial, LineChart, PieChart, RadialBarChart, RechartsLegend, RechartsTooltip as ChartTooltip, ResponsiveContainer, XAxis, YAxis, };
+export type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries };
 //# sourceMappingURL=Chart.d.cts.map

package/dist/components/chart/Chart.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.cts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEL,QAAQ,EACR,aAAa,EAEb,MAAM,IAAI,cAAc,EAExB,SAAS,EAET,QAAQ,EACR,mBAAmB,EACnB,OAAO,IAAI,eAAe,EAC1B,KAAK,EACL,KAAK,EACN,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,UAAU,GAAG;IAChB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAMD,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,sBAAsB;CAAG;AAErG,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjF,IAAI,EAAE,UAAU,EAAE,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAclB,CAAA;AAGF,QAAA,MAAM,SAAS,mFAeb,CAAA;AAGF,QAAA,MAAM,QAAQ,mFAeZ,CAAA;AAGF,QAAA,MAAM,QAAQ,mFAqBZ,CAAA;AAGF,QAAA,MAAM,UAAU,6GAIf,CAAA;AAGD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,QAAA,MAAM,eAAe;YAHX,MAAM;yCAYf,CAAA;AAGD,QAAA,MAAM,WAAW,6GAIhB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,cAAc,GAAG;IACnC,SAAS,EAAE,OAAO,cAAc,CAAA;IAChC,IAAI,EAAE,OAAO,SAAS,CAAA;IACtB,GAAG,EAAE,OAAO,QAAQ,CAAA;IACpB,GAAG,EAAE,OAAO,QAAQ,CAAA;IACpB,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,UAAU,EAAE,OAAO,eAAe,CAAA;CASlC,CAAA;AAEF,OAAO,EACL,QAAQ,EACR,aAAa,EACb,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,cAAc,EACd,eAAe,IAAI,YAAY,EAC/B,mBAAmB,EACnB,KAAK,EACL,KAAK,GACN,CAAA;AACD,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,oBAAoB,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Chart.d.cts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"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"}

package/dist/components/chart/Chart.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BarChart, CartesianGrid, Legend as RechartsLegend, LineChart, PieChart, ResponsiveContainer, Tooltip as RechartsTooltip, XAxis, YAxis } from 'recharts';
+import { AreaChart, BarChart, CartesianGrid, Legend as RechartsLegend, LineChart, PieChart, RadialBarChart, ResponsiveContainer, Tooltip as RechartsTooltip, XAxis, YAxis } from 'recharts';
 import { chartContainerPropDefs } from './chart.props.js';
 import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
 type ChartDatum = {
@@ -7,16 +7,50 @@ type ChartDatum = {
     name: string;
     value: number;
 };
+type ChartRow = {
+    name: string;
+    id?: number | string;
+    [key: string]: string | number | undefined;
+};
+type ChartSeries = {
+    dataKey: string;
+    name?: string;
+    fill?: string;
+};
 type ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>;
 interface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {
 }
 interface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     data: ChartDatum[];
 }
+interface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    data: ChartDatum[] | ChartRow[];
+    series?: ChartSeries[];
+    stacked?: boolean;
+    name?: string;
+}
+interface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    data: ChartDatum[];
+    label?: React.ReactNode;
+}
+interface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    value: number;
+    max?: number;
+    label?: React.ReactNode;
+}
+interface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    data: ChartDatum[] | ChartRow[];
+    series?: ChartSeries[];
+    name?: string;
+    spark?: boolean;
+}
 declare const ChartContainer: React.ForwardRefExoticComponent<ChartContainerProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChartLine: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChartBar: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartLine: React.ForwardRefExoticComponent<ChartMultiProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartBar: React.ForwardRefExoticComponent<ChartMultiProps & React.RefAttributes<HTMLDivElement>>;
 declare const ChartPie: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartDonut: React.ForwardRefExoticComponent<ChartDonutProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartRadial: React.ForwardRefExoticComponent<ChartRadialProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartArea: React.ForwardRefExoticComponent<ChartAreaProps & React.RefAttributes<HTMLDivElement>>;
 declare const ChartEmpty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 type ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {
     color?: string;
@@ -30,10 +64,13 @@ declare const Chart: typeof ChartContainer & {
     Line: typeof ChartLine;
     Bar: typeof ChartBar;
     Pie: typeof ChartPie;
+    Donut: typeof ChartDonut;
+    Radial: typeof ChartRadial;
+    Area: typeof ChartArea;
     Empty: typeof ChartEmpty;
     Legend: typeof ChartLegend;
     LegendItem: typeof ChartLegendItem;
 };
-export { BarChart, CartesianGrid, Chart, ChartBar, ChartContainer, ChartEmpty, ChartLegend, ChartLegendItem, ChartLine, ChartPie, LineChart, PieChart, RechartsLegend, RechartsTooltip as ChartTooltip, ResponsiveContainer, XAxis, YAxis, };
-export type { ChartContainerProps, ChartDatum, ChartLegendItemProps, ChartProps };
+export { AreaChart, BarChart, CartesianGrid, Chart, ChartArea, ChartBar, ChartContainer, ChartDonut, ChartEmpty, ChartLegend, ChartLegendItem, ChartLine, ChartPie, ChartRadial, LineChart, PieChart, RadialBarChart, RechartsLegend, RechartsTooltip as ChartTooltip, ResponsiveContainer, XAxis, YAxis, };
+export type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries };
 //# sourceMappingURL=Chart.d.mts.map

package/dist/components/chart/Chart.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.mts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEL,QAAQ,EACR,aAAa,EAEb,MAAM,IAAI,cAAc,EAExB,SAAS,EAET,QAAQ,EACR,mBAAmB,EACnB,OAAO,IAAI,eAAe,EAC1B,KAAK,EACL,KAAK,EACN,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,UAAU,GAAG;IAChB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAMD,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,sBAAsB;CAAG;AAErG,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjF,IAAI,EAAE,UAAU,EAAE,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAclB,CAAA;AAGF,QAAA,MAAM,SAAS,mFAeb,CAAA;AAGF,QAAA,MAAM,QAAQ,mFAeZ,CAAA;AAGF,QAAA,MAAM,QAAQ,mFAqBZ,CAAA;AAGF,QAAA,MAAM,UAAU,6GAIf,CAAA;AAGD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,QAAA,MAAM,eAAe;YAHX,MAAM;yCAYf,CAAA;AAGD,QAAA,MAAM,WAAW,6GAIhB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,cAAc,GAAG;IACnC,SAAS,EAAE,OAAO,cAAc,CAAA;IAChC,IAAI,EAAE,OAAO,SAAS,CAAA;IACtB,GAAG,EAAE,OAAO,QAAQ,CAAA;IACpB,GAAG,EAAE,OAAO,QAAQ,CAAA;IACpB,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,UAAU,EAAE,OAAO,eAAe,CAAA;CASlC,CAAA;AAEF,OAAO,EACL,QAAQ,EACR,aAAa,EACb,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,cAAc,EACd,eAAe,IAAI,YAAY,EAC/B,mBAAmB,EACnB,KAAK,EACL,KAAK,GACN,CAAA;AACD,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,oBAAoB,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Chart.d.mts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"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"}

package/dist/components/chart/Chart.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BarChart, CartesianGrid, Legend as RechartsLegend, LineChart, PieChart, ResponsiveContainer, Tooltip as RechartsTooltip, XAxis, YAxis } from 'recharts';
+import { AreaChart, BarChart, CartesianGrid, Legend as RechartsLegend, LineChart, PieChart, RadialBarChart, ResponsiveContainer, Tooltip as RechartsTooltip, XAxis, YAxis } from 'recharts';
 import { chartContainerPropDefs } from './chart.props.js';
 import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
 type ChartDatum = {
@@ -7,16 +7,50 @@ type ChartDatum = {
     name: string;
     value: number;
 };
+type ChartRow = {
+    name: string;
+    id?: number | string;
+    [key: string]: string | number | undefined;
+};
+type ChartSeries = {
+    dataKey: string;
+    name?: string;
+    fill?: string;
+};
 type ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>;
 interface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {
 }
 interface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     data: ChartDatum[];
 }
+interface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    data: ChartDatum[] | ChartRow[];
+    series?: ChartSeries[];
+    stacked?: boolean;
+    name?: string;
+}
+interface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    data: ChartDatum[];
+    label?: React.ReactNode;
+}
+interface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    value: number;
+    max?: number;
+    label?: React.ReactNode;
+}
+interface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    data: ChartDatum[] | ChartRow[];
+    series?: ChartSeries[];
+    name?: string;
+    spark?: boolean;
+}
 declare const ChartContainer: React.ForwardRefExoticComponent<ChartContainerProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChartLine: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChartBar: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartLine: React.ForwardRefExoticComponent<ChartMultiProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartBar: React.ForwardRefExoticComponent<ChartMultiProps & React.RefAttributes<HTMLDivElement>>;
 declare const ChartPie: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartDonut: React.ForwardRefExoticComponent<ChartDonutProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartRadial: React.ForwardRefExoticComponent<ChartRadialProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartArea: React.ForwardRefExoticComponent<ChartAreaProps & React.RefAttributes<HTMLDivElement>>;
 declare const ChartEmpty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 type ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {
     color?: string;
@@ -30,10 +64,13 @@ declare const Chart: typeof ChartContainer & {
     Line: typeof ChartLine;
     Bar: typeof ChartBar;
     Pie: typeof ChartPie;
+    Donut: typeof ChartDonut;
+    Radial: typeof ChartRadial;
+    Area: typeof ChartArea;
     Empty: typeof ChartEmpty;
     Legend: typeof ChartLegend;
     LegendItem: typeof ChartLegendItem;
 };
-export { BarChart, CartesianGrid, Chart, ChartBar, ChartContainer, ChartEmpty, ChartLegend, ChartLegendItem, ChartLine, ChartPie, LineChart, PieChart, RechartsLegend, RechartsTooltip as ChartTooltip, ResponsiveContainer, XAxis, YAxis, };
-export type { ChartContainerProps, ChartDatum, ChartLegendItemProps, ChartProps };
+export { AreaChart, BarChart, CartesianGrid, Chart, ChartArea, ChartBar, ChartContainer, ChartDonut, ChartEmpty, ChartLegend, ChartLegendItem, ChartLine, ChartPie, ChartRadial, LineChart, PieChart, RadialBarChart, RechartsLegend, RechartsTooltip as ChartTooltip, ResponsiveContainer, XAxis, YAxis, };
+export type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries };
 //# sourceMappingURL=Chart.d.ts.map

package/dist/components/chart/Chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEL,QAAQ,EACR,aAAa,EAEb,MAAM,IAAI,cAAc,EAExB,SAAS,EAET,QAAQ,EACR,mBAAmB,EACnB,OAAO,IAAI,eAAe,EAC1B,KAAK,EACL,KAAK,EACN,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,UAAU,GAAG;IAChB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAMD,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,sBAAsB;CAAG;AAErG,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjF,IAAI,EAAE,UAAU,EAAE,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAclB,CAAA;AAGF,QAAA,MAAM,SAAS,mFAeb,CAAA;AAGF,QAAA,MAAM,QAAQ,mFAeZ,CAAA;AAGF,QAAA,MAAM,QAAQ,mFAqBZ,CAAA;AAGF,QAAA,MAAM,UAAU,6GAIf,CAAA;AAGD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,QAAA,MAAM,eAAe;YAHX,MAAM;yCAYf,CAAA;AAGD,QAAA,MAAM,WAAW,6GAIhB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,cAAc,GAAG;IACnC,SAAS,EAAE,OAAO,cAAc,CAAA;IAChC,IAAI,EAAE,OAAO,SAAS,CAAA;IACtB,GAAG,EAAE,OAAO,QAAQ,CAAA;IACpB,GAAG,EAAE,OAAO,QAAQ,CAAA;IACpB,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,UAAU,EAAE,OAAO,eAAe,CAAA;CASlC,CAAA;AAEF,OAAO,EACL,QAAQ,EACR,aAAa,EACb,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,cAAc,EACd,eAAe,IAAI,YAAY,EAC/B,mBAAmB,EACnB,KAAK,EACL,KAAK,GACN,CAAA;AACD,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,oBAAoB,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEL,SAAS,EAET,QAAQ,EACR,aAAa,EAGb,MAAM,IAAI,cAAc,EAExB,SAAS,EAET,QAAQ,EAER,cAAc,EACd,mBAAmB,EACnB,OAAO,IAAI,eAAe,EAC1B,KAAK,EACL,KAAK,EACN,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,UAAU,GAAG;IAChB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAC3C,CAAA;AAMD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,sBAAsB;CAAG;AAErG,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjF,IAAI,EAAE,UAAU,EAAE,CAAA;CACnB;AAED,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtF,IAAI,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC/B,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtF,IAAI,EAAE,UAAU,EAAE,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAED,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAED,UAAU,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF,IAAI,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC/B,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAwBD,QAAA,MAAM,cAAc,4FAclB,CAAA;AA8BF,QAAA,MAAM,SAAS,wFAoBb,CAAA;AAGF,QAAA,MAAM,QAAQ,wFAoBZ,CAAA;AAGF,QAAA,MAAM,QAAQ,mFAyBZ,CAAA;AAGF,QAAA,MAAM,UAAU,wFA0Bd,CAAA;AAGF,QAAA,MAAM,WAAW,yFAcf,CAAA;AAGF,QAAA,MAAM,SAAS,uFAmBb,CAAA;AAGF,QAAA,MAAM,UAAU,6GAIf,CAAA;AAGD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,QAAA,MAAM,eAAe;YAHX,MAAM;yCAYf,CAAA;AAGD,QAAA,MAAM,WAAW,6GAIhB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,cAAc,GAAG;IACnC,SAAS,EAAE,OAAO,cAAc,CAAA;IAChC,IAAI,EAAE,OAAO,SAAS,CAAA;IACtB,GAAG,EAAE,OAAO,QAAQ,CAAA;IACpB,GAAG,EAAE,OAAO,QAAQ,CAAA;IACpB,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,IAAI,EAAE,OAAO,SAAS,CAAA;IACtB,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,UAAU,EAAE,OAAO,eAAe,CAAA;CAYlC,CAAA;AAEF,OAAO,EACL,SAAS,EACT,QAAQ,EACR,aAAa,EACb,KAAK,EACL,SAAS,EACT,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,EACV,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,IAAI,YAAY,EAC/B,mBAAmB,EACnB,KAAK,EACL,KAAK,GACN,CAAA;AACD,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,UAAU,EAAE,eAAe,EAAE,oBAAoB,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA"}