@nocoo/basalt 2.0.0-rc.1 → 2.0.2

package/dist/charts/area.d.ts

@@ -1,8 +1,12 @@
-import { type XYPoint } from "./sample.js";
-export declare function AreaChart({ data, ariaLabel, className, showAxes, stacked, }: {
-    data?: XYPoint[];
+import { type XYPoint, type XYSeriesDescriptor } from "./series.js";
+export type AreaChartProps = {
+    data: XYPoint[];
+    series?: XYSeriesDescriptor[];
     ariaLabel?: string;
     className?: string;
     showAxes?: boolean;
+    showLegend?: boolean;
     stacked?: boolean;
-}): import("react").JSX.Element;
+    valueFormatter?: (value: number) => string;
+};
+export declare function AreaChart({ data, series, ariaLabel, className, showAxes, showLegend, stacked, valueFormatter, }: AreaChartProps): import("react").JSX.Element;

package/dist/charts/area.js

@@ -1,55 +1,54 @@
 "use client";
-import { CHART_COLORS as e } from "./palette.js";
-import { ANIMATION_PROPS as t, CHART_TYPE as n, GRID_PROPS as r, cartesianAxisProps as i, chartTooltipProps as a } from "./config.js";
-import { SAMPLE as o } from "./sample.js";
-import { ChartFrame as s } from "./frame.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Area as u, AreaChart as d, CartesianGrid as f, Tooltip as p, XAxis as m, YAxis as h } from "recharts";
+import { ANIMATION_PROPS as e, CHART_PLOT_MARGIN as t, CHART_PLOT_MARGIN_BARE as n, CHART_TYPE as r, GRID_PROPS as i, cartesianAxisProps as a, chartTooltipProps as o, seriesColor as s } from "./config.js";
+import { resolveChartSeries as c, xyFallbackKeys as l } from "./series.js";
+import { ChartShell as u } from "./frame.js";
+import { ChartLegend as d } from "./legend.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Area as m, AreaChart as h, CartesianGrid as g, Tooltip as _, XAxis as v, YAxis as y } from "recharts";
 //#region src/charts/area.tsx
