@nocoo/basalt 2.1.2 → 2.1.8

package/dist/charts/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","names":[],"sources":["../../src/charts/charts.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n\tLineChart,\n\ttype LineChartAxisDomain,\n\ttype LineChartLegendRenderer,\n\ttype LineChartNumericKeys,\n\ttype LineChartTooltipRenderer,\n} from \"./line\";\nimport type { ChartSeriesDescriptor, XYPoint } from \"./series\";\n\nexport type ChartsProps<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n> = {\n\t/**\n\t * Dataset array where each record requires an `x` category or time coordinate.\n\t * Any remaining fields with numeric, nullable, or optional number values are inferred as valid series keys.\n\t */\n\tdata: TData[];\n\t/**\n\t * Series descriptors identifying which numeric keys to plot.\n\t * Inferred strictly from numeric keys of `TData` (rejects non-numeric fields, `x`, and typos).\n\t */\n\tseries?: Array<ChartSeriesDescriptor<NoInfer<K>>>;\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tshowLegend?: boolean;\n\tcolor?: string;\n\t/**\n\t * Value formatter for Y-axis tick values and fallback tooltip values.\n\t */\n\tvalueFormatter?: (value: number) => string;\n\t/**\n\t * Formatter for X-axis category or time tick labels.\n\t */\n\txValueFormatter?: (value: string | number) => string;\n\t/**\n\t * Custom numerical or keyword bounds for the Y-axis.\n\t */\n\tyDomain?: LineChartAxisDomain;\n\t/**\n\t * Custom legend slot or render function receiving resolved series descriptors.\n\t */\n\tlegend?: ReactNode | LineChartLegendRenderer<K>;\n\t/**\n\t * Custom tooltip content renderer receiving Recharts payload, active status, and coordinate label.\n\t */\n\tcustomTooltip?: LineChartTooltipRenderer;\n\t/**\n\t * Textual summary describing key insights, highs, lows, and keyboard exploration instructions.\n\t * Associated with the chart via useId and aria-describedby.\n\t */\n\tsummary?: ReactNode;\n\t/**\n\t * Accessible tabular or structured data alternative rendered outside the plot area.\n\t */\n\tdataAlternative?: ReactNode;\n\t/**\n\t * Whether the interactive accessibility layer is enabled on the underlying Recharts graphic.\n\t * Enables keyboard exploration with Tab and arrow keys where supported by the underlying chart type.\n\t * Non-interactive compact or decorative charts without tooltip navigation should provide summary or dataAlternative.\n\t * @default true\n\t */\n\taccessibilityLayer?: boolean;\n};\n\nexport function Charts<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n>({\n\tdata,\n\tseries,\n\tariaLabel = \"Charts\",\n\tclassName,\n\tshowAxes = false,\n\tshowLegend = false,\n\tcolor,\n\tvalueFormatter,\n\txValueFormatter,\n\tyDomain,\n\tlegend,\n\tcustomTooltip,\n\tsummary,\n\tdataAlternative,\n\taccessibilityLayer,\n}: ChartsProps<TData, K>) {\n\treturn (\n\t\t<LineChart\n\t\t\tdata={data}\n\t\t\tseries={series}\n\t\t\tariaLabel={ariaLabel}\n\t\t\tclassName={className}\n\t\t\tshowAxes={showAxes}\n\t\t\tshowLegend={showLegend}\n\t\t\tcolor={color}\n\t\t\tvalueFormatter={valueFormatter}\n\t\t\txValueFormatter={xValueFormatter}\n\t\t\tyDomain={yDomain}\n\t\t\tlegend={legend}\n\t\t\tcustomTooltip={customTooltip}\n\t\t\tsummary={summary}\n\t\t\tdataAlternative={dataAlternative}\n\t\t\taccessibilityLayer={accessibilityLayer}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;AAmEA,SAAgB,EAGd,EACD,SACA,WACA,eAAY,UACZ,cACA,cAAW,IACX,gBAAa,IACb,UACA,mBACA,oBACA,YACA,WACA,kBACA,YACA,oBACA,yBACyB;CACzB,OACC,kBAAC,GAAD;EACO;EACE;EACG;EACA;EACD;EACE;EACL;EACS;EACC;EACR;EACD;EACO;EACN;EACQ;EACG;CACpB,CAAA;AAEH"}
+{"version":3,"file":"charts.js","names":[],"sources":["../../src/charts/charts.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n\tLineChart,\n\ttype LineChartAxisDomain,\n\ttype LineChartLegendRenderer,\n\ttype LineChartNumericKeys,\n\ttype LineChartTooltipRenderer,\n} from \"./line\";\nimport type { ChartSeriesDescriptor, XYPoint } from \"./series\";\n\nexport type ChartsProps<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n> = {\n\t/**\n\t * Dataset array where each record requires an `x` category or time coordinate.\n\t * Any remaining fields with numeric, nullable, or optional number values are inferred as valid series keys.\n\t */\n\tdata: TData[];\n\t/**\n\t * Series descriptors identifying which numeric keys to plot.\n\t * Inferred strictly from numeric keys of `TData` (rejects non-numeric fields, `x`, and typos).\n\t */\n\tseries?: Array<ChartSeriesDescriptor<NoInfer<K>>>;\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tshowLegend?: boolean;\n\tcolor?: string;\n\t/**\n\t * Value formatter for Y-axis tick values and fallback tooltip values.\n\t */\n\tvalueFormatter?: (value: number) => string;\n\t/**\n\t * Formatter for X-axis category or time tick labels.\n\t */\n\txValueFormatter?: (value: string | number) => string;\n\t/**\n\t * Custom numerical or keyword bounds for the Y-axis.\n\t */\n\tyDomain?: LineChartAxisDomain;\n\t/**\n\t * Custom legend slot or render function receiving resolved series descriptors.\n\t */\n\tlegend?: ReactNode | LineChartLegendRenderer<K>;\n\t/**\n\t * Custom tooltip content renderer receiving Recharts payload, active status, and coordinate label.\n\t */\n\tcustomTooltip?: LineChartTooltipRenderer;\n\t/**\n\t * Textual summary describing key insights, highs, lows, and keyboard exploration instructions.\n\t * Associated with the chart via useId and aria-describedby.\n\t */\n\tsummary?: ReactNode;\n\t/**\n\t * Accessible tabular or structured data alternative rendered outside the plot area.\n\t */\n\tdataAlternative?: ReactNode;\n\t/**\n\t * Whether the interactive accessibility layer is enabled on the underlying Recharts graphic.\n\t * Enables keyboard exploration with Tab and arrow keys where supported by the underlying chart type.\n\t * Non-interactive compact or decorative charts without tooltip navigation should provide summary or dataAlternative.\n\t * @default true\n\t */\n\taccessibilityLayer?: boolean;\n};\n\nexport function Charts<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n>({ ariaLabel = \"Charts\", ...props }: ChartsProps<TData, K>) {\n\treturn <LineChart<TData, K> ariaLabel={ariaLabel} {...props} />;\n}\n"],"mappings":";;;;AAmEA,SAAgB,EAGd,EAAE,eAAY,UAAU,GAAG,KAAgC;CAC5D,OAAO,kBAAC,GAAD;EAAgC;EAAW,GAAI;CAAQ,CAAA;AAC/D"}

