wimui 0.24.4 → 0.26.0

package/dist/components/charts/PieChart/PieChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./pie-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,height:i=300,width:s=`100%`,title:c,donut:l=!1,animated:u=!1})=>(0,a.jsxs)(`div`,{className:`wim-pie-chart ${r.default.root}`,style:{width:s},children:[c&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:c}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:i},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.PieChart,{children:[(0,a.jsx)(o.Pie,{data:e,cx:`50%`,cy:`50%`,labelLine:!1,innerRadius:l?`60%`:0,outerRadius:`80%`,paddingAngle:0,dataKey:`value`,isAnimationActive:u,children:e.map((e,t)=>(0,a.jsx)(o.Cell,{fill:n.CHART_COLORS[t%n.CHART_COLORS.length],stroke:`var(--wim-color-surface)`,strokeWidth:2},`cell-${t}`))}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend})]})})})]});exports.PieChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("../../_internal/ChartDataTable.cjs"),i=require("../../_internal/chartTableData.cjs"),a=require("./pie-chart.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime"),c=require("recharts");var l=({data:e,height:o=300,width:l=`100%`,title:u,donut:d=!1,animated:f=!1,"aria-label":p})=>{let m=p??u,h=i.pairTable(e,`name`,`value`);return(0,s.jsxs)(`div`,{className:`wim-pie-chart ${a.default.root}`,style:{width:l},role:m?`figure`:void 0,"aria-label":m,children:[u&&(0,s.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,s.jsx)(`div`,{className:a.default.container,style:{height:o},"aria-hidden":`true`,children:(0,s.jsx)(c.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,s.jsxs)(c.PieChart,{...n.CHART_HIDDEN_A11Y_PROPS,children:[(0,s.jsx)(c.Pie,{rootTabIndex:-1,data:e,cx:`50%`,cy:`50%`,labelLine:!1,innerRadius:d?`60%`:0,outerRadius:`80%`,paddingAngle:0,dataKey:`value`,isAnimationActive:f,children:e.map((e,t)=>(0,s.jsx)(c.Cell,{fill:n.CHART_COLORS[t%n.CHART_COLORS.length],stroke:`var(--wim-color-surface)`,strokeWidth:2},`cell-${t}`))}),(0,s.jsx)(c.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,s.jsx)(c.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend})]})})}),(0,s.jsx)(r.ChartDataTable,{caption:m,columns:h.columns,rows:h.rows})]})};exports.PieChart=l;

package/dist/components/charts/PieChart/PieChart.d.ts

@@ -31,5 +31,11 @@ export type PieChartProps = {
      * @default false
      */
     animated?: boolean;
+    /**
+     * Accessible name for the chart. Defaults to `title` when omitted; pass this
+     * when the chart has no visible title, or when the title is not descriptive
+     * enough on its own.
+     */
+    "aria-label"?: string;
 };
-export declare const PieChart: ({ data, height, width, title, donut, animated, }: PieChartProps) => React.JSX.Element;
+export declare const PieChart: ({ data, height, width, title, donut, animated, "aria-label": ariaLabel, }: PieChartProps) => React.JSX.Element;

package/dist/components/charts/PieChart/PieChart.js

@@ -1,51 +1,71 @@
 "use client";
 import { Title as e } from "../../typography/Title/Title.js";
-import { CHART_COLORS as t, CHART_THEME as n } from "../../helpers.js";
-import r from "./pie-chart.module.js";
+import { CHART_COLORS as t, CHART_HIDDEN_A11Y_PROPS as n, CHART_THEME as r } from "../../helpers.js";
+import { ChartDataTable as i } from "../../_internal/ChartDataTable.js";
+import { pairTable as a } from "../../_internal/chartTableData.js";
+import o from "./pie-chart.module.js";
 import "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Cell as o, Legend as s, Pie as c, PieChart as l, ResponsiveContainer as u, Tooltip as d } from "recharts";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Cell as l, Legend as u, Pie as d, PieChart as f, ResponsiveContainer as p, Tooltip as m } from "recharts";
 //#region src/components/charts/PieChart/PieChart.tsx
