@d4gger/design-system 2.7.0 → 3.0.0

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":"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"}

package/dist/components/chart/Chart.js

@@ -3,6 +3,8 @@ import * as React from "react";
 import classNames from "classnames";
 import { Slot } from "@radix-ui/react-slot";
 import {
+  Area,
+  AreaChart,
   Bar,
   BarChart,
   CartesianGrid,
@@ -12,6 +14,8 @@ import {
   LineChart,
   Pie,
   PieChart,
+  RadialBar,
+  RadialBarChart,
   ResponsiveContainer,
   Tooltip as RechartsTooltip,
   XAxis,
@@ -20,6 +24,7 @@ import {
 import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { chartContainerPropDefs } from "./chart.props.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+const seriesFill = (index, explicit) => explicit ?? `var(--dsx-chart-${index % 5 + 1})`;
 const ChartContainer = React.forwardRef(({ children, ...props }, forwardedRef) => {
   const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs);
   const Comp = asChild ? Slot : "div";
@@ -35,25 +40,43 @@ const ChartContainer = React.forwardRef(({ children, ...props }, forwardedRef) =
   );
 });
 ChartContainer.displayName = "ChartContainer";
-const ChartLine = React.forwardRef(({ data, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsx(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "line", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 350, children: /* @__PURE__ */ jsxs(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__ */ jsx(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "line", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ jsxs(LineChart, { data, margin: chartInset, children: [
     /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsx(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx(YAxis, {}),
-    /* @__PURE__ */ jsx(RechartsTooltip, {}),
+    /* @__PURE__ */ jsx(XAxis, { dataKey: "name", tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ jsx(YAxis, { tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ jsx(RechartsTooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel, cursor: chartTooltipCursor }),
     /* @__PURE__ */ jsx(RechartsLegend, {}),
-    /* @__PURE__ */ jsx(Line, { type: "monotone", dataKey: "value", stroke: "var(--dsx-color-primary)", isAnimationActive: false })
+    series && series.length > 0 ? series.map((s, i) => /* @__PURE__ */ jsx(Line, { type: "monotone", dataKey: s.dataKey, name: s.name ?? s.dataKey, stroke: seriesFill(i, s.fill), isAnimationActive: false }, s.dataKey)) : /* @__PURE__ */ jsx(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__ */ jsx(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "bar", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 350, children: /* @__PURE__ */ jsxs(BarChart, { data, children: [
+const ChartBar = React.forwardRef(({ data, series, stacked, name, className, ...props }, forwardedRef) => {
+  const stackId = stacked ? "dsx-stack" : void 0;
+  return /* @__PURE__ */ jsx(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "bar", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ jsxs(BarChart, { data, margin: chartInset, children: [
     /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsx(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx(YAxis, {}),
-    /* @__PURE__ */ jsx(RechartsTooltip, {}),
+    /* @__PURE__ */ jsx(XAxis, { dataKey: "name", tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ jsx(YAxis, { tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ jsx(RechartsTooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel, cursor: chartTooltipBarCursor }),
     /* @__PURE__ */ jsx(RechartsLegend, {}),
-    /* @__PURE__ */ jsx(Bar, { dataKey: "value", fill: "var(--dsx-color-primary)", isAnimationActive: false })
+    series && series.length > 0 ? series.map((s, i) => /* @__PURE__ */ jsx(Bar, { dataKey: s.dataKey, name: s.name ?? s.dataKey, fill: seriesFill(i, s.fill), stackId, isAnimationActive: false }, s.dataKey)) : /* @__PURE__ */ jsx(Bar, { dataKey: "value", name: name ?? "value", fill: "var(--dsx-color-primary)", isAnimationActive: false })
   ] }) }) });
 });
 ChartBar.displayName = "ChartBar";
@@ -62,13 +85,48 @@ const ChartPie = React.forwardRef(({ data, className, ...props }, forwardedRef)
     () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
     [data]
   );
-  return /* @__PURE__ */ jsx(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 350, children: /* @__PURE__ */ jsxs(PieChart, { children: [
+  return /* @__PURE__ */ jsx(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ jsxs(PieChart, { children: [
     /* @__PURE__ */ jsx(Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", outerRadius: 100, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
-    /* @__PURE__ */ jsx(RechartsTooltip, {}),
+    /* @__PURE__ */ jsx(RechartsTooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
     /* @__PURE__ */ jsx(RechartsLegend, {})
   ] }) }) });
 });
 ChartPie.displayName = "ChartPie";
+const ChartDonut = React.forwardRef(({ data, label, className, ...props }, forwardedRef) => {
+  const pieData = React.useMemo(
+    () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
+    [data]
+  );
+  return /* @__PURE__ */ jsxs(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "donut", children: [
+    /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ jsxs(PieChart, { children: [
+      /* @__PURE__ */ jsx(Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", innerRadius: 62, outerRadius: 100, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
+      /* @__PURE__ */ jsx(RechartsTooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
+      /* @__PURE__ */ jsx(RechartsLegend, {})
+    ] }) }),
+    label != null ? /* @__PURE__ */ jsx("div", { className: "dsx-chart__center-label", 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__ */ jsxs(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "radial", children: [
+    /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ jsx(RadialBarChart, { cx: "50%", cy: "50%", innerRadius: "88%", outerRadius: "100%", data, startAngle: 90, endAngle: -270, children: /* @__PURE__ */ jsx(RadialBar, { dataKey: "value", background: { fill: "var(--dsx-color-surface-sunken)" }, isAnimationActive: false }) }) }),
+    label != null ? /* @__PURE__ */ 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__ */ jsx(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "area", "data-spark": spark || void 0, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: spark ? 0 : chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ jsxs(AreaChart, { data, margin: spark ? chartSparkInset : chartInset, children: [
+    !spark ? /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }) : null,
+    !spark ? /* @__PURE__ */ jsx(XAxis, { dataKey: "name", tickLine: false, axisLine: false, tick: chartTick }) : null,
+    !spark ? /* @__PURE__ */ jsx(YAxis, { tickLine: false, axisLine: false, tick: chartTick }) : null,
+    !spark ? /* @__PURE__ */ jsx(RechartsTooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel, cursor: chartTooltipCursor }) : null,
+    !spark ? /* @__PURE__ */ jsx(RechartsLegend, {}) : null,
+    series && series.length > 0 ? series.map((s, i) => /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx("div", { ...props, ref: forwardedRef, className: classNames("dsx-chart__empty", className) })
 );
@@ -94,24 +152,32 @@ const Chart = Object.assign(ChartContainer, {
   Line: ChartLine,
   Bar: ChartBar,
   Pie: ChartPie,
+  Donut: ChartDonut,
+  Radial: ChartRadial,
+  Area: ChartArea,
   Empty: ChartEmpty,
   Legend: ChartLegend,
   LegendItem: ChartLegendItem
 });
 export {
+  AreaChart,
   BarChart,
   CartesianGrid,
   Chart,
+  ChartArea,
   ChartBar,
   ChartContainer,
+  ChartDonut,
   ChartEmpty,
   ChartLegend,
   ChartLegendItem,
   ChartLine,
   ChartPie,
+  ChartRadial,
   RechartsTooltip as ChartTooltip,
   LineChart,
   PieChart,
+  RadialBarChart,
   RechartsLegend,
   ResponsiveContainer,
   XAxis,

package/dist/components/chart/Chart.js.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  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\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 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        <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 contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n          <RechartsLegend />\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 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        <PieChart>\n          <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" innerRadius={62} 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 contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n          <RechartsLegend />\n        </PieChart>\n      </ResponsiveContainer>\n      {label != null ? <div className=\"dsx-chart__center-label\">{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": []
 }

package/dist/components/chart.css

@@ -5,17 +5,33 @@
   display: flex;
   min-height: var(--dsx-chart-min-height);
   aspect-ratio: var(--dsx-chart-aspect-ratio, 1.7778);
-  border: 1px solid var(--dsx-semantic-border);
-  border-radius: var(--dsx-rounded-xl);
-  background: linear-gradient(180deg, var(--dsx-semantic-card), var(--dsx-semantic-muted));
   color: var(--dsx-semantic-card-foreground);
   overflow: hidden;
 }
 
-.dsx-chart[data-chart-type='pie'] {
+.dsx-chart[data-chart-type='pie'],
+.dsx-chart[data-chart-type='donut'],
+.dsx-chart[data-chart-type='radial'] {
   --dsx-chart-aspect-ratio: 1;
 }
 
+.dsx-chart[data-chart-type='area']:where([data-spark='true']) {
+  --dsx-chart-aspect-ratio: 3;
+  min-height: 0;
+}
+
+.dsx-chart__center-label {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--dsx-space-xs);
+  pointer-events: none;
+  text-align: center;
+}
+
 .dsx-chart__empty {
   display: flex;
   flex: 1;

package/dist/components/checkbox-cards.css

@@ -54,6 +54,14 @@
 .dsx-checkbox-cards__item[data-state='checked'] {
   border-color: var(--dsx-color-primary);
   background: var(--dsx-color-primary-ghost, color-mix(in srgb, var(--dsx-color-primary) 8%, transparent));
+  /* F2 selected role: 2px inset accent ring on top of the 1px accent border —
+     no layout shift on check, crisp at every DPI. */
+  box-shadow: var(--dsx-boundary-selected-ring);
+}
+
+/* Checked + keyboard focus: show the focus ring and the selected ring together. */
+.dsx-checkbox-cards__item[data-state='checked']:focus-visible {
+  box-shadow: var(--dsx-shadow-focus-ring), var(--dsx-boundary-selected-ring);
 }
 
 .dsx-checkbox-cards__item[data-disabled] {

package/dist/components/checkbox.css

@@ -5,7 +5,7 @@
   width: var(--dsx-size-md);
   height: var(--dsx-size-md);
   border-radius: var(--dsx-rounded-sm);
-  border: var(--dsx-border-width-md) solid var(--dsx-color-outline-variant);
+  border: var(--dsx-boundary-control-width, var(--dsx-border-width-sm)) solid var(--dsx-color-outline-variant);
   background: var(--dsx-color-surface);
   color: var(--dsx-color-on-surface);
   transition:
@@ -63,9 +63,9 @@
 
 .dsx-checkbox[data-state='checked'],
 .dsx-checkbox[data-state='indeterminate'] {
-  background: var(--dsx-color-primary);
-  border-color: var(--dsx-color-primary);
-  color: var(--dsx-color-on-primary);
+  background: var(--dsx-color-accent-track);
+  border-color: var(--dsx-color-accent-track);
+  color: var(--dsx-color-accent-contrast);
 }
 
 /* Accent color overrides for checked/indeterminate state */