package/dist/charts/custom-chart.d.ts

@@ -58,4 +58,4 @@ export type CustomChartProps<TData extends {
 };
 export declare function CustomChart<TData extends {
     x: string | number;
-} = XYPoint, K extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string>({ data, series, ariaLabel, className, showAxes, showLegend, color, valueFormatter, xValueFormatter, yDomain, legend, customTooltip, summary, dataAlternative, accessibilityLayer, }: CustomChartProps<TData, K>): import("react").JSX.Element;
+} = XYPoint, K extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string>({ ariaLabel, ...props }: CustomChartProps<TData, K>): import("react").JSX.Element;

package/dist/charts/custom-chart.js

@@ -2,23 +2,10 @@
 import { LineChart as e } from "./line.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/charts/custom-chart.tsx
-function n({ data: n, series: r, ariaLabel: i = "Custom chart", className: a, showAxes: o = !1, showLegend: s = !1, color: c, valueFormatter: l, xValueFormatter: u, yDomain: d, legend: f, customTooltip: p, summary: m, dataAlternative: h, accessibilityLayer: g }) {
+function n({ ariaLabel: n = "Custom chart", ...r }) {
 	return /* @__PURE__ */ t(e, {
-		data: n,
-		series: r,
-		ariaLabel: i,
-		className: a,
-		showAxes: o,
-		showLegend: s,
-		color: c,
-		valueFormatter: l,
-		xValueFormatter: u,
-		yDomain: d,
-		legend: f,
-		customTooltip: p,
-		summary: m,
-		dataAlternative: h,
-		accessibilityLayer: g
+		ariaLabel: n,
+		...r
 	});
 }
 //#endregion

package/dist/charts/custom-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-chart.js","names":[],"sources":["../../src/charts/custom-chart.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n\tLineChart,\n\ttype LineChartAxisDomain,\n\ttype LineChartLegendRenderer,\n\ttype LineChartNumericKeys,\n\ttype LineChartTooltipRenderer,\n} from \"./line\";\nimport type { ChartSeriesDescriptor, XYPoint } from \"./series\";\n\nexport type CustomChartProps<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n> = {\n\t/**\n\t * Dataset array where each record requires an `x` category or time coordinate.\n\t * Any remaining fields with numeric, nullable, or optional number values are inferred as valid series keys.\n\t */\n\tdata: TData[];\n\t/**\n\t * Series descriptors identifying which numeric keys to plot.\n\t * Inferred strictly from numeric keys of `TData` (rejects non-numeric fields, `x`, and typos).\n\t */\n\tseries?: Array<ChartSeriesDescriptor<NoInfer<K>>>;\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tshowLegend?: boolean;\n\tcolor?: string;\n\t/**\n\t * Value formatter for Y-axis tick values and fallback tooltip values.\n\t */\n\tvalueFormatter?: (value: number) => string;\n\t/**\n\t * Formatter for X-axis category or time tick labels.\n\t */\n\txValueFormatter?: (value: string | number) => string;\n\t/**\n\t * Custom numerical or keyword bounds for the Y-axis.\n\t */\n\tyDomain?: LineChartAxisDomain;\n\t/**\n\t * Custom legend slot or render function receiving resolved series descriptors.\n\t */\n\tlegend?: ReactNode | LineChartLegendRenderer<K>;\n\t/**\n\t * Custom tooltip content renderer receiving Recharts payload, active status, and coordinate label.\n\t */\n\tcustomTooltip?: LineChartTooltipRenderer;\n\t/**\n\t * Textual summary describing key insights, highs, lows, and keyboard exploration instructions.\n\t * Associated with the chart via useId and aria-describedby.\n\t */\n\tsummary?: ReactNode;\n\t/**\n\t * Accessible tabular or structured data alternative rendered outside the plot area.\n\t */\n\tdataAlternative?: ReactNode;\n\t/**\n\t * Whether the interactive accessibility layer is enabled on the underlying Recharts graphic.\n\t * Enables keyboard exploration with Tab and arrow keys where supported by the underlying chart type.\n\t * Non-interactive compact or decorative charts without tooltip navigation should provide summary or dataAlternative.\n\t * @default true\n\t */\n\taccessibilityLayer?: boolean;\n};\n\nexport function CustomChart<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n>({\n\tdata,\n\tseries,\n\tariaLabel = \"Custom chart\",\n\tclassName,\n\tshowAxes = false,\n\tshowLegend = false,\n\tcolor,\n\tvalueFormatter,\n\txValueFormatter,\n\tyDomain,\n\tlegend,\n\tcustomTooltip,\n\tsummary,\n\tdataAlternative,\n\taccessibilityLayer,\n}: CustomChartProps<TData, K>) {\n\treturn (\n\t\t<LineChart\n\t\t\tdata={data}\n\t\t\tseries={series}\n\t\t\tariaLabel={ariaLabel}\n\t\t\tclassName={className}\n\t\t\tshowAxes={showAxes}\n\t\t\tshowLegend={showLegend}\n\t\t\tcolor={color}\n\t\t\tvalueFormatter={valueFormatter}\n\t\t\txValueFormatter={xValueFormatter}\n\t\t\tyDomain={yDomain}\n\t\t\tlegend={legend}\n\t\t\tcustomTooltip={customTooltip}\n\t\t\tsummary={summary}\n\t\t\tdataAlternative={dataAlternative}\n\t\t\taccessibilityLayer={accessibilityLayer}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;AAmEA,SAAgB,EAGd,EACD,SACA,WACA,eAAY,gBACZ,cACA,cAAW,IACX,gBAAa,IACb,UACA,mBACA,oBACA,YACA,WACA,kBACA,YACA,oBACA,yBAC8B;CAC9B,OACC,kBAAC,GAAD;EACO;EACE;EACG;EACA;EACD;EACE;EACL;EACS;EACC;EACR;EACD;EACO;EACN;EACQ;EACG;CACpB,CAAA;AAEH"}
+{"version":3,"file":"custom-chart.js","names":[],"sources":["../../src/charts/custom-chart.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n\tLineChart,\n\ttype LineChartAxisDomain,\n\ttype LineChartLegendRenderer,\n\ttype LineChartNumericKeys,\n\ttype LineChartTooltipRenderer,\n} from \"./line\";\nimport type { ChartSeriesDescriptor, XYPoint } from \"./series\";\n\nexport type CustomChartProps<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n> = {\n\t/**\n\t * Dataset array where each record requires an `x` category or time coordinate.\n\t * Any remaining fields with numeric, nullable, or optional number values are inferred as valid series keys.\n\t */\n\tdata: TData[];\n\t/**\n\t * Series descriptors identifying which numeric keys to plot.\n\t * Inferred strictly from numeric keys of `TData` (rejects non-numeric fields, `x`, and typos).\n\t */\n\tseries?: Array<ChartSeriesDescriptor<NoInfer<K>>>;\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tshowLegend?: boolean;\n\tcolor?: string;\n\t/**\n\t * Value formatter for Y-axis tick values and fallback tooltip values.\n\t */\n\tvalueFormatter?: (value: number) => string;\n\t/**\n\t * Formatter for X-axis category or time tick labels.\n\t */\n\txValueFormatter?: (value: string | number) => string;\n\t/**\n\t * Custom numerical or keyword bounds for the Y-axis.\n\t */\n\tyDomain?: LineChartAxisDomain;\n\t/**\n\t * Custom legend slot or render function receiving resolved series descriptors.\n\t */\n\tlegend?: ReactNode | LineChartLegendRenderer<K>;\n\t/**\n\t * Custom tooltip content renderer receiving Recharts payload, active status, and coordinate label.\n\t */\n\tcustomTooltip?: LineChartTooltipRenderer;\n\t/**\n\t * Textual summary describing key insights, highs, lows, and keyboard exploration instructions.\n\t * Associated with the chart via useId and aria-describedby.\n\t */\n\tsummary?: ReactNode;\n\t/**\n\t * Accessible tabular or structured data alternative rendered outside the plot area.\n\t */\n\tdataAlternative?: ReactNode;\n\t/**\n\t * Whether the interactive accessibility layer is enabled on the underlying Recharts graphic.\n\t * Enables keyboard exploration with Tab and arrow keys where supported by the underlying chart type.\n\t * Non-interactive compact or decorative charts without tooltip navigation should provide summary or dataAlternative.\n\t * @default true\n\t */\n\taccessibilityLayer?: boolean;\n};\n\nexport function CustomChart<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n>({ ariaLabel = \"Custom chart\", ...props }: CustomChartProps<TData, K>) {\n\treturn <LineChart<TData, K> ariaLabel={ariaLabel} {...props} />;\n}\n"],"mappings":";;;;AAmEA,SAAgB,EAGd,EAAE,eAAY,gBAAgB,GAAG,KAAqC;CACvE,OAAO,kBAAC,GAAD;EAAgC;EAAW,GAAI;CAAQ,CAAA;AAC/D"}