-var f = ({ data: f, height: p = 300, width: m = "100%", title: h, donut: g = !1, animated: _ = !1 }) => /* @__PURE__ */ a("div", {
-	className: `wim-pie-chart ${r.root}`,
-	style: { width: m },
-	children: [h && /* @__PURE__ */ i(e, {
-		tag: "h3",
-		size: "md",
-		style: { marginBottom: "var(--wim-spacing-md)" },
-		children: h
-	}), /* @__PURE__ */ i("div", {
-		className: r.container,
-		style: { height: p },
-		children: /* @__PURE__ */ i(u, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ a(l, { children: [
-				/* @__PURE__ */ i(c, {
-					data: f,
-					cx: "50%",
-					cy: "50%",
-					labelLine: !1,
-					innerRadius: g ? "60%" : 0,
-					outerRadius: "80%",
-					paddingAngle: 0,
-					dataKey: "value",
-					isAnimationActive: _,
-					children: f.map((e, n) => /* @__PURE__ */ i(o, {
-						fill: t[n % t.length],
-						stroke: "var(--wim-color-surface)",
-						strokeWidth: 2
-					}, `cell-${n}`))
-				}),
-				/* @__PURE__ */ i(d, { contentStyle: n.tooltip.contentStyle }),
-				/* @__PURE__ */ i(s, {
-					verticalAlign: "top",
-					height: 36,
-					...n.legend
+var h = ({ data: h, height: g = 300, width: _ = "100%", title: v, donut: y = !1, animated: b = !1, "aria-label": x }) => {
+	let S = x ?? v, C = a(h, "name", "value");
+	return /* @__PURE__ */ c("div", {
+		className: `wim-pie-chart ${o.root}`,
+		style: { width: _ },
+		role: S ? "figure" : void 0,
+		"aria-label": S,
+		children: [
+			v && /* @__PURE__ */ s(e, {
+				tag: "h3",
+				size: "md",
+				style: { marginBottom: "var(--wim-spacing-md)" },
+				children: v
+			}),
+			/* @__PURE__ */ s("div", {
+				className: o.container,
+				style: { height: g },
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ s(p, {
+					width: "100%",
+					height: "100%",
+					children: /* @__PURE__ */ c(f, {
+						...n,
+						children: [
+							/* @__PURE__ */ s(d, {
+								rootTabIndex: -1,
+								data: h,
+								cx: "50%",
+								cy: "50%",
+								labelLine: !1,
+								innerRadius: y ? "60%" : 0,
+								outerRadius: "80%",
+								paddingAngle: 0,
+								dataKey: "value",
+								isAnimationActive: b,
+								children: h.map((e, n) => /* @__PURE__ */ s(l, {
+									fill: t[n % t.length],
+									stroke: "var(--wim-color-surface)",
+									strokeWidth: 2
+								}, `cell-${n}`))
+							}),
+							/* @__PURE__ */ s(m, { contentStyle: r.tooltip.contentStyle }),
+							/* @__PURE__ */ s(u, {
+								verticalAlign: "top",
+								height: 36,
+								...r.legend
+							})
+						]
+					})
 				})
-			] })
-		})
-	})]
-});
+			}),
+			/* @__PURE__ */ s(i, {
+				caption: S,
+				columns: C.columns,
+				rows: C.rows
+			})
+		]
+	});
+};
 //#endregion
-export { f as PieChart };
+export { h as PieChart };

package/dist/components/charts/RadarChart/RadarChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./radar-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,indexKey:s,height:c=300,width:l=`100%`,title:u,animated:d=!1})=>(0,a.jsxs)(`div`,{className:`wim-radar-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.RadarChart,{cx:`50%`,cy:`50%`,outerRadius:`80%`,data:e,children:[(0,a.jsx)(o.PolarGrid,{stroke:n.CHART_THEME.grid.stroke}),(0,a.jsx)(o.PolarAngleAxis,{dataKey:s,...n.CHART_THEME.axis}),(0,a.jsx)(o.PolarRadiusAxis,{tick:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend}),i.map((e,t)=>(0,a.jsx)(o.Radar,{name:e,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],fill:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,fillOpacity:.18,isAnimationActive:d},e))]})})})]});exports.RadarChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("../../_internal/ChartDataTable.cjs"),i=require("../../_internal/chartTableData.cjs"),a=require("./radar-chart.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime"),c=require("recharts");var l=({data:e,keys:o,indexKey:l,height:u=300,width:d=`100%`,title:f,animated:p=!1,"aria-label":m})=>{let h=m??f,g=i.seriesTable(e,l,o);return(0,s.jsxs)(`div`,{className:`wim-radar-chart ${a.default.root}`,style:{width:d},role:h?`figure`:void 0,"aria-label":h,children:[f&&(0,s.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:f}),(0,s.jsx)(`div`,{className:a.default.container,style:{height:u},"aria-hidden":`true`,children:(0,s.jsx)(c.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,s.jsxs)(c.RadarChart,{...n.CHART_HIDDEN_A11Y_PROPS,cx:`50%`,cy:`50%`,outerRadius:`80%`,data:e,children:[(0,s.jsx)(c.PolarGrid,{stroke:n.CHART_THEME.grid.stroke}),(0,s.jsx)(c.PolarAngleAxis,{dataKey:l,...n.CHART_THEME.axis}),(0,s.jsx)(c.PolarRadiusAxis,{tick:!1,axisLine:!1}),(0,s.jsx)(c.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,s.jsx)(c.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend}),o.map((e,t)=>(0,s.jsx)(c.Radar,{name:e,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],fill:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,fillOpacity:.18,isAnimationActive:p},e))]})})}),(0,s.jsx)(r.ChartDataTable,{caption:h,columns:g.columns,rows:g.rows})]})};exports.RadarChart=l;

package/dist/components/charts/RadarChart/RadarChart.d.ts

@@ -32,5 +32,11 @@ export type RadarChartProps = {
      * @default false
      */
     animated?: boolean;
+    /**
+     * Accessible name for the chart. Defaults to `title` when omitted; pass this
+     * when the chart has no visible title, or when the title is not descriptive
+     * enough on its own.
+     */
+    "aria-label"?: string;
 };
-export declare const RadarChart: ({ data, keys, indexKey, height, width, title, animated, }: RadarChartProps) => React.JSX.Element;
+export declare const RadarChart: ({ data, keys, indexKey, height, width, title, animated, "aria-label": ariaLabel, }: RadarChartProps) => React.JSX.Element;

package/dist/components/charts/RadarChart/RadarChart.js

@@ -1,62 +1,79 @@
 "use client";
 import { Title as e } from "../../typography/Title/Title.js";
-import { CHART_COLORS as t, CHART_THEME as n } from "../../helpers.js";
-import r from "./radar-chart.module.js";
+import { CHART_COLORS as t, CHART_HIDDEN_A11Y_PROPS as n, CHART_THEME as r } from "../../helpers.js";
+import { ChartDataTable as i } from "../../_internal/ChartDataTable.js";
+import { seriesTable as a } from "../../_internal/chartTableData.js";
+import o from "./radar-chart.module.js";
 import "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Legend as o, PolarAngleAxis as s, PolarGrid as c, PolarRadiusAxis as l, Radar as u, RadarChart as d, ResponsiveContainer as f, Tooltip as p } from "recharts";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Legend as l, PolarAngleAxis as u, PolarGrid as d, PolarRadiusAxis as f, Radar as p, RadarChart as m, ResponsiveContainer as h, Tooltip as g } from "recharts";
 //#region src/components/charts/RadarChart/RadarChart.tsx
-var m = ({ data: m, keys: h, indexKey: g, height: _ = 300, width: v = "100%", title: y, animated: b = !1 }) => /* @__PURE__ */ a("div", {
-	className: `wim-radar-chart ${r.root}`,
-	style: { width: v },
-	children: [y && /* @__PURE__ */ i(e, {
-		tag: "h3",
-		size: "md",
-		style: { marginBottom: "var(--wim-spacing-md)" },
-		children: y
-	}), /* @__PURE__ */ i("div", {
-		className: r.container,
-		style: { height: _ },
-		children: /* @__PURE__ */ i(f, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ a(d, {
-				cx: "50%",
-				cy: "50%",
-				outerRadius: "80%",
-				data: m,
-				children: [
-					/* @__PURE__ */ i(c, { stroke: n.grid.stroke }),
-					/* @__PURE__ */ i(s, {
-						dataKey: g,
-						...n.axis
-					}),
-					/* @__PURE__ */ i(l, {
-						tick: !1,
-						axisLine: !1
-					}),
-					/* @__PURE__ */ i(p, {
-						contentStyle: n.tooltip.contentStyle,
-						cursor: n.tooltip.cursor
-					}),
-					/* @__PURE__ */ i(o, {
-						verticalAlign: "top",
-						height: 36,
-						...n.legend
-					}),
-					h.map((e, n) => /* @__PURE__ */ i(u, {
-						name: e,
-						dataKey: e,
-						stroke: t[n % t.length],
-						fill: t[n % t.length],
-						strokeWidth: 2,
-						fillOpacity: .18,
-						isAnimationActive: b
-					}, e))
-				]
+var _ = ({ data: _, keys: v, indexKey: y, height: b = 300, width: x = "100%", title: S, animated: C = !1, "aria-label": w }) => {
+	let T = w ?? S, E = a(_, y, v);
+	return /* @__PURE__ */ c("div", {
+		className: `wim-radar-chart ${o.root}`,
+		style: { width: x },
+		role: T ? "figure" : void 0,
+		"aria-label": T,
+		children: [
+			S && /* @__PURE__ */ s(e, {
+				tag: "h3",
+				size: "md",
+				style: { marginBottom: "var(--wim-spacing-md)" },
+				children: S
+			}),
+			/* @__PURE__ */ s("div", {
+				className: o.container,
+				style: { height: b },
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ s(h, {
+					width: "100%",
+					height: "100%",
+					children: /* @__PURE__ */ c(m, {
+						...n,
+						cx: "50%",
+						cy: "50%",
+						outerRadius: "80%",
+						data: _,
+						children: [
+							/* @__PURE__ */ s(d, { stroke: r.grid.stroke }),
+							/* @__PURE__ */ s(u, {
+								dataKey: y,
+								...r.axis
+							}),
+							/* @__PURE__ */ s(f, {
+								tick: !1,
+								axisLine: !1
+							}),
+							/* @__PURE__ */ s(g, {
+								contentStyle: r.tooltip.contentStyle,
+								cursor: r.tooltip.cursor
+							}),
+							/* @__PURE__ */ s(l, {
+								verticalAlign: "top",
+								height: 36,
+								...r.legend
+							}),
+							v.map((e, n) => /* @__PURE__ */ s(p, {
+								name: e,
+								dataKey: e,
+								stroke: t[n % t.length],
+								fill: t[n % t.length],
+								strokeWidth: 2,
+								fillOpacity: .18,
+								isAnimationActive: C
+							}, e))
+						]
+					})
+				})
+			}),
+			/* @__PURE__ */ s(i, {
+				caption: T,
+				columns: E.columns,
+				rows: E.rows
 			})
-		})
-	})]
-});
+		]
+	});
+};
 //#endregion
-export { m as RadarChart };
+export { _ as RadarChart };

package/dist/components/charts/ScatterChart/ScatterChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./scatter-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,xAxisName:i=`X`,yAxisName:s=`Y`,xDomain:c=[`auto`,`auto`],yDomain:l=[`auto`,`auto`],height:u=300,width:d=`100%`,title:f,animated:p=!1})=>(0,a.jsxs)(`div`,{className:`wim-scatter-chart ${r.default.root}`,style:{width:d},children:[f&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:f}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:u},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.ScatterChart,{margin:{top:20,right:20,bottom:20,left:0},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid}),(0,a.jsx)(o.XAxis,{type:`number`,dataKey:`x`,name:i,unit:``,domain:c,...n.CHART_THEME.axis}),(0,a.jsx)(o.YAxis,{type:`number`,dataKey:`y`,name:s,unit:``,domain:l,width:44,...n.CHART_THEME.axis}),(0,a.jsx)(o.ZAxis,{type:`number`,dataKey:`z`,range:[60,400]}),(0,a.jsx)(o.Tooltip,{cursor:n.CHART_THEME.tooltip.cursor,contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend}),(0,a.jsx)(o.Scatter,{name:`Data Points`,data:e,fill:n.CHART_COLORS[0],isAnimationActive:p})]})})})]});exports.ScatterChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("../../_internal/ChartDataTable.cjs"),i=require("../../_internal/chartTableData.cjs"),a=require("./scatter-chart.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime"),c=require("recharts");var l=({data:e,xAxisName:o=`X`,yAxisName:l=`Y`,xDomain:u=[`auto`,`auto`],yDomain:d=[`auto`,`auto`],height:f=300,width:p=`100%`,title:m,animated:h=!1,"aria-label":g})=>{let _=g??m,v=i.pointTable(e,o,l,`Z`);return(0,s.jsxs)(`div`,{className:`wim-scatter-chart ${a.default.root}`,style:{width:p},role:_?`figure`:void 0,"aria-label":_,children:[m&&(0,s.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:m}),(0,s.jsx)(`div`,{className:a.default.container,style:{height:f},"aria-hidden":`true`,children:(0,s.jsx)(c.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,s.jsxs)(c.ScatterChart,{...n.CHART_HIDDEN_A11Y_PROPS,margin:{top:20,right:20,bottom:20,left:0},children:[(0,s.jsx)(c.CartesianGrid,{...n.CHART_THEME.grid}),(0,s.jsx)(c.XAxis,{type:`number`,dataKey:`x`,name:o,unit:``,domain:u,...n.CHART_THEME.axis}),(0,s.jsx)(c.YAxis,{type:`number`,dataKey:`y`,name:l,unit:``,domain:d,width:44,...n.CHART_THEME.axis}),(0,s.jsx)(c.ZAxis,{type:`number`,dataKey:`z`,range:[60,400]}),(0,s.jsx)(c.Tooltip,{cursor:n.CHART_THEME.tooltip.cursor,contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,s.jsx)(c.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend}),(0,s.jsx)(c.Scatter,{name:`Data Points`,data:e,fill:n.CHART_COLORS[0],isAnimationActive:h})]})})}),(0,s.jsx)(r.ChartDataTable,{caption:_,columns:v.columns,rows:v.rows})]})};exports.ScatterChart=l;

package/dist/components/charts/ScatterChart/ScatterChart.d.ts

@@ -49,5 +49,11 @@ export type ScatterChartProps = {
      * @default false
      */
     animated?: boolean;
+    /**
+     * Accessible name for the chart. Defaults to `title` when omitted; pass this
+     * when the chart has no visible title, or when the title is not descriptive
+     * enough on its own.
+     */
+    "aria-label"?: string;
 };
-export declare const ScatterChart: ({ data, xAxisName, yAxisName, xDomain, yDomain, height, width, title, animated, }: ScatterChartProps) => React.JSX.Element;
+export declare const ScatterChart: ({ data, xAxisName, yAxisName, xDomain, yDomain, height, width, title, animated, "aria-label": ariaLabel, }: ScatterChartProps) => React.JSX.Element;

package/dist/components/charts/ScatterChart/ScatterChart.js

@@ -1,75 +1,92 @@
 "use client";
 import { Title as e } from "../../typography/Title/Title.js";
-import { CHART_COLORS as t, CHART_THEME as n } from "../../helpers.js";
-import r from "./scatter-chart.module.js";
+import { CHART_COLORS as t, CHART_HIDDEN_A11Y_PROPS as n, CHART_THEME as r } from "../../helpers.js";
+import { ChartDataTable as i } from "../../_internal/ChartDataTable.js";
+import { pointTable as a } from "../../_internal/chartTableData.js";
+import o from "./scatter-chart.module.js";
 import "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { CartesianGrid as o, Legend as s, ResponsiveContainer as c, Scatter as l, ScatterChart as u, Tooltip as d, XAxis as f, YAxis as p, ZAxis as m } from "recharts";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { CartesianGrid as l, Legend as u, ResponsiveContainer as d, Scatter as f, ScatterChart as p, Tooltip as m, XAxis as h, YAxis as g, ZAxis as _ } from "recharts";
 //#region src/components/charts/ScatterChart/ScatterChart.tsx
-var h = ({ data: h, xAxisName: g = "X", yAxisName: _ = "Y", xDomain: v = ["auto", "auto"], yDomain: y = ["auto", "auto"], height: b = 300, width: x = "100%", title: S, animated: C = !1 }) => /* @__PURE__ */ a("div", {
-	className: `wim-scatter-chart ${r.root}`,
-	style: { width: x },
-	children: [S && /* @__PURE__ */ i(e, {
-		tag: "h3",
-		size: "md",
-		style: { marginBottom: "var(--wim-spacing-md)" },
-		children: S
-	}), /* @__PURE__ */ i("div", {
-		className: r.container,
-		style: { height: b },
-		children: /* @__PURE__ */ i(c, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ a(u, {
-				margin: {
-					top: 20,
-					right: 20,
-					bottom: 20,
-					left: 0
-				},
-				children: [
-					/* @__PURE__ */ i(o, { ...n.grid }),
-					/* @__PURE__ */ i(f, {
-						type: "number",
-						dataKey: "x",
-						name: g,
-						unit: "",
-						domain: v,
-						...n.axis
-					}),
-					/* @__PURE__ */ i(p, {
-						type: "number",
-						dataKey: "y",
-						name: _,
-						unit: "",
-						domain: y,
-						width: 44,
-						...n.axis
-					}),
-					/* @__PURE__ */ i(m, {
-						type: "number",
-						dataKey: "z",
-						range: [60, 400]
-					}),
-					/* @__PURE__ */ i(d, {
-						cursor: n.tooltip.cursor,
-						contentStyle: n.tooltip.contentStyle
-					}),
-					/* @__PURE__ */ i(s, {
-						verticalAlign: "top",
-						height: 36,
-						...n.legend
-					}),
-					/* @__PURE__ */ i(l, {
-						name: "Data Points",
-						data: h,
-						fill: t[0],
-						isAnimationActive: C
+var v = ({ data: v, xAxisName: y = "X", yAxisName: b = "Y", xDomain: x = ["auto", "auto"], yDomain: S = ["auto", "auto"], height: C = 300, width: w = "100%", title: T, animated: E = !1, "aria-label": D }) => {
+	let O = D ?? T, k = a(v, y, b, "Z");
+	return /* @__PURE__ */ c("div", {
+		className: `wim-scatter-chart ${o.root}`,
+		style: { width: w },
+		role: O ? "figure" : void 0,
+		"aria-label": O,
+		children: [
+			T && /* @__PURE__ */ s(e, {
+				tag: "h3",
+				size: "md",
+				style: { marginBottom: "var(--wim-spacing-md)" },
+				children: T
+			}),
+			/* @__PURE__ */ s("div", {
+				className: o.container,
+				style: { height: C },
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ s(d, {
+					width: "100%",
+					height: "100%",
+					children: /* @__PURE__ */ c(p, {
+						...n,
+						margin: {
+							top: 20,
+							right: 20,
+							bottom: 20,
+							left: 0
+						},
+						children: [
+							/* @__PURE__ */ s(l, { ...r.grid }),
+							/* @__PURE__ */ s(h, {
+								type: "number",
+								dataKey: "x",
+								name: y,
+								unit: "",
+								domain: x,
+								...r.axis
+							}),
+							/* @__PURE__ */ s(g, {
+								type: "number",
+								dataKey: "y",
+								name: b,
+								unit: "",
+								domain: S,
+								width: 44,
+								...r.axis
+							}),
+							/* @__PURE__ */ s(_, {
+								type: "number",
+								dataKey: "z",
+								range: [60, 400]
+							}),
+							/* @__PURE__ */ s(m, {
+								cursor: r.tooltip.cursor,
+								contentStyle: r.tooltip.contentStyle
+							}),
+							/* @__PURE__ */ s(u, {
+								verticalAlign: "top",
+								height: 36,
+								...r.legend
+							}),
+							/* @__PURE__ */ s(f, {
+								name: "Data Points",
+								data: v,
+								fill: t[0],
+								isAnimationActive: E
+							})
+						]
 					})
-				]
+				})
+			}),
+			/* @__PURE__ */ s(i, {
+				caption: O,
+				columns: k.columns,
+				rows: k.rows
 			})
-		})
-	})]
-});
+		]
+	});
+};
 //#endregion
-export { h as ScatterChart };
+export { v as ScatterChart };

package/dist/components/charts/Sparkline/Sparkline.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./sparkline.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("recharts");var o=`var(--wim-color-chart-primary)`,s=({data:e,type:n=`line`,width:s=`100%`,height:c=24,color:l=o,strokeWidth:u=2,showLastDot:d=!1,min:f,max:p,ariaLabel:m,className:h})=>{let g=e.map((e,t)=>({index:t,value:e})),_=[f??`auto`,p??`auto`],v=e.length-1,y=typeof window<`u`&&!!window.__VRT__,b=typeof s==`number`?s:null,x=c??24,S=e=>{let{cx:t,cy:n,index:r}=e;return!d||r!==v||t==null||n==null?(0,i.jsx)(`g`,{},r):(0,i.jsx)(`circle`,{cx:t,cy:n,r:u+1,fill:l},r)},C=y&&b!==null?{width:b,height:x}:{},w={accessibilityLayer:!1,tabIndex:-1},T=()=>n===`bar`?(0,i.jsxs)(a.BarChart,{...C,...w,data:g,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:_}),(0,i.jsx)(a.Bar,{dataKey:`value`,fill:l,radius:[2,2,0,0],isAnimationActive:!1})]}):n===`area`?(0,i.jsxs)(a.AreaChart,{...C,...w,data:g,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:_}),(0,i.jsx)(a.Area,{type:`monotone`,dataKey:`value`,stroke:l,strokeWidth:u,fill:l,fillOpacity:.15,dot:d?S:!1,isAnimationActive:!1})]}):(0,i.jsxs)(a.LineChart,{...C,...w,data:g,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:_}),(0,i.jsx)(a.Line,{type:`monotone`,dataKey:`value`,stroke:l,strokeWidth:u,dot:d?S:!1,isAnimationActive:!1})]});return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-sparkline`,t.default.root,h),style:{width:s,height:c},role:m?`img`:void 0,"aria-label":m,"aria-hidden":m?void 0:!0,children:y&&b!==null?T():(0,i.jsx)(a.ResponsiveContainer,{width:`100%`,height:`100%`,children:T()})})};s.displayName=`Sparkline`,exports.Sparkline=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../helpers.cjs"),n=require("./sparkline.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=`var(--wim-color-chart-primary)`,c=({data:e,type:r=`line`,width:c=`100%`,height:l=24,color:u=s,strokeWidth:d=2,showLastDot:f=!1,min:p,max:m,ariaLabel:h,className:g})=>{let _=e.map((e,t)=>({index:t,value:e})),v=[p??`auto`,m??`auto`],y=e.length-1,b=typeof window<`u`&&!!window.__VRT__,x=typeof c==`number`?c:null,S=l??24,C=e=>{let{cx:t,cy:n,index:r}=e;return!f||r!==y||t==null||n==null?(0,a.jsx)(`g`,{},r):(0,a.jsx)(`circle`,{cx:t,cy:n,r:d+1,fill:u},r)},w=b&&x!==null?{width:x,height:S}:{},T=()=>r===`bar`?(0,a.jsxs)(o.BarChart,{...w,...t.CHART_HIDDEN_A11Y_PROPS,data:_,margin:{top:2,right:2,bottom:2,left:2},children:[(0,a.jsx)(o.YAxis,{hide:!0,domain:v}),(0,a.jsx)(o.Bar,{dataKey:`value`,fill:u,radius:[2,2,0,0],isAnimationActive:!1})]}):r===`area`?(0,a.jsxs)(o.AreaChart,{...w,...t.CHART_HIDDEN_A11Y_PROPS,data:_,margin:{top:2,right:2,bottom:2,left:2},children:[(0,a.jsx)(o.YAxis,{hide:!0,domain:v}),(0,a.jsx)(o.Area,{type:`monotone`,dataKey:`value`,stroke:u,strokeWidth:d,fill:u,fillOpacity:.15,dot:f?C:!1,isAnimationActive:!1})]}):(0,a.jsxs)(o.LineChart,{...w,...t.CHART_HIDDEN_A11Y_PROPS,data:_,margin:{top:2,right:2,bottom:2,left:2},children:[(0,a.jsx)(o.YAxis,{hide:!0,domain:v}),(0,a.jsx)(o.Line,{type:`monotone`,dataKey:`value`,stroke:u,strokeWidth:d,dot:f?C:!1,isAnimationActive:!1})]});return(0,a.jsx)(`div`,{className:(0,i.default)(`wim-sparkline`,n.default.root,g),style:{width:c,height:l},role:h?`img`:void 0,"aria-label":h,"aria-hidden":h?void 0:!0,children:b&&x!==null?T():(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:T()})})};c.displayName=`Sparkline`,exports.Sparkline=c;