-function g({ data: g = o, ariaLabel: _ = "Area chart", className: v, showAxes: y = !1, stacked: b = !1 }) {
-	let x = g.some((e) => e.y2 != null), S = g.some((e) => e.y3 != null), C = b ? "stack" : void 0;
-	return /* @__PURE__ */ c(s, {
-		ariaLabel: _,
-		className: v,
-		children: /* @__PURE__ */ l(d, {
-			data: g,
+function b({ data: b, series: x, ariaLabel: S = "Area chart", className: C, showAxes: w = !1, showLegend: T = !1, stacked: E = !1, valueFormatter: D }) {
+	let O = c(x, l(b)), k = E ? "stack" : void 0;
+	return /* @__PURE__ */ f(u, {
+		ariaLabel: S,
+		className: C,
+		legend: T ? /* @__PURE__ */ f(d, {
+			items: O,
+			shape: "area"
+		}) : void 0,
+		children: /* @__PURE__ */ p(h, {
+			data: b,
+			margin: w ? t : n,
 			children: [
-				y ? /* @__PURE__ */ c(f, { ...r }) : null,
-				/* @__PURE__ */ c(m, {
+				w ? /* @__PURE__ */ f(g, { ...i }) : null,
+				/* @__PURE__ */ f(v, {
 					dataKey: "x",
-					...i(!y)
+					...a(!w)
 				}),
-				/* @__PURE__ */ c(h, { ...i(!y) }),
-				/* @__PURE__ */ c(p, { ...a({ cursor: "line" }) }),
-				/* @__PURE__ */ c(u, {
-					dataKey: "y",
-					stackId: C,
-					stroke: e[0],
-					fill: e[0],
-					fillOpacity: n.areaFillAlpha,
-					...t
+				/* @__PURE__ */ f(y, {
+					...a(!w),
+					tickFormatter: D
 				}),
-				x ? /* @__PURE__ */ c(u, {
-					dataKey: "y2",
-					stackId: C,
-					stroke: e[2],
-					fill: e[2],
-					fillOpacity: n.areaFillAlpha,
-					...t
-				}) : null,
-				S ? /* @__PURE__ */ c(u, {
-					dataKey: "y3",
-					stackId: C,
-					stroke: e[4],
-					fill: e[4],
-					fillOpacity: n.areaFillAlpha,
-					...t
-				}) : null
+				/* @__PURE__ */ f(_, { ...o({
+					formatter: D,
+					cursor: "line"
+				}) }),
+				O.map((t, n) => {
+					let i = s(t, n);
+					return /* @__PURE__ */ f(m, {
+						dataKey: t.key,
+						name: t.label ?? t.key,
+						stackId: k,
+						stroke: i,
+						fill: i,
+						fillOpacity: r.areaFillAlpha,
+						...e
+					}, t.key);
+				})
 			]
 		})
 	});
 }
 //#endregion
-export { g as AreaChart };
+export { b as AreaChart };
 
 //# sourceMappingURL=area.js.map

package/dist/charts/area.js.map

@@ -1 +1 @@
-{"version":3,"file":"area.js","names":[],"sources":["../../src/charts/area.tsx"],"sourcesContent":["import { Area, CartesianGrid, AreaChart as RechartsArea, Tooltip, XAxis, YAxis } from \"recharts\";\nimport {\n\tANIMATION_PROPS,\n\tCHART_TYPE,\n\tcartesianAxisProps,\n\tchartTooltipProps,\n\tGRID_PROPS,\n} from \"./config\";\nimport { ChartFrame } from \"./frame\";\nimport { CHART_COLORS } from \"./palette\";\nimport { SAMPLE, type XYPoint } from \"./sample\";\n\nexport function AreaChart({\n\tdata = SAMPLE,\n\tariaLabel = \"Area chart\",\n\tclassName,\n\tshowAxes = false,\n\tstacked = false,\n}: {\n\tdata?: XYPoint[];\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tstacked?: boolean;\n}) {\n\tconst dual = data.some((point) => point.y2 != null);\n\tconst triple = data.some((point) => point.y3 != null);\n\tconst stackId = stacked ? \"stack\" : undefined;\n\treturn (\n\t\t<ChartFrame ariaLabel={ariaLabel} className={className}>\n\t\t\t<RechartsArea data={data}>\n\t\t\t\t{showAxes ? <CartesianGrid {...GRID_PROPS} /> : null}\n\t\t\t\t<XAxis dataKey=\"x\" {...cartesianAxisProps(!showAxes)} />\n\t\t\t\t<YAxis {...cartesianAxisProps(!showAxes)} />\n\t\t\t\t<Tooltip {...chartTooltipProps({ cursor: \"line\" })} />\n\t\t\t\t<Area\n\t\t\t\t\tdataKey=\"y\"\n\t\t\t\t\tstackId={stackId}\n\t\t\t\t\tstroke={CHART_COLORS[0]}\n\t\t\t\t\tfill={CHART_COLORS[0]}\n\t\t\t\t\tfillOpacity={CHART_TYPE.areaFillAlpha}\n\t\t\t\t\t{...ANIMATION_PROPS}\n\t\t\t\t/>\n\t\t\t\t{dual ? (\n\t\t\t\t\t<Area\n\t\t\t\t\t\tdataKey=\"y2\"\n\t\t\t\t\t\tstackId={stackId}\n\t\t\t\t\t\tstroke={CHART_COLORS[2]}\n\t\t\t\t\t\tfill={CHART_COLORS[2]}\n\t\t\t\t\t\tfillOpacity={CHART_TYPE.areaFillAlpha}\n\t\t\t\t\t\t{...ANIMATION_PROPS}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t\t{triple ? (\n\t\t\t\t\t<Area\n\t\t\t\t\t\tdataKey=\"y3\"\n\t\t\t\t\t\tstackId={stackId}\n\t\t\t\t\t\tstroke={CHART_COLORS[4]}\n\t\t\t\t\t\tfill={CHART_COLORS[4]}\n\t\t\t\t\t\tfillOpacity={CHART_TYPE.areaFillAlpha}\n\t\t\t\t\t\t{...ANIMATION_PROPS}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</RechartsArea>\n\t\t</ChartFrame>\n\t);\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EAAU,EACzB,UAAO,GACP,eAAY,cACZ,cACA,cAAW,IACX,aAAU,MAOR;CACF,IAAM,IAAO,EAAK,MAAM,MAAU,EAAM,MAAM,IAAI,GAC5C,IAAS,EAAK,MAAM,MAAU,EAAM,MAAM,IAAI,GAC9C,IAAU,IAAU,UAAU,KAAA;CACpC,OACC,kBAAC,GAAD;EAAuB;EAAsB;EAC5C,UAAA,kBAAC,GAAD;GAAoB;GAApB,UAAA;IACE,IAAW,kBAAC,GAAD,EAAe,GAAI,EAAa,CAAA,IAAI;IAChD,kBAAC,GAAD;KAAO,SAAQ;KAAI,GAAI,EAAmB,CAAC,CAAQ;IAAI,CAAA;IACvD,kBAAC,GAAD,EAAO,GAAI,EAAmB,CAAC,CAAQ,EAAI,CAAA;IAC3C,kBAAC,GAAD,EAAS,GAAI,EAAkB,EAAE,QAAQ,OAAO,CAAC,EAAI,CAAA;IACrD,kBAAC,GAAD;KACC,SAAQ;KACC;KACT,QAAQ,EAAa;KACrB,MAAM,EAAa;KACnB,aAAa,EAAW;KACxB,GAAI;IACJ,CAAA;IACA,IACA,kBAAC,GAAD;KACC,SAAQ;KACC;KACT,QAAQ,EAAa;KACrB,MAAM,EAAa;KACnB,aAAa,EAAW;KACxB,GAAI;IACJ,CAAA,IACE;IACH,IACA,kBAAC,GAAD;KACC,SAAQ;KACC;KACT,QAAQ,EAAa;KACrB,MAAM,EAAa;KACnB,aAAa,EAAW;KACxB,GAAI;IACJ,CAAA,IACE;GACS;;CACH,CAAA;AAEd"}
+{"version":3,"file":"area.js","names":[],"sources":["../../src/charts/area.tsx"],"sourcesContent":["import { Area, CartesianGrid, AreaChart as RechartsArea, Tooltip, XAxis, YAxis } from \"recharts\";\nimport {\n\tANIMATION_PROPS,\n\tCHART_PLOT_MARGIN,\n\tCHART_PLOT_MARGIN_BARE,\n\tCHART_TYPE,\n\tcartesianAxisProps,\n\tchartTooltipProps,\n\tGRID_PROPS,\n\tseriesColor,\n} from \"./config\";\nimport { ChartShell } from \"./frame\";\nimport { ChartLegend } from \"./legend\";\nimport {\n\tresolveChartSeries,\n\ttype XYPoint,\n\ttype XYSeriesDescriptor,\n\txyFallbackKeys,\n} from \"./series\";\n\nexport type AreaChartProps = {\n\tdata: XYPoint[];\n\tseries?: XYSeriesDescriptor[];\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tshowLegend?: boolean;\n\tstacked?: boolean;\n\tvalueFormatter?: (value: number) => string;\n};\n\nexport function AreaChart({\n\tdata,\n\tseries,\n\tariaLabel = \"Area chart\",\n\tclassName,\n\tshowAxes = false,\n\tshowLegend = false,\n\tstacked = false,\n\tvalueFormatter,\n}: AreaChartProps) {\n\tconst areas = resolveChartSeries(series, xyFallbackKeys(data));\n\tconst stackId = stacked ? \"stack\" : undefined;\n\treturn (\n\t\t<ChartShell\n\t\t\tariaLabel={ariaLabel}\n\t\t\tclassName={className}\n\t\t\tlegend={showLegend ? <ChartLegend items={areas} shape=\"area\" /> : undefined}\n\t\t>\n\t\t\t<RechartsArea 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)} />\n\t\t\t\t<YAxis {...cartesianAxisProps(!showAxes)} tickFormatter={valueFormatter} />\n\t\t\t\t<Tooltip {...chartTooltipProps({ formatter: valueFormatter, cursor: \"line\" })} />\n\t\t\t\t{areas.map((item, index) => {\n\t\t\t\t\tconst fill = seriesColor(item, index);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Area\n\t\t\t\t\t\t\tkey={item.key}\n\t\t\t\t\t\t\tdataKey={item.key}\n\t\t\t\t\t\t\tname={item.label ?? item.key}\n\t\t\t\t\t\t\tstackId={stackId}\n\t\t\t\t\t\t\tstroke={fill}\n\t\t\t\t\t\t\tfill={fill}\n\t\t\t\t\t\t\tfillOpacity={CHART_TYPE.areaFillAlpha}\n\t\t\t\t\t\t\t{...ANIMATION_PROPS}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</RechartsArea>\n\t\t</ChartShell>\n\t);\n}\n"],"mappings":";;;;;;;;AA+BA,SAAgB,EAAU,EACzB,SACA,WACA,eAAY,cACZ,cACA,cAAW,IACX,gBAAa,IACb,aAAU,IACV,qBACkB;CAClB,IAAM,IAAQ,EAAmB,GAAQ,EAAe,CAAI,CAAC,GACvD,IAAU,IAAU,UAAU,KAAA;CACpC,OACC,kBAAC,GAAD;EACY;EACA;EACX,QAAQ,IAAa,kBAAC,GAAD;GAAa,OAAO;GAAO,OAAM;EAAQ,CAAA,IAAI,KAAA;EAElE,UAAA,kBAAC,GAAD;GAAoB;GAAM,QAAQ,IAAW,IAAoB;GAAjE,UAAA;IACE,IAAW,kBAAC,GAAD,EAAe,GAAI,EAAa,CAAA,IAAI;IAChD,kBAAC,GAAD;KAAO,SAAQ;KAAI,GAAI,EAAmB,CAAC,CAAQ;IAAI,CAAA;IACvD,kBAAC,GAAD;KAAO,GAAI,EAAmB,CAAC,CAAQ;KAAG,eAAe;IAAiB,CAAA;IAC1E,kBAAC,GAAD,EAAS,GAAI,EAAkB;KAAE,WAAW;KAAgB,QAAQ;IAAO,CAAC,EAAI,CAAA;IAC/E,EAAM,KAAK,GAAM,MAAU;KAC3B,IAAM,IAAO,EAAY,GAAM,CAAK;KACpC,OACC,kBAAC,GAAD;MAEC,SAAS,EAAK;MACd,MAAM,EAAK,SAAS,EAAK;MAChB;MACT,QAAQ;MACF;MACN,aAAa,EAAW;MACxB,GAAI;KACJ,GARK,EAAK,GAQV;IAEH,CAAC;GACY;;CACH,CAAA;AAEd"}

package/dist/charts/bar.d.ts

@@ -1,9 +1,12 @@
-import { type XYPoint } from "./sample.js";
-export declare function BarChart({ data, ariaLabel, className, showAxes, color, valueFormatter, }: {
-    data?: XYPoint[];
+import { type XYPoint, type XYSeriesDescriptor } from "./series.js";
+export type BarChartProps = {
+    data: XYPoint[];
+    series?: XYSeriesDescriptor[];
     ariaLabel?: string;
     className?: string;
     showAxes?: boolean;
+    showLegend?: boolean;
     color?: string;
     valueFormatter?: (value: number) => string;
-}): import("react").JSX.Element;
+};
+export declare function BarChart({ data, series, ariaLabel, className, showAxes, showLegend, color, valueFormatter, }: BarChartProps): import("react").JSX.Element;

package/dist/charts/bar.js

@@ -1,42 +1,49 @@
 "use client";
-import { CHART_COLORS as e } from "./palette.js";
-import { ANIMATION_PROPS as t, BAR_RADIUS as n, GRID_PROPS as r, cartesianAxisProps as i, chartTooltipProps as a } from "./config.js";
-import { SAMPLE as o } from "./sample.js";
-import { ChartFrame as s } from "./frame.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Bar as u, BarChart as d, CartesianGrid as f, Tooltip as p, XAxis as m, YAxis as h } from "recharts";
+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 { applyLeadColor as c, resolveChartSeries as l } from "./series.js";
+import { ChartShell as u } from "./frame.js";
+import { ChartLegend as d } from "./legend.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Bar as m, BarChart as h, CartesianGrid as g, Tooltip as _, XAxis as v, YAxis as y } from "recharts";
 //#region src/charts/bar.tsx
-function g({ data: g = o, ariaLabel: _ = "Bar chart", className: v, showAxes: y = !1, color: b, valueFormatter: x }) {
-	return /* @__PURE__ */ c(s, {
-		ariaLabel: _,
-		className: v,
-		children: /* @__PURE__ */ l(d, {
-			data: g,
+function b({ data: b, series: x, ariaLabel: S = "Bar chart", className: C, showAxes: w = !1, showLegend: T = !1, color: E, valueFormatter: D }) {
+	let O = c(l(x, ["y"]), E);
+	return /* @__PURE__ */ f(u, {
+		ariaLabel: S,
+		className: C,
+		legend: T ? /* @__PURE__ */ f(d, {
+			items: O,
+			shape: "bar"
+		}) : void 0,
+		children: /* @__PURE__ */ p(h, {
+			data: b,
+			margin: w ? n : r,
 			children: [
-				y ? /* @__PURE__ */ c(f, { ...r }) : null,
-				/* @__PURE__ */ c(m, {
+				w ? /* @__PURE__ */ f(g, { ...i }) : null,
+				/* @__PURE__ */ f(v, {
 					dataKey: "x",
-					...i(!y)
+					...a(!w)
 				}),
-				/* @__PURE__ */ c(h, {
-					...i(!y),
-					tickFormatter: x
+				/* @__PURE__ */ f(y, {
+					...a(!w),
+					tickFormatter: D
 				}),
-				/* @__PURE__ */ c(p, { ...a({
-					formatter: x,
+				/* @__PURE__ */ f(_, { ...o({
+					formatter: D,
 					cursor: "bar"
 				}) }),
-				/* @__PURE__ */ c(u, {
-					dataKey: "y",
-					fill: b ?? e[0],
-					radius: n.vertical,
-					...t
-				})
+				O.map((n, r) => /* @__PURE__ */ f(m, {
+					dataKey: n.key,
+					name: n.label ?? n.key,
+					fill: s(n, r),
+					radius: t.vertical,
+					...e
+				}, n.key))
 			]
 		})
 	});
 }
 //#endregion
-export { g as BarChart };
+export { b as BarChart };
 
 //# sourceMappingURL=bar.js.map

package/dist/charts/bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar.js","names":[],"sources":["../../src/charts/bar.tsx"],"sourcesContent":["import { Bar, CartesianGrid, BarChart as RechartsBar, Tooltip, XAxis, YAxis } from \"recharts\";\nimport {\n\tANIMATION_PROPS,\n\tBAR_RADIUS,\n\tcartesianAxisProps,\n\tchartTooltipProps,\n\tGRID_PROPS,\n} from \"./config\";\nimport { ChartFrame } from \"./frame\";\nimport { CHART_COLORS } from \"./palette\";\nimport { SAMPLE, type XYPoint } from \"./sample\";\n\nexport function BarChart({\n\tdata = SAMPLE,\n\tariaLabel = \"Bar chart\",\n\tclassName,\n\tshowAxes = false,\n\tcolor,\n\tvalueFormatter,\n}: {\n\tdata?: XYPoint[];\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tcolor?: string;\n\tvalueFormatter?: (value: number) => string;\n}) {\n\treturn (\n\t\t<ChartFrame ariaLabel={ariaLabel} className={className}>\n\t\t\t<RechartsBar data={data}>\n\t\t\t\t{showAxes ? <CartesianGrid {...GRID_PROPS} /> : null}\n\t\t\t\t<XAxis dataKey=\"x\" {...cartesianAxisProps(!showAxes)} />\n\t\t\t\t<YAxis {...cartesianAxisProps(!showAxes)} tickFormatter={valueFormatter} />\n\t\t\t\t<Tooltip {...chartTooltipProps({ formatter: valueFormatter, cursor: \"bar\" })} />\n\t\t\t\t<Bar\n\t\t\t\t\tdataKey=\"y\"\n\t\t\t\t\tfill={color ?? CHART_COLORS[0]}\n\t\t\t\t\tradius={BAR_RADIUS.vertical}\n\t\t\t\t\t{...ANIMATION_PROPS}\n\t\t\t\t/>\n\t\t\t</RechartsBar>\n\t\t</ChartFrame>\n\t);\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EAAS,EACxB,UAAO,GACP,eAAY,aACZ,cACA,cAAW,IACX,UACA,qBAQE;CACF,OACC,kBAAC,GAAD;EAAuB;EAAsB;EAC5C,UAAA,kBAAC,GAAD;GAAmB;GAAnB,UAAA;IACE,IAAW,kBAAC,GAAD,EAAe,GAAI,EAAa,CAAA,IAAI;IAChD,kBAAC,GAAD;KAAO,SAAQ;KAAI,GAAI,EAAmB,CAAC,CAAQ;IAAI,CAAA;IACvD,kBAAC,GAAD;KAAO,GAAI,EAAmB,CAAC,CAAQ;KAAG,eAAe;IAAiB,CAAA;IAC1E,kBAAC,GAAD,EAAS,GAAI,EAAkB;KAAE,WAAW;KAAgB,QAAQ;IAAM,CAAC,EAAI,CAAA;IAC/E,kBAAC,GAAD;KACC,SAAQ;KACR,MAAM,KAAS,EAAa;KAC5B,QAAQ,EAAW;KACnB,GAAI;IACJ,CAAA;GACW;;CACF,CAAA;AAEd"}
+{"version":3,"file":"bar.js","names":[],"sources":["../../src/charts/bar.tsx"],"sourcesContent":["import { 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 {\n\tapplyLeadColor,\n\tresolveChartSeries,\n\ttype XYPoint,\n\ttype XYSeriesDescriptor,\n} from \"./series\";\n\nexport type BarChartProps = {\n\tdata: XYPoint[];\n\tseries?: XYSeriesDescriptor[];\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tshowLegend?: boolean;\n\tcolor?: string;\n\tvalueFormatter?: (value: number) => string;\n};\n\nexport function BarChart({\n\tdata,\n\tseries,\n\tariaLabel = \"Bar chart\",\n\tclassName,\n\tshowAxes = false,\n\tshowLegend = false,\n\tcolor,\n\tvalueFormatter,\n}: BarChartProps) {\n\tconst bars = applyLeadColor(resolveChartSeries(series, [\"y\"]), color);\n\treturn (\n\t\t<ChartShell\n\t\t\tariaLabel={ariaLabel}\n\t\t\tclassName={className}\n\t\t\tlegend={showLegend ? <ChartLegend items={bars} shape=\"bar\" /> : undefined}\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)} />\n\t\t\t\t<YAxis {...cartesianAxisProps(!showAxes)} tickFormatter={valueFormatter} />\n\t\t\t\t<Tooltip {...chartTooltipProps({ formatter: valueFormatter, cursor: \"bar\" })} />\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":";;;;;;;;AA+BA,SAAgB,EAAS,EACxB,SACA,WACA,eAAY,aACZ,cACA,cAAW,IACX,gBAAa,IACb,UACA,qBACiB;CACjB,IAAM,IAAO,EAAe,EAAmB,GAAQ,CAAC,GAAG,CAAC,GAAG,CAAK;CACpE,OACC,kBAAC,GAAD;EACY;EACA;EACX,QAAQ,IAAa,kBAAC,GAAD;GAAa,OAAO;GAAM,OAAM;EAAO,CAAA,IAAI,KAAA;EAEhE,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;IAAI,CAAA;IACvD,kBAAC,GAAD;KAAO,GAAI,EAAmB,CAAC,CAAQ;KAAG,eAAe;IAAiB,CAAA;IAC1E,kBAAC,GAAD,EAAS,GAAI,EAAkB;KAAE,WAAW;KAAgB,QAAQ;IAAM,CAAC,EAAI,CAAA;IAC9E,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"}

package/dist/charts/bullet.d.ts

@@ -1,8 +1,10 @@
-import { type BulletPoint } from "./sample.js";
-export declare function BulletChart({ data, ariaLabel, className, showAxes, valueFormatter, }: {
-    data?: BulletPoint[];
+import { type BulletPoint, type BulletSeriesDescriptor } from "./series.js";
+export type BulletChartProps = {
+    data: BulletPoint[];
+    series?: BulletSeriesDescriptor[];
     ariaLabel?: string;
     className?: string;
     showAxes?: boolean;
     valueFormatter?: (value: number) => string;
-}): import("react").JSX.Element;
+};
+export declare function BulletChart({ data, series, ariaLabel, className, showAxes, valueFormatter, }: BulletChartProps): import("react").JSX.Element;

package/dist/charts/bullet.js

@@ -1,45 +1,40 @@
 "use client";
-import { CHART_COLORS as e } from "./palette.js";
-import { ANIMATION_PROPS as t, cartesianAxisProps as n, chartTooltipProps as r } from "./config.js";
-import { BULLET_SAMPLE as i } from "./sample.js";
+import { ANIMATION_PROPS as e, cartesianAxisProps as t, chartTooltipProps as n, seriesColor as r } from "./config.js";
+import { resolveChartSeries as i } from "./series.js";
 import { ChartFrame as a } from "./frame.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Bar as c, BarChart as l, Tooltip as u, XAxis as d, YAxis as f } from "recharts";
 //#region src/charts/bullet.tsx
-function p({ data: p = i, ariaLabel: m = "Bullet chart", className: h, showAxes: g = !0, valueFormatter: _ }) {
+function p({ data: p, series: m, ariaLabel: h = "Bullet chart", className: g, showAxes: _ = !0, valueFormatter: v }) {
+	let y = i(m, ["target", "value"]);
 	return /* @__PURE__ */ o(a, {
-		ariaLabel: m,
-		className: h,
+		ariaLabel: h,
+		className: g,
 		children: /* @__PURE__ */ s(l, {
 			data: p,
 			layout: "vertical",
 			children: [
 				/* @__PURE__ */ o(d, {
 					type: "number",
-					...n(!g),
-					tickFormatter: _
+					...t(!_),
+					tickFormatter: v
 				}),
 				/* @__PURE__ */ o(f, {
 					type: "category",
 					dataKey: "name",
-					...n(!g)
+					...t(!_)
 				}),
-				/* @__PURE__ */ o(u, { ...r({
-					formatter: _,
+				/* @__PURE__ */ o(u, { ...n({
+					formatter: v,
 					cursor: "bar"
 				}) }),
-				/* @__PURE__ */ o(c, {
-					dataKey: "target",
-					fill: e[6],
-					barSize: 10,
-					...t
-				}),
-				/* @__PURE__ */ o(c, {
-					dataKey: "value",
-					fill: e[1],
-					barSize: 6,
-					...t
-				})
+				y.map((t) => /* @__PURE__ */ o(c, {
+					dataKey: t.key,
+					name: t.label ?? t.key,
+					fill: r(t, t.key === "target" ? 6 : 1),
+					barSize: t.key === "target" ? 10 : 6,
+					...e
+				}, t.key))
 			]
 		})
 	});

package/dist/charts/bullet.js.map

@@ -1 +1 @@
-{"version":3,"file":"bullet.js","names":[],"sources":["../../src/charts/bullet.tsx"],"sourcesContent":["import { Bar, BarChart as RechartsBar, Tooltip, XAxis, YAxis } from \"recharts\";\nimport { ANIMATION_PROPS, cartesianAxisProps, chartTooltipProps } from \"./config\";\nimport { ChartFrame } from \"./frame\";\nimport { CHART_COLORS } from \"./palette\";\nimport { BULLET_SAMPLE, type BulletPoint } from \"./sample\";\n\nexport function BulletChart({\n\tdata = BULLET_SAMPLE,\n\tariaLabel = \"Bullet chart\",\n\tclassName,\n\tshowAxes = true,\n\tvalueFormatter,\n}: {\n\tdata?: BulletPoint[];\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tvalueFormatter?: (value: number) => string;\n}) {\n\treturn (\n\t\t<ChartFrame ariaLabel={ariaLabel} className={className}>\n\t\t\t<RechartsBar data={data} layout=\"vertical\">\n\t\t\t\t<XAxis type=\"number\" {...cartesianAxisProps(!showAxes)} tickFormatter={valueFormatter} />\n\t\t\t\t<YAxis type=\"category\" dataKey=\"name\" {...cartesianAxisProps(!showAxes)} />\n\t\t\t\t<Tooltip {...chartTooltipProps({ formatter: valueFormatter, cursor: \"bar\" })} />\n\t\t\t\t<Bar dataKey=\"target\" fill={CHART_COLORS[6]} barSize={10} {...ANIMATION_PROPS} />\n\t\t\t\t<Bar dataKey=\"value\" fill={CHART_COLORS[1]} barSize={6} {...ANIMATION_PROPS} />\n\t\t\t</RechartsBar>\n\t\t</ChartFrame>\n\t);\n}\n"],"mappings":";;;;;;;;AAMA,SAAgB,EAAY,EAC3B,UAAO,GACP,eAAY,gBACZ,cACA,cAAW,IACX,qBAOE;CACF,OACC,kBAAC,GAAD;EAAuB;EAAsB;EAC5C,UAAA,kBAAC,GAAD;GAAmB;GAAM,QAAO;GAAhC,UAAA;IACC,kBAAC,GAAD;KAAO,MAAK;KAAS,GAAI,EAAmB,CAAC,CAAQ;KAAG,eAAe;IAAiB,CAAA;IACxF,kBAAC,GAAD;KAAO,MAAK;KAAW,SAAQ;KAAO,GAAI,EAAmB,CAAC,CAAQ;IAAI,CAAA;IAC1E,kBAAC,GAAD,EAAS,GAAI,EAAkB;KAAE,WAAW;KAAgB,QAAQ;IAAM,CAAC,EAAI,CAAA;IAC/E,kBAAC,GAAD;KAAK,SAAQ;KAAS,MAAM,EAAa;KAAI,SAAS;KAAI,GAAI;IAAkB,CAAA;IAChF,kBAAC,GAAD;KAAK,SAAQ;KAAQ,MAAM,EAAa;KAAI,SAAS;KAAG,GAAI;IAAkB,CAAA;GAClE;;CACF,CAAA;AAEd"}
+{"version":3,"file":"bullet.js","names":[],"sources":["../../src/charts/bullet.tsx"],"sourcesContent":["import { Bar, BarChart as RechartsBar, Tooltip, XAxis, YAxis } from \"recharts\";\nimport { ANIMATION_PROPS, cartesianAxisProps, chartTooltipProps, seriesColor } from \"./config\";\nimport { ChartFrame } from \"./frame\";\nimport { type BulletPoint, type BulletSeriesDescriptor, resolveChartSeries } from \"./series\";\n\nexport type BulletChartProps = {\n\tdata: BulletPoint[];\n\tseries?: BulletSeriesDescriptor[];\n\tariaLabel?: string;\n\tclassName?: string;\n\tshowAxes?: boolean;\n\tvalueFormatter?: (value: number) => string;\n};\n\nexport function BulletChart({\n\tdata,\n\tseries,\n\tariaLabel = \"Bullet chart\",\n\tclassName,\n\tshowAxes = true,\n\tvalueFormatter,\n}: BulletChartProps) {\n\tconst bars = resolveChartSeries(series, [\"target\", \"value\"]);\n\treturn (\n\t\t<ChartFrame ariaLabel={ariaLabel} className={className}>\n\t\t\t<RechartsBar data={data} layout=\"vertical\">\n\t\t\t\t<XAxis type=\"number\" {...cartesianAxisProps(!showAxes)} tickFormatter={valueFormatter} />\n\t\t\t\t<YAxis type=\"category\" dataKey=\"name\" {...cartesianAxisProps(!showAxes)} />\n\t\t\t\t<Tooltip {...chartTooltipProps({ formatter: valueFormatter, cursor: \"bar\" })} />\n\t\t\t\t{bars.map((item) => (\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, item.key === \"target\" ? 6 : 1)}\n\t\t\t\t\t\tbarSize={item.key === \"target\" ? 10 : 6}\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</ChartFrame>\n\t);\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,EAAY,EAC3B,SACA,WACA,eAAY,gBACZ,cACA,cAAW,IACX,qBACoB;CACpB,IAAM,IAAO,EAAmB,GAAQ,CAAC,UAAU,OAAO,CAAC;CAC3D,OACC,kBAAC,GAAD;EAAuB;EAAsB;EAC5C,UAAA,kBAAC,GAAD;GAAmB;GAAM,QAAO;GAAhC,UAAA;IACC,kBAAC,GAAD;KAAO,MAAK;KAAS,GAAI,EAAmB,CAAC,CAAQ;KAAG,eAAe;IAAiB,CAAA;IACxF,kBAAC,GAAD;KAAO,MAAK;KAAW,SAAQ;KAAO,GAAI,EAAmB,CAAC,CAAQ;IAAI,CAAA;IAC1E,kBAAC,GAAD,EAAS,GAAI,EAAkB;KAAE,WAAW;KAAgB,QAAQ;IAAM,CAAC,EAAI,CAAA;IAC9E,EAAK,KAAK,MACV,kBAAC,GAAD;KAEC,SAAS,EAAK;KACd,MAAM,EAAK,SAAS,EAAK;KACzB,MAAM,EAAY,GAAM,EAAK,QAAQ,WAAW,IAAI,CAAC;KACrD,SAAS,EAAK,QAAQ,WAAW,KAAK;KACtC,GAAI;IACJ,GANK,EAAK,GAMV,CACD;GACW;;CACF,CAAA;AAEd"}

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

@@ -1 +1,4 @@
+export type ColorsProps = {
+    ariaLabel?: string;
+};
 export { CHART_COLORS, ChartPalette as Colors } from "./palette.js";

package/dist/charts/charts.d.ts

@@ -1,6 +1,8 @@
-import type { XYPoint } from "./sample.js";
-export declare function Charts({ data, ariaLabel, className, }: {
-    data?: XYPoint[];
+import type { XYPoint, XYSeriesDescriptor } from "./series.js";
+export type ChartsProps = {
+    data: XYPoint[];
+    series?: XYSeriesDescriptor[];
     ariaLabel?: string;
     className?: string;
-}): import("react").JSX.Element;
+};
+export declare function Charts({ data, series, ariaLabel, className }: ChartsProps): import("react").JSX.Element;

package/dist/charts/charts.js

@@ -2,11 +2,12 @@
 import { LineChart as e } from "./line.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/charts/charts.tsx
-function n({ data: n, ariaLabel: r = "Charts", className: i }) {
+function n({ data: n, series: r, ariaLabel: i = "Charts", className: a }) {
 	return /* @__PURE__ */ t(e, {
 		data: n,
-		ariaLabel: r,
-		className: i
+		series: r,
+		ariaLabel: i,
+		className: a
 	});
 }
 //#endregion

package/dist/charts/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","names":[],"sources":["../../src/charts/charts.tsx"],"sourcesContent":["import { LineChart } from \"./line\";\nimport type { XYPoint } from \"./sample\";\n\nexport function Charts({\n\tdata,\n\tariaLabel = \"Charts\",\n\tclassName,\n}: {\n\tdata?: XYPoint[];\n\tariaLabel?: string;\n\tclassName?: string;\n}) {\n\treturn <LineChart data={data} ariaLabel={ariaLabel} className={className} />;\n}\n"],"mappings":";;;;AAGA,SAAgB,EAAO,EACtB,SACA,eAAY,UACZ,gBAKE;CACF,OAAO,kBAAC,GAAD;EAAiB;EAAiB;EAAsB;CAAY,CAAA;AAC5E"}
+{"version":3,"file":"charts.js","names":[],"sources":["../../src/charts/charts.tsx"],"sourcesContent":["import { LineChart } from \"./line\";\nimport type { XYPoint, XYSeriesDescriptor } from \"./series\";\n\nexport type ChartsProps = {\n\tdata: XYPoint[];\n\tseries?: XYSeriesDescriptor[];\n\tariaLabel?: string;\n\tclassName?: string;\n};\n\nexport function Charts({ data, series, ariaLabel = \"Charts\", className }: ChartsProps) {\n\treturn <LineChart data={data} series={series} ariaLabel={ariaLabel} className={className} />;\n}\n"],"mappings":";;;;AAUA,SAAgB,EAAO,EAAE,SAAM,WAAQ,eAAY,UAAU,gBAA0B;CACtF,OAAO,kBAAC,GAAD;EAAiB;EAAc;EAAmB;EAAsB;CAAY,CAAA;AAC5F"}

package/dist/charts/config.d.ts

@@ -1,3 +1,5 @@
+import type { ChartSeriesDescriptor } from "./series.js";
+export type { ChartSeriesDescriptor } from "./series.js";
 export type ChartTypeFace = "axis" | "legend" | "tooltipTitle" | "tooltipBody";
 export declare const CHART_TYPE: {
     readonly axisFontSize: 11;
@@ -62,8 +64,10 @@ export declare function chartTooltipContentStyle(): {
     background: string;
     border: string;
     borderRadius: string;
+    boxShadow: string;
     fontSize: number;
     color: string;
+    padding: string;
 };
 export declare function chartTooltipProps(options?: {
     formatter?: (value: number) => string;
@@ -72,6 +76,10 @@ export declare function chartTooltipProps(options?: {
     isAnimationActive: boolean;
     animationDuration: number;
     offset: number;
+    allowEscapeViewBox: {
+        x: boolean;
+        y: boolean;
+    };
     cursor: boolean | {
         readonly stroke: string;
         readonly strokeOpacity: 0.35;
@@ -84,30 +92,21 @@ export declare function chartTooltipProps(options?: {
         outline: string;
         zIndex: number;
         pointerEvents: "none";
+        transition: string;
+        animation: string;
     };
     contentStyle: {
         background: string;
         border: string;
         borderRadius: string;
+        boxShadow: string;
         fontSize: number;
         color: string;
+        padding: string;
     };
-    labelStyle: {
-        fontSize: number;
-        color: string;
-    };
-    itemStyle: {
-        fontSize: number;
-    };
-    formatter: ((value: unknown) => string | undefined) | undefined;
-};
-export declare function chartLegendProps(): {
-    wrapperStyle: {
-        fontSize: number;
-        color: string;
-    };
-    iconSize: number;
+    content: never;
 };
+export declare function seriesColor(series: ChartSeriesDescriptor | undefined, index: number): string | undefined;
 export declare const RESPONSIVE_CONTAINER_PROPS: {
     width: "100%";
     height: "100%";
@@ -115,3 +114,15 @@ export declare const RESPONSIVE_CONTAINER_PROPS: {
     minHeight: number;
     debounce: number;
 };
+export declare const CHART_PLOT_MARGIN: {
+    readonly top: 4;
+    readonly right: 4;
+    readonly bottom: 0;
+    readonly left: 0;
+};
+export declare const CHART_PLOT_MARGIN_BARE: {
+    readonly top: 2;
+    readonly right: 2;
+    readonly bottom: 2;
+    readonly left: 2;
+};

package/dist/charts/config.js

@@ -1,7 +1,9 @@
 "use client";
 import { CHART_COLORS as e, chartAxis as t, withAlpha as n } from "./palette.js";
+import { ChartTooltipContent as r } from "./tooltip.js";
+import { createElement as i } from "react";
 //#region src/charts/config.ts
-var r = {
+var a = {
 	axisFontSize: 11,
 	legendFontSize: 12,
 	tooltipTitleSize: 12,
@@ -12,40 +14,40 @@ var r = {
 	gridOpacity: .15,
 	areaFillAlpha: .2
 };
-function i(e) {
-	return e === "legend" ? r.legendFontSize : e === "tooltipTitle" ? r.tooltipTitleSize : e === "tooltipBody" ? r.tooltipBodySize : r.axisFontSize;
+function o(e) {
+	return e === "legend" ? a.legendFontSize : e === "tooltipTitle" ? a.tooltipTitleSize : e === "tooltipBody" ? a.tooltipBodySize : a.axisFontSize;
 }
-function a(e) {
-	return { fontSize: i(e) };
+function s(e) {
+	return { fontSize: o(e) };
 }
-function o(e = "axis") {
+function c(e = "axis") {
 	return {
-		fontSize: i(e),
+		fontSize: o(e),
 		fill: t
 	};
 }
-function s(t) {
+function l(t) {
 	return e[t % e.length] ?? e[0];
 }
-var c = {
+var u = {
 	get tick() {
-		return o("axis");
+		return c("axis");
 	},
 	axisLine: !1,
 	tickLine: !1
 };
-function l(e = !1) {
+function d(e = !1) {
 	return {
 		hide: e,
-		...c
+		...u
 	};
 }
-var u = {
+var f = {
 	vertical: !1,
 	stroke: t,
-	strokeOpacity: r.gridOpacity,
-	strokeDasharray: r.gridDash
-}, d = {
+	strokeOpacity: a.gridOpacity,
+	strokeDasharray: a.gridDash
+}, p = {
 	horizontal: [
 		0,
 		4,
@@ -58,60 +60,72 @@ var u = {
 		0,
 		0
 	]
-}, f = { isAnimationActive: !1 }, p = {
+}, m = { isAnimationActive: !1 }, h = {
 	stroke: t,
 	strokeOpacity: .35,
 	strokeWidth: 1
-}, m = {
+}, g = {
 	fill: n("foreground", .06),
 	stroke: "none"
 };
-function h() {
+function _() {
 	return {
-		background: "hsl(var(--basalt-popover))",
-		border: "1px solid hsl(var(--basalt-border))",
-		borderRadius: "8px",
-		fontSize: i("tooltipBody"),
-		color: "hsl(var(--basalt-foreground))"
+		background: "transparent",
+		border: "none",
+		borderRadius: "0",
+		boxShadow: "none",
+		fontSize: o("tooltipBody"),
+		color: "hsl(var(--basalt-foreground))",
+		padding: "0"
 	};
 }
-function g(e) {
+function v(e) {
 	return {
 		isAnimationActive: !1,
 		animationDuration: 0,
 		offset: 12,
-		cursor: e?.cursor === !1 ? !1 : e?.cursor === "line" ? p : m,
+		allowEscapeViewBox: {
+			x: !1,
+			y: !1
+		},
+		cursor: e?.cursor === !1 ? !1 : e?.cursor === "line" ? h : g,
 		wrapperStyle: {
 			outline: "none",
 			zIndex: 40,
-			pointerEvents: "none"
-		},
-		contentStyle: h(),
-		labelStyle: {
-			fontSize: i("tooltipTitle"),
-			color: "hsl(var(--basalt-foreground))"
+			pointerEvents: "none",
+			transition: "none",
+			animation: "none"
 		},
-		itemStyle: a("tooltipBody"),
-		formatter: e?.formatter ? (t) => e.formatter?.(Number(t)) : void 0
+		contentStyle: _(),
+		content: ((t) => i(r, {
+			active: t.active,
+			payload: t.payload,
+			label: t.label,
+			formatter: e?.formatter
+		}))
 	};
 }
-function _() {
-	return {
-		wrapperStyle: {
-			fontSize: i("legend"),
-			color: t
-		},
-		iconSize: 8
-	};
+function y(t, n) {
+	return t?.color ?? e[n % e.length];
 }
-var v = {
+var b = {
 	width: "100%",
 	height: "100%",
 	minWidth: 0,
 	minHeight: 0,
 	debounce: 150
+}, x = {
+	top: 4,
+	right: 4,
+	bottom: 0,
+	left: 0
+}, S = {
+	top: 2,
+	right: 2,
+	bottom: 2,
+	left: 2
 };
 //#endregion
-export { f as ANIMATION_PROPS, c as AXIS_CONFIG, d as BAR_RADIUS, m as CHART_TOOLTIP_CURSOR_BAR, p as CHART_TOOLTIP_CURSOR_LINE, r as CHART_TYPE, u as GRID_PROPS, v as RESPONSIVE_CONTAINER_PROPS, l as cartesianAxisProps, i as chartFontSize, _ as chartLegendProps, a as chartTextStyle, o as chartTickStyle, h as chartTooltipContentStyle, g as chartTooltipProps, s as getChartColor };
+export { m as ANIMATION_PROPS, u as AXIS_CONFIG, p as BAR_RADIUS, x as CHART_PLOT_MARGIN, S as CHART_PLOT_MARGIN_BARE, g as CHART_TOOLTIP_CURSOR_BAR, h as CHART_TOOLTIP_CURSOR_LINE, a as CHART_TYPE, f as GRID_PROPS, b as RESPONSIVE_CONTAINER_PROPS, d as cartesianAxisProps, o as chartFontSize, s as chartTextStyle, c as chartTickStyle, _ as chartTooltipContentStyle, v as chartTooltipProps, l as getChartColor, y as seriesColor };
 
 //# sourceMappingURL=config.js.map