package/dist/charts/grouped-bar.d.ts

@@ -57,4 +57,4 @@ export type GroupedBarChartProps<TData extends {
 };
 export declare function GroupedBarChart<TData extends {
     x: string | number;
-} = XYPoint, K extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string>({ data, series, ariaLabel, className, showAxes, showLegend, valueFormatter, xValueFormatter, yDomain, legend, customTooltip, summary, dataAlternative, accessibilityLayer, }: GroupedBarChartProps<TData, K>): import("react").JSX.Element;
+} = XYPoint, K extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string>({ series, ariaLabel, ...props }: GroupedBarChartProps<TData, K>): import("react").JSX.Element;

package/dist/charts/grouped-bar.js

@@ -1,55 +1,18 @@
 "use client";
-import { ANIMATION_PROPS as e, BAR_RADIUS as t, CHART_PLOT_MARGIN as n, CHART_PLOT_MARGIN_BARE as r, GRID_PROPS as i, cartesianAxisProps as a, chartTooltipProps as o, seriesColor as s } from "./config.js";
-import { resolveChartSeries as c } from "./series.js";
-import { ChartShell as l } from "./frame.js";
-import { ChartLegend as u } from "./legend.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Bar as p, BarChart as m, CartesianGrid as h, Tooltip as g, XAxis as _, YAxis as v } from "recharts";
+import { resolveChartSeries as e } from "./series.js";
+import { BarChart as t } from "./bar.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/charts/grouped-bar.tsx
-function y({ data: y, series: b, ariaLabel: x = "Grouped bar chart", className: S, showAxes: C = !1, showLegend: w = !1, valueFormatter: T, xValueFormatter: E, yDomain: D, legend: O, customTooltip: k, summary: A, dataAlternative: j, accessibilityLayer: M }) {
-	let N = c(b, ["y", "y2"]), P = O === void 0 ? w ? /* @__PURE__ */ d(u, {
-		items: N,
-		shape: "bar"
-	}) : void 0 : typeof O == "function" ? O({ items: N }) : O;
-	return /* @__PURE__ */ d(l, {
-		ariaLabel: x,
-		className: S,
-		legend: P,
-		summary: A,
-		dataAlternative: j,
-		accessibilityLayer: M,
-		children: /* @__PURE__ */ f(m, {
-			data: y,
-			margin: C ? n : r,
-			children: [
-				C ? /* @__PURE__ */ d(h, { ...i }) : null,
-				/* @__PURE__ */ d(_, {
-					dataKey: "x",
-					...a(!C),
-					tickFormatter: E
-				}),
-				/* @__PURE__ */ d(v, {
-					...a(!C),
-					tickFormatter: T,
-					...D ? { domain: D } : {}
-				}),
-				/* @__PURE__ */ d(g, { ...o({
-					formatter: T,
-					cursor: "bar",
-					customTooltip: k
-				}) }),
-				N.map((n, r) => /* @__PURE__ */ d(p, {
-					dataKey: n.key,
-					name: n.label ?? n.key,
-					fill: s(n, r),
-					radius: t.vertical,
-					...e
-				}, n.key))
-			]
-		})
+function r({ series: r, ariaLabel: i = "Grouped bar chart", ...a }) {
+	let o = e(r, ["y", "y2"]);
+	return /* @__PURE__ */ n(t, {
+		series: o,
+		ariaLabel: i,
+		...a,
+		color: void 0
 	});
 }
 //#endregion
-export { y as GroupedBarChart };
+export { r as GroupedBarChart };
 
 //# sourceMappingURL=grouped-bar.js.map

package/dist/charts/grouped-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"grouped-bar.js","names":[],"sources":["../../src/charts/grouped-bar.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Bar, CartesianGrid, BarChart as RechartsBar, Tooltip, XAxis, YAxis } from \"recharts\";\nimport {\n\tANIMATION_PROPS,\n\tBAR_RADIUS,\n\tCHART_PLOT_MARGIN,\n\tCHART_PLOT_MARGIN_BARE,\n\tcartesianAxisProps,\n\tchartTooltipProps,\n\tGRID_PROPS,\n\tseriesColor,\n} from \"./config\";\nimport { ChartShell } from \"./frame\";\nimport { ChartLegend } from \"./legend\";\nimport type {\n\tLineChartAxisDomain,\n\tLineChartLegendRenderer,\n\tLineChartNumericKeys,\n\tLineChartTooltipRenderer,\n} from \"./line\";\nimport { type ChartSeriesDescriptor, resolveChartSeries, type XYPoint } from \"./series\";\n\nexport type GroupedBarChartProps<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n> = {\n\t/**\n\t * Dataset array where each record requires an `x` category or time coordinate.\n\t * Any remaining fields with numeric, nullable, or optional number values are inferred as valid series keys.\n\t */\n\tdata: TData[];\n\t/**\n\t * Series descriptors identifying which numeric keys to plot.\n\t * Inferred strictly from numeric keys of `TData` (rejects non-numeric fields, `x`, and typos).\n\t */\n\tseries?: Array<ChartSeriesDescriptor<NoInfer<K>>>;\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tshowLegend?: boolean;\n\t/**\n\t * Value formatter for Y-axis tick values and fallback tooltip values.\n\t */\n\tvalueFormatter?: (value: number) => string;\n\t/**\n\t * Formatter for X-axis category or time tick labels.\n\t */\n\txValueFormatter?: (value: string | number) => string;\n\t/**\n\t * Custom numerical or keyword bounds for the Y-axis.\n\t */\n\tyDomain?: LineChartAxisDomain;\n\t/**\n\t * Custom legend slot or render function receiving resolved series descriptors.\n\t */\n\tlegend?: ReactNode | LineChartLegendRenderer<K>;\n\t/**\n\t * Custom tooltip content renderer receiving Recharts payload, active status, and coordinate label.\n\t */\n\tcustomTooltip?: LineChartTooltipRenderer;\n\t/**\n\t * Textual summary describing key insights, highs, lows, and keyboard exploration instructions.\n\t * Associated with the chart via useId and aria-describedby.\n\t */\n\tsummary?: ReactNode;\n\t/**\n\t * Accessible tabular or structured data alternative rendered outside the plot area.\n\t */\n\tdataAlternative?: ReactNode;\n\t/**\n\t * Whether the interactive accessibility layer is enabled on the underlying Recharts graphic.\n\t * Enables keyboard exploration with Tab and arrow keys where supported by the underlying chart type.\n\t * Non-interactive compact or decorative charts without tooltip navigation should provide summary or dataAlternative.\n\t * @default true\n\t */\n\taccessibilityLayer?: boolean;\n};\n\nexport function GroupedBarChart<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n>({\n\tdata,\n\tseries,\n\tariaLabel = \"Grouped bar chart\",\n\tclassName,\n\tshowAxes = false,\n\tshowLegend = false,\n\tvalueFormatter,\n\txValueFormatter,\n\tyDomain,\n\tlegend,\n\tcustomTooltip,\n\tsummary,\n\tdataAlternative,\n\taccessibilityLayer,\n}: GroupedBarChartProps<TData, K>) {\n\tconst defaultKeys = [\"y\", \"y2\"] as K[];\n\tconst bars = resolveChartSeries(series, defaultKeys);\n\tconst resolvedLegend =\n\t\tlegend !== undefined ? (\n\t\t\ttypeof legend === \"function\" ? (\n\t\t\t\tlegend({ items: bars })\n\t\t\t) : (\n\t\t\t\tlegend\n\t\t\t)\n\t\t) : showLegend ? (\n\t\t\t<ChartLegend items={bars} shape=\"bar\" />\n\t\t) : undefined;\n\n\treturn (\n\t\t<ChartShell\n\t\t\tariaLabel={ariaLabel}\n\t\t\tclassName={className}\n\t\t\tlegend={resolvedLegend}\n\t\t\tsummary={summary}\n\t\t\tdataAlternative={dataAlternative}\n\t\t\taccessibilityLayer={accessibilityLayer}\n\t\t>\n\t\t\t<RechartsBar data={data} margin={showAxes ? CHART_PLOT_MARGIN : CHART_PLOT_MARGIN_BARE}>\n\t\t\t\t{showAxes ? <CartesianGrid {...GRID_PROPS} /> : null}\n\t\t\t\t<XAxis dataKey=\"x\" {...cartesianAxisProps(!showAxes)} tickFormatter={xValueFormatter} />\n\t\t\t\t<YAxis\n\t\t\t\t\t{...cartesianAxisProps(!showAxes)}\n\t\t\t\t\ttickFormatter={valueFormatter}\n\t\t\t\t\t{...(yDomain ? { domain: yDomain as [number, number] } : {})}\n\t\t\t\t/>\n\t\t\t\t<Tooltip\n\t\t\t\t\t{...chartTooltipProps({\n\t\t\t\t\t\tformatter: valueFormatter,\n\t\t\t\t\t\tcursor: \"bar\",\n\t\t\t\t\t\tcustomTooltip,\n\t\t\t\t\t})}\n\t\t\t\t/>\n\t\t\t\t{bars.map((item, index) => (\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tkey={item.key}\n\t\t\t\t\t\tdataKey={item.key}\n\t\t\t\t\t\tname={item.label ?? item.key}\n\t\t\t\t\t\tfill={seriesColor(item, index)}\n\t\t\t\t\t\tradius={BAR_RADIUS.vertical}\n\t\t\t\t\t\t{...ANIMATION_PROPS}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</RechartsBar>\n\t\t</ChartShell>\n\t);\n}\n"],"mappings":";;;;;;;;AA8EA,SAAgB,EAGd,EACD,SACA,WACA,eAAY,qBACZ,cACA,cAAW,IACX,gBAAa,IACb,mBACA,oBACA,YACA,WACA,kBACA,YACA,oBACA,yBACkC;CAElC,IAAM,IAAO,EAAmB,GAAQ,CADnB,KAAK,IACc,CAAW,GAC7C,IACL,MAAW,KAAA,IAMP,IACH,kBAAC,GAAD;EAAa,OAAO;EAAM,OAAM;CAAO,CAAA,IACpC,KAAA,IAPH,OAAO,KAAW,aACjB,EAAO,EAAE,OAAO,EAAK,CAAC,IAEtB;CAMH,OACC,kBAAC,GAAD;EACY;EACA;EACX,QAAQ;EACC;EACQ;EACG;EAEpB,UAAA,kBAAC,GAAD;GAAmB;GAAM,QAAQ,IAAW,IAAoB;GAAhE,UAAA;IACE,IAAW,kBAAC,GAAD,EAAe,GAAI,EAAa,CAAA,IAAI;IAChD,kBAAC,GAAD;KAAO,SAAQ;KAAI,GAAI,EAAmB,CAAC,CAAQ;KAAG,eAAe;IAAkB,CAAA;IACvF,kBAAC,GAAD;KACC,GAAI,EAAmB,CAAC,CAAQ;KAChC,eAAe;KACf,GAAK,IAAU,EAAE,QAAQ,EAA4B,IAAI,CAAC;IAC1D,CAAA;IACD,kBAAC,GAAD,EACC,GAAI,EAAkB;KACrB,WAAW;KACX,QAAQ;KACR;IACD,CAAC,EACD,CAAA;IACA,EAAK,KAAK,GAAM,MAChB,kBAAC,GAAD;KAEC,SAAS,EAAK;KACd,MAAM,EAAK,SAAS,EAAK;KACzB,MAAM,EAAY,GAAM,CAAK;KAC7B,QAAQ,EAAW;KACnB,GAAI;IACJ,GANK,EAAK,GAMV,CACD;GACW;;CACF,CAAA;AAEd"}
+{"version":3,"file":"grouped-bar.js","names":[],"sources":["../../src/charts/grouped-bar.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { BarChart } from \"./bar\";\nimport type {\n\tLineChartAxisDomain,\n\tLineChartLegendRenderer,\n\tLineChartNumericKeys,\n\tLineChartTooltipRenderer,\n} from \"./line\";\nimport { type ChartSeriesDescriptor, resolveChartSeries, type XYPoint } from \"./series\";\n\nexport type GroupedBarChartProps<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n> = {\n\t/**\n\t * Dataset array where each record requires an `x` category or time coordinate.\n\t * Any remaining fields with numeric, nullable, or optional number values are inferred as valid series keys.\n\t */\n\tdata: TData[];\n\t/**\n\t * Series descriptors identifying which numeric keys to plot.\n\t * Inferred strictly from numeric keys of `TData` (rejects non-numeric fields, `x`, and typos).\n\t */\n\tseries?: Array<ChartSeriesDescriptor<NoInfer<K>>>;\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tshowLegend?: boolean;\n\t/**\n\t * Value formatter for Y-axis tick values and fallback tooltip values.\n\t */\n\tvalueFormatter?: (value: number) => string;\n\t/**\n\t * Formatter for X-axis category or time tick labels.\n\t */\n\txValueFormatter?: (value: string | number) => string;\n\t/**\n\t * Custom numerical or keyword bounds for the Y-axis.\n\t */\n\tyDomain?: LineChartAxisDomain;\n\t/**\n\t * Custom legend slot or render function receiving resolved series descriptors.\n\t */\n\tlegend?: ReactNode | LineChartLegendRenderer<K>;\n\t/**\n\t * Custom tooltip content renderer receiving Recharts payload, active status, and coordinate label.\n\t */\n\tcustomTooltip?: LineChartTooltipRenderer;\n\t/**\n\t * Textual summary describing key insights, highs, lows, and keyboard exploration instructions.\n\t * Associated with the chart via useId and aria-describedby.\n\t */\n\tsummary?: ReactNode;\n\t/**\n\t * Accessible tabular or structured data alternative rendered outside the plot area.\n\t */\n\tdataAlternative?: ReactNode;\n\t/**\n\t * Whether the interactive accessibility layer is enabled on the underlying Recharts graphic.\n\t * Enables keyboard exploration with Tab and arrow keys where supported by the underlying chart type.\n\t * Non-interactive compact or decorative charts without tooltip navigation should provide summary or dataAlternative.\n\t * @default true\n\t */\n\taccessibilityLayer?: boolean;\n};\n\nexport function GroupedBarChart<\n\tTData extends { x: string | number } = XYPoint,\n\tK extends LineChartNumericKeys<TData> & string = LineChartNumericKeys<TData> & string,\n>({ series, ariaLabel = \"Grouped bar chart\", ...props }: GroupedBarChartProps<TData, K>) {\n\tconst resolvedSeries = resolveChartSeries(series, [\"y\", \"y2\"] as K[]);\n\treturn (\n\t\t<BarChart<TData, K>\n\t\t\tseries={resolvedSeries}\n\t\t\tariaLabel={ariaLabel}\n\t\t\t{...props}\n\t\t\tcolor={undefined}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;AAkEA,SAAgB,EAGd,EAAE,WAAQ,eAAY,qBAAqB,GAAG,KAAyC;CACxF,IAAM,IAAiB,EAAmB,GAAQ,CAAC,KAAK,IAAI,CAAQ;CACpE,OACC,kBAAC,GAAD;EACC,QAAQ;EACG;EACX,GAAI;EACJ,OAAO,KAAA;CACP,CAAA;AAEH"}

package/dist/charts/heatmap-calendar.js

@@ -56,33 +56,9 @@ function _(e, t, n) {
 	return Math.ceil(i * r);
 }
 function v(e) {
-	if ("data" in e) {
-		let { colorScale: t = f.green, valueFormatter: n = (e) => e.toLocaleString(), metricLabel: r = "Value", cellSize: i = 12, cellGap: a = 2, locale: o = "en-US", weekdayLabels: s, monthLabels: c, lessLabel: l = "Less", moreLabel: d = "More", ariaLabel: p = "Heatmap calendar", className: m } = e;
-		return /* @__PURE__ */ u(b, {
-			data: e.data,
-			year: e.year,
-			colorScale: t,
-			valueFormatter: n,
-			metricLabel: r,
-			cellSize: i,
-			cellGap: a,
-			locale: o,
-			weekdayLabels: s,
-			monthLabels: c,
-			lessLabel: l,
-			moreLabel: d,
-			ariaLabel: p,
-			className: m
-		});
-	}
-	let { ariaLabel: t = "Heatmap calendar", className: n } = e;
-	return /* @__PURE__ */ u(y, {
-		values: e.values,
-		ariaLabel: t,
-		className: n
-	});
+	return "data" in e ? /* @__PURE__ */ u(b, { ...e }) : /* @__PURE__ */ u(y, { ...e });
 }
-function y({ values: o, ariaLabel: s, className: f }) {
+function y({ values: o, ariaLabel: s = "Heatmap calendar", className: f }) {
 	let [p, m] = l(0), [h, g] = l(null), _ = c(null), v = c([]), y = c(!1);
 	a(() => {
 		let e = y.current;
@@ -107,20 +83,7 @@ function y({ values: o, ariaLabel: s, className: f }) {
 		else if (e.key === "End") n = o.length - 1;
 		else return;
 		e.preventDefault(), m(n), g(n), v.current[n]?.focus();
-	};
-	return o.length === 0 ? /* @__PURE__ */ u("div", {
-		ref: _,
-		tabIndex: -1,
-		role: "region",
-		"aria-label": s,
-		onFocus: () => {
-			y.current = !0;
-		},
-		onBlur: (e) => {
-			e.currentTarget.contains(e.relatedTarget) || (y.current = !1);
-		},
-		className: e("grid grid-cols-7 gap-1 p-0.5 outline-none", f)
-	}) : /* @__PURE__ */ u(r, { children: /* @__PURE__ */ u("div", {
+	}, x = /* @__PURE__ */ u("div", {
 		ref: _,
 		tabIndex: -1,
 		role: "region",
@@ -166,35 +129,30 @@ function y({ values: o, ariaLabel: s, className: f }) {
 				]
 			}) })]
 		}, r))
-	}) });
+	});
+	return o.length === 0 ? x : /* @__PURE__ */ u(r, { children: x });
 }
-function b({ data: f, year: v, colorScale: y, valueFormatter: b, metricLabel: x, cellSize: S, cellGap: C, locale: w, weekdayLabels: T, monthLabels: E, lessLabel: D, moreLabel: O, ariaLabel: k, className: A }) {
-	let j = T ?? p(w), M = E ?? m(w), N = o(), P = c(null), { weeks: F, dataMap: I, maxValue: L, labels: R, validDays: z, dateToValidIndex: B } = s(() => {
-		let e = h(v), t = /* @__PURE__ */ new Map(), n = 0;
-		for (let e of f) t.set(e.date, e.value), e.value > n && (n = e.value);
+function b({ data: v, year: y, colorScale: b = f.green, valueFormatter: x = (e) => e.toLocaleString(), metricLabel: S = "Value", cellSize: C = 12, cellGap: w = 2, locale: T = "en-US", weekdayLabels: E, monthLabels: D, lessLabel: O = "Less", moreLabel: k = "More", ariaLabel: A = "Heatmap calendar", className: j }) {
+	let M = E ?? p(T), N = D ?? m(T), P = o(), F = c(null), { weeks: I, dataMap: L, maxValue: R, labels: z, validDays: B, dateToValidIndex: V } = s(() => {
+		let e = h(y), t = /* @__PURE__ */ new Map(), n = 0;
+		for (let e of v) t.set(e.date, e.value), e.value > n && (n = e.value);
 		let r = [], i = -1;
 		e.forEach((e, t) => {
-			let n = e.find((e) => e.getFullYear() === v);
+			let n = e.find((e) => e.getFullYear() === y);
 			if (n) {
 				let e = n.getMonth();
 				e !== i && (r.push({
-					month: M[e],
+					month: N[e],
 					weekIndex: t
 				}), i = e);
 			}
 		});
 		let a = [], o = /* @__PURE__ */ new Map();
-		return e.forEach((e, r) => {
-			e.forEach((e, i) => {
-				if (e.getFullYear() === v) {
-					let s = g(e), c = t.get(s) ?? 0, l = _(c, n, y);
-					o.set(s, a.length), a.push({
-						dateStr: s,
-						value: c,
-						weekIndex: r,
-						dayIndex: i,
-						colorIndex: l
-					});
+		return e.forEach((e) => {
+			e.forEach((e) => {
+				if (e.getFullYear() === y) {
+					let t = g(e);
+					o.set(t, a.length), a.push(t);
 				}
 			});
 		}), {
@@ -206,80 +164,72 @@ function b({ data: f, year: v, colorScale: y, valueFormatter: b, metricLabel: x,
 			dateToValidIndex: o
 		};
 	}, [
-		f,
-		M,
 		v,
+		N,
 		y
-	]), [V, H] = l(() => z[0]?.dateStr ?? `${v}-01-01`), [U, W] = l(null), G = c(/* @__PURE__ */ new Map()), K = c(!1);
+	]), [H, U] = l(() => B[0] ?? `${y}-01-01`), [W, G] = l(null), K = c(/* @__PURE__ */ new Map()), q = c(!1);
 	a(() => {
-		let e = K.current;
-		if (z.length === 0) H(""), W(null), e && P.current?.focus();
-		else if (!B.has(V)) {
-			let t = z[0]?.dateStr ?? "";
-			H(t), e && G.current.get(t)?.focus();
+		let e = q.current;
+		if (B.length === 0) U(""), G(null), e && F.current?.focus();
+		else if (!V.has(H)) {
+			let t = B[0] ?? "";
+			U(t), e && K.current.get(t)?.focus();
 		}
 	}, [
-		z,
 		B,
-		V
-	]);
-	let q = s(() => {
-		let e = B.get(V);
-		return e === void 0 ? z[0] : z[e];
-	}, [
 		V,
-		B,
-		z
-	]), J = (e) => {
-		e && (H(e.dateStr), W(e.dateStr), G.current.get(e.dateStr)?.focus());
-	}, Y = (e, t) => {
-		if (z.length === 0) return;
-		let n = B.get(t.dateStr) ?? 0;
+		H
+	]);
+	let J = V.has(H) ? H : B[0], Y = (e) => {
+		e && (U(e), G(e), K.current.get(e)?.focus());
+	}, X = (e, t) => {
+		if (B.length === 0) return;
+		let n = V.get(t) ?? 0;
 		if (e.key === "Escape") {
-			W(null);
+			G(null);
 			return;
 		}
 		if (e.key === "ArrowDown") {
 			e.preventDefault();
-			let t = z[n + 1];
-			t && J(t);
+			let t = B[n + 1];
+			t && Y(t);
 		} else if (e.key === "ArrowUp") {
 			e.preventDefault();
-			let t = z[n - 1];
-			t && J(t);
+			let t = B[n - 1];
+			t && Y(t);
 		} else if (e.key === "ArrowRight") {
 			e.preventDefault();
 			let t = n + 7;
-			t < z.length ? J(z[t]) : J(z[z.length - 1]);
+			t < B.length ? Y(B[t]) : Y(B[B.length - 1]);
 		} else if (e.key === "ArrowLeft") {
 			e.preventDefault();
 			let t = n - 7;
-			J(t >= 0 ? z[t] : z[0]);
-		} else e.key === "Home" ? (e.preventDefault(), J(z[0])) : e.key === "End" && (e.preventDefault(), J(z[z.length - 1]));
+			Y(t >= 0 ? B[t] : B[0]);
+		} else e.key === "Home" ? (e.preventDefault(), Y(B[0])) : e.key === "End" && (e.preventDefault(), Y(B[B.length - 1]));
 	};
 	return /* @__PURE__ */ u("div", {
-		ref: P,
+		ref: F,
 		tabIndex: -1,
 		role: "region",
-		"aria-label": `${k} scrollable view`,
+		"aria-label": `${A} scrollable view`,
 		onFocus: () => {
-			K.current = !0;
+			q.current = !0;
 		},
 		onBlur: (e) => {
-			e.currentTarget.contains(e.relatedTarget) || (K.current = !1);
+			e.currentTarget.contains(e.relatedTarget) || (q.current = !1);
 		},
-		className: e("overflow-x-auto rounded-md outline-none focus-visible:ring-1 focus-visible:ring-basalt-ring", A),
+		className: e("overflow-x-auto rounded-md outline-none focus-visible:ring-1 focus-visible:ring-basalt-ring", j),
 		children: /* @__PURE__ */ u(r, { children: /* @__PURE__ */ d("div", {
 			className: "inline-block p-1",
 			role: "group",
-			"aria-label": k,
+			"aria-label": A,
 			children: [
 				/* @__PURE__ */ u("div", {
 					className: "relative mb-1 h-4 text-xs text-basalt-muted-foreground",
 					style: { marginLeft: 30 },
-					children: R.map((e) => /* @__PURE__ */ u("div", {
+					children: z.map((e) => /* @__PURE__ */ u("div", {
 						className: "absolute",
-						style: { left: e.weekIndex * (S + C) },
+						style: { left: e.weekIndex * (C + w) },
 						children: e.month
 					}, `${e.month}-${e.weekIndex}`))
 				}),
@@ -289,83 +239,77 @@ function b({ data: f, year: v, colorScale: y, valueFormatter: b, metricLabel: x,
 						className: "mr-1 flex flex-col text-xs text-basalt-muted-foreground select-none",
 						style: { width: 30 },
 						"aria-hidden": "true",
-						children: j.map((e, t) => /* @__PURE__ */ u("div", {
+						children: M.map((e, t) => /* @__PURE__ */ u("div", {
 							style: {
-								height: S + C,
-								lineHeight: `${S + C}px`,
+								height: C + w,
+								lineHeight: `${C + w}px`,
 								visibility: t % 2 == 1 ? "visible" : "hidden"
 							},
 							children: e
 						}, `${e}-${t}`))
 					}), /* @__PURE__ */ u("div", {
 						className: "flex",
-						style: { gap: C },
-						children: F.map((e, r) => /* @__PURE__ */ u("div", {
+						style: { gap: w },
+						children: I.map((e, r) => /* @__PURE__ */ u("div", {
 							className: "flex flex-col",
-							style: { gap: C },
-							children: e.map((e, a) => {
-								let o = g(e);
-								if (e.getFullYear() !== v) return /* @__PURE__ */ u("div", {
+							style: { gap: w },
+							children: e.map((e, r) => {
+								let a = g(e);
+								if (e.getFullYear() !== y) return /* @__PURE__ */ u("div", {
 									style: {
-										width: S,
-										height: S,
+										width: C,
+										height: C,
 										visibility: "hidden"
 									},
 									"aria-hidden": "true"
-								}, a);
-								let s = I.get(o) ?? 0, c = _(s, L, y), l = q?.dateStr === o, f = b(s, o), p = `${o}, ${x}: ${f}`, m = U === o, h = {
-									dateStr: o,
-									value: s,
-									weekIndex: r,
-									dayIndex: a,
-									colorIndex: c
-								};
+								}, r);
+								let o = L.get(a) ?? 0, s = _(o, R, b), c = J === a, l = x(o, a), f = `${a}, ${S}: ${l}`;
 								return /* @__PURE__ */ d(t, {
-									open: m,
+									open: W === a,
 									onOpenChange: (e) => {
-										W(e ? o : (e) => e === o ? document.activeElement === G.current.get(o) ? e : null : e);
+										G(e ? a : (e) => e === a ? document.activeElement === K.current.get(a) ? e : null : e);
 									},
 									children: [/* @__PURE__ */ u(i, {
 										asChild: !0,
 										children: /* @__PURE__ */ u("button", {
 											ref: (e) => {
-												e ? G.current.set(o, e) : G.current.delete(o);
+												e ? K.current.set(a, e) : K.current.delete(a);
 											},
 											type: "button",
-											"aria-label": p,
-											tabIndex: l ? 0 : -1,
+											"aria-label": f,
+											tabIndex: c ? 0 : -1,
 											onFocus: () => {
-												H(o), W(o);
+												U(a), G(a);
 											},
 											onBlur: () => {
-												W((e) => e === o ? null : e);
+												G((e) => e === a ? null : e);
 											},
-											onKeyDown: (e) => Y(e, h),
+											onKeyDown: (e) => X(e, a),
 											className: "box-border m-0 cursor-pointer rounded-sm border-0 p-0 transition-colors hover:ring-1 hover:ring-basalt-foreground focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-basalt-ring",
 											style: {
-												width: S,
-												height: S,
-												backgroundColor: y[c]
+												width: C,
+												height: C,
+												backgroundColor: b[s]
 											}
 										})
 									}), /* @__PURE__ */ u(n, {
-										id: `${N}-${o}`,
+										id: `${P}-${a}`,
 										children: /* @__PURE__ */ d("div", {
 											className: "text-sm",
 											children: [/* @__PURE__ */ u("div", {
 												className: "font-medium",
-												children: o
+												children: a
 											}), /* @__PURE__ */ d("div", {
 												className: "text-basalt-muted-foreground",
 												children: [
-													x,
+													S,
 													": ",
-													f
+													l
 												]
 											})]
 										})
 									})]
-								}, a);
+								}, r);
 							})
 						}, r))
 					})]
@@ -374,16 +318,16 @@ function b({ data: f, year: v, colorScale: y, valueFormatter: b, metricLabel: x,
 					className: "mt-2 flex items-center justify-end gap-1 text-xs text-basalt-muted-foreground select-none",
 					"aria-hidden": "true",
 					children: [
-						/* @__PURE__ */ u("span", { children: D }),
-						y.map((e) => /* @__PURE__ */ u("div", {
+						/* @__PURE__ */ u("span", { children: O }),
+						b.map((e) => /* @__PURE__ */ u("div", {
 							className: "rounded-sm",
 							style: {
-								width: S,
-								height: S,
+								width: C,
+								height: C,
 								backgroundColor: e
 							}
 						}, e)),
-						/* @__PURE__ */ u("span", { children: O })
+						/* @__PURE__ */ u("span", { children: k })
 					]
 				})
 			]