tempest-react-sdk 0.23.0 → 0.25.0

package/dist/charts/PieChart.js

@@ -1,39 +1,36 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import { PieChart as C, Tooltip as R, Legend as P, Pie as T, Cell as v, ResponsiveContainer as L } from "recharts";
-import { cn as $ } from "../utils/cn.js";
-import { DEFAULT_CHART_COLORS as g } from "./palette.js";
-import { toTooltipFormatter as j } from "./types.js";
-function O({
-  data: e,
-  category: m,
-  index: t,
-  colors: i = g,
-  height: o = 300,
-  width: n,
-  donut: s = !1,
-  showLegend: p = !0,
-  showTooltip: f = !0,
-  valueFormatter: u,
-  className: c
-}) {
-  const l = /* @__PURE__ */ h(C, { width: n, height: o, children: [
-    f ? /* @__PURE__ */ r(R, { formatter: j(u) }) : null,
-    p ? /* @__PURE__ */ r(P, {}) : null,
-    /* @__PURE__ */ r(
-      T,
-      {
-        data: e,
-        dataKey: m,
-        nameKey: t,
-        innerRadius: s ? "60%" : 0,
-        outerRadius: "80%",
-        children: e.map((d, a) => /* @__PURE__ */ r(v, { fill: i[a % i.length] }, `${String(d[t])}-${a}`))
-      }
-    )
-  ] });
-  return /* @__PURE__ */ r("div", { className: $(c), children: n !== void 0 ? l : /* @__PURE__ */ r(L, { width: "100%", height: o, children: l }) });
+import { cn as e } from "../utils/cn.js";
+import { useChartColors as t } from "./use-chart-colors.js";
+import { toTooltipFormatter as n } from "./types.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Cell as a, Legend as o, Pie as s, PieChart as c, ResponsiveContainer as l, Tooltip as u } from "recharts";
+//#region src/charts/PieChart.tsx
+function d({ data: d, category: f, index: p, colors: m, height: h = 300, width: g, donut: _ = !1, showLegend: v = !0, showTooltip: y = !0, valueFormatter: b, className: x }) {
+	let S = t(m), C = /* @__PURE__ */ i(c, {
+		width: g,
+		height: h,
+		children: [
+			y ? /* @__PURE__ */ r(u, { formatter: n(b) }) : null,
+			v ? /* @__PURE__ */ r(o, {}) : null,
+			/* @__PURE__ */ r(s, {
+				data: d,
+				dataKey: f,
+				nameKey: p,
+				innerRadius: _ ? "60%" : 0,
+				outerRadius: "80%",
+				children: d.map((e, t) => /* @__PURE__ */ r(a, { fill: S[t % S.length] }, `${String(e[p])}-${t}`))
+			})
+		]
+	});
+	return /* @__PURE__ */ r("div", {
+		className: e(x),
+		children: g === void 0 ? /* @__PURE__ */ r(l, {
+			width: "100%",
+			height: h,
+			children: C
+		}) : C
+	});
 }
-export {
-  O as PieChart
-};
-//# sourceMappingURL=PieChart.js.map
+//#endregion
+export { d as PieChart };
+
+//# sourceMappingURL=PieChart.js.map

package/dist/charts/PieChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"PieChart.js","sources":["../../src/charts/PieChart.tsx"],"sourcesContent":["import { Cell, Legend, Pie, PieChart as RPieChart, ResponsiveContainer, Tooltip } from \"recharts\";\nimport { cn } from \"@/utils/cn\";\nimport { DEFAULT_CHART_COLORS } from \"./palette\";\nimport { toTooltipFormatter } from \"./types\";\nimport type { PieChartProps } from \"./types\";\n\n/**\n * PieChart — themed wrapper over recharts `PieChart`.\n *\n * Renders one slice per row, reading the numeric value from `category` and the\n * label from `index`. Each slice is colored from `colors` (cycling\n * {@link DEFAULT_CHART_COLORS} by default). When `donut` is set the pie gets a\n * non-zero inner radius. When `width` is provided the chart renders at that\n * fixed size without a ResponsiveContainer; otherwise it fills its parent.\n */\nexport function PieChart({\n    data,\n    category,\n    index,\n    colors = DEFAULT_CHART_COLORS,\n    height = 300,\n    width,\n    donut = false,\n    showLegend = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: PieChartProps) {\n    const chart = (\n        <RPieChart width={width} height={height}>\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            <Pie\n                data={data}\n                dataKey={category}\n                nameKey={index}\n                innerRadius={donut ? \"60%\" : 0}\n                outerRadius=\"80%\"\n            >\n                {data.map((row, i) => (\n                    <Cell key={`${String(row[index])}-${i}`} fill={colors[i % colors.length]} />\n                ))}\n            </Pie>\n        </RPieChart>\n    );\n\n    return (\n        <div className={cn(className)}>\n            {width !== undefined ? (\n                chart\n            ) : (\n                <ResponsiveContainer width=\"100%\" height={height}>\n                    {chart}\n                </ResponsiveContainer>\n            )}\n        </div>\n    );\n}\n"],"names":["PieChart","data","category","index","colors","DEFAULT_CHART_COLORS","height","width","donut","showLegend","showTooltip","valueFormatter","className","chart","jsxs","RPieChart","Tooltip","toTooltipFormatter","jsx","Legend","Pie","row","i","Cell","cn","ResponsiveContainer"],"mappings":";;;;;AAeO,SAASA,EAAS;AAAA,EACrB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAASC;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,WAAAC;AACJ,GAAkB;AACd,QAAMC,IACF,gBAAAC,EAACC,GAAA,EAAU,OAAAR,GAAc,QAAAD,GACpB,UAAA;AAAA,IAAAI,sBAAeM,GAAA,EAAQ,WAAWC,EAAmBN,CAAc,GAAG,IAAK;AAAA,IAC3EF,IAAa,gBAAAS,EAACC,GAAA,CAAA,CAAO,IAAK;AAAA,IAC3B,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,MAAAnB;AAAA,QACA,SAASC;AAAA,QACT,SAASC;AAAA,QACT,aAAaK,IAAQ,QAAQ;AAAA,QAC7B,aAAY;AAAA,QAEX,UAAAP,EAAK,IAAI,CAACoB,GAAKC,MACZ,gBAAAJ,EAACK,GAAA,EAAwC,MAAMnB,EAAOkB,IAAIlB,EAAO,MAAM,EAAA,GAA5D,GAAG,OAAOiB,EAAIlB,CAAK,CAAC,CAAC,IAAImB,CAAC,EAAqC,CAC7E;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAGJ,SACI,gBAAAJ,EAAC,OAAA,EAAI,WAAWM,EAAGZ,CAAS,GACvB,UAAAL,MAAU,SACPM,sBAECY,GAAA,EAAoB,OAAM,QAAO,QAAAnB,GAC7B,aACL,GAER;AAER;"}
+{"version":3,"file":"PieChart.js","names":[],"sources":["../../src/charts/PieChart.tsx"],"sourcesContent":["import { Cell, Legend, Pie, PieChart as RPieChart, ResponsiveContainer, Tooltip } from \"recharts\";\nimport { cn } from \"@/utils/cn\";\nimport { useChartColors } from \"./use-chart-colors\";\nimport { toTooltipFormatter } from \"./types\";\nimport type { PieChartProps } from \"./types\";\n\n/**\n * PieChart — themed wrapper over recharts `PieChart`.\n *\n * Renders one slice per row, reading the numeric value from `category` and the\n * label from `index`. Each slice is colored from `colors` (cycling\n * the `--tempest-chart-*` theme tokens by default). When `donut` is set the pie gets a\n * non-zero inner radius. When `width` is provided the chart renders at that\n * fixed size without a ResponsiveContainer; otherwise it fills its parent.\n */\nexport function PieChart({\n    data,\n    category,\n    index,\n    colors,\n    height = 300,\n    width,\n    donut = false,\n    showLegend = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: PieChartProps) {\n    const palette = useChartColors(colors);\n    const chart = (\n        <RPieChart width={width} height={height}>\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            <Pie\n                data={data}\n                dataKey={category}\n                nameKey={index}\n                innerRadius={donut ? \"60%\" : 0}\n                outerRadius=\"80%\"\n            >\n                {data.map((row, i) => (\n                    <Cell key={`${String(row[index])}-${i}`} fill={palette[i % palette.length]} />\n                ))}\n            </Pie>\n        </RPieChart>\n    );\n\n    return (\n        <div className={cn(className)}>\n            {width !== undefined ? (\n                chart\n            ) : (\n                <ResponsiveContainer width=\"100%\" height={height}>\n                    {chart}\n                </ResponsiveContainer>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;;AAeA,SAAgB,EAAS,EACrB,SACA,aACA,UACA,WACA,YAAS,KACT,UACA,WAAQ,IACR,gBAAa,IACb,iBAAc,IACd,mBACA,gBACc;CACd,IAAM,IAAU,EAAe,CAAM,GAC/B,IACF,kBAAC,GAAD;EAAkB;EAAe;YAAjC;GACK,IAAc,kBAAC,GAAD,EAAS,WAAW,EAAmB,CAAc,EAAI,CAAA,IAAI;GAC3E,IAAa,kBAAC,GAAD,CAAS,CAAA,IAAI;GAC3B,kBAAC,GAAD;IACU;IACN,SAAS;IACT,SAAS;IACT,aAAa,IAAQ,QAAQ;IAC7B,aAAY;cAEX,EAAK,KAAK,GAAK,MACZ,kBAAC,GAAD,EAAyC,MAAM,EAAQ,IAAI,EAAQ,QAAU,GAAlE,GAAG,OAAO,EAAI,EAAM,EAAE,GAAG,GAAyC,CAChF;GACA,CAAA;EACE;;CAGf,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,CAAS;YACvB,MAAU,KAAA,IAGP,kBAAC,GAAD;GAAqB,OAAM;GAAe;aACrC;EACgB,CAAA,IAJrB;CAMH,CAAA;AAEb"}

package/dist/charts/RadarChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("recharts"),h=require("../utils/cn.cjs"),m=require("./palette.cjs"),C=require("./types.cjs");function f({data:l,index:c,categories:u,colors:t=m.DEFAULT_CHART_COLORS,height:a=300,width:s,showLegend:d=!0,showTooltip:x=!0,valueFormatter:j,className:R}){const n=r.jsxs(e.RadarChart,{data:l,width:s,height:a,children:[r.jsx(e.PolarGrid,{}),r.jsx(e.PolarAngleAxis,{dataKey:c}),r.jsx(e.PolarRadiusAxis,{}),x?r.jsx(e.Tooltip,{formatter:C.toTooltipFormatter(j)}):null,d?r.jsx(e.Legend,{}):null,u.map((i,p)=>{const o=t[p%t.length];return r.jsx(e.Radar,{dataKey:i,stroke:o,fill:o,fillOpacity:.3},i)})]});return r.jsx("div",{className:h.cn(R),children:s!==void 0?n:r.jsx(e.ResponsiveContainer,{width:"100%",height:a,children:n})})}exports.RadarChart=f;
-//# sourceMappingURL=RadarChart.cjs.map
+const e=require("../utils/cn.cjs"),t=require("./use-chart-colors.cjs"),n=require("./types.cjs");let r=require("react/jsx-runtime"),i=require("recharts");function a({data:a,index:o,categories:s,colors:c,height:l=300,width:u,showLegend:d=!0,showTooltip:f=!0,valueFormatter:p,className:m}){let h=t.useChartColors(c),g=(0,r.jsxs)(i.RadarChart,{data:a,width:u,height:l,children:[(0,r.jsx)(i.PolarGrid,{}),(0,r.jsx)(i.PolarAngleAxis,{dataKey:o}),(0,r.jsx)(i.PolarRadiusAxis,{}),f?(0,r.jsx)(i.Tooltip,{formatter:n.toTooltipFormatter(p)}):null,d?(0,r.jsx)(i.Legend,{}):null,s.map((e,t)=>{let n=h[t%h.length];return(0,r.jsx)(i.Radar,{dataKey:e,stroke:n,fill:n,fillOpacity:.3},e)})]});return(0,r.jsx)(`div`,{className:e.cn(m),children:u===void 0?(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:l,children:g}):g})}exports.RadarChart=a;
+//# sourceMappingURL=RadarChart.cjs.map

package/dist/charts/RadarChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadarChart.cjs","sources":["../../src/charts/RadarChart.tsx"],"sourcesContent":["import {\n    Legend,\n    PolarAngleAxis,\n    PolarGrid,\n    PolarRadiusAxis,\n    RadarChart as RRadarChart,\n    Radar,\n    ResponsiveContainer,\n    Tooltip,\n} from \"recharts\";\nimport { cn } from \"@/utils/cn\";\nimport { DEFAULT_CHART_COLORS } from \"./palette\";\nimport { toTooltipFormatter } from \"./types\";\nimport type { CartesianChartProps } from \"./types\";\n\n/**\n * RadarChart — themed wrapper over recharts `RadarChart`.\n *\n * Plots one radar polygon per entry in `categories`, colored from `colors`\n * (cycling {@link DEFAULT_CHART_COLORS} by default). `index` drives the angle\n * axis. When `width` is provided the chart renders at that fixed size without a\n * ResponsiveContainer; otherwise it fills its parent.\n */\nexport function RadarChart({\n    data,\n    index,\n    categories,\n    colors = DEFAULT_CHART_COLORS,\n    height = 300,\n    width,\n    showLegend = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const chart = (\n        <RRadarChart data={data} width={width} height={height}>\n            <PolarGrid />\n            <PolarAngleAxis dataKey={index} />\n            <PolarRadiusAxis />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => {\n                const color = colors[i % colors.length];\n                return (\n                    <Radar\n                        key={category}\n                        dataKey={category}\n                        stroke={color}\n                        fill={color}\n                        fillOpacity={0.3}\n                    />\n                );\n            })}\n        </RRadarChart>\n    );\n\n    return (\n        <div className={cn(className)}>\n            {width !== undefined ? (\n                chart\n            ) : (\n                <ResponsiveContainer width=\"100%\" height={height}>\n                    {chart}\n                </ResponsiveContainer>\n            )}\n        </div>\n    );\n}\n"],"names":["RadarChart","data","index","categories","colors","DEFAULT_CHART_COLORS","height","width","showLegend","showTooltip","valueFormatter","className","chart","jsxs","RRadarChart","jsx","PolarGrid","PolarAngleAxis","PolarRadiusAxis","Tooltip","toTooltipFormatter","Legend","category","i","color","Radar","cn","ResponsiveContainer"],"mappings":"4NAuBO,SAASA,EAAW,CACvB,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,OAAAC,EAASC,EAAAA,qBACT,OAAAC,EAAS,IACT,MAAAC,EACA,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,eAAAC,EACA,UAAAC,CACJ,EAAwB,CACpB,MAAMC,EACFC,EAAAA,KAACC,EAAAA,WAAA,CAAY,KAAAb,EAAY,MAAAM,EAAc,OAAAD,EACnC,SAAA,CAAAS,EAAAA,IAACC,EAAAA,UAAA,EAAU,EACXD,EAAAA,IAACE,EAAAA,eAAA,CAAe,QAASf,CAAA,CAAO,QAC/BgB,EAAAA,gBAAA,EAAgB,EAChBT,EAAcM,EAAAA,IAACI,EAAAA,QAAA,CAAQ,UAAWC,EAAAA,mBAAmBV,CAAc,EAAG,EAAK,KAC3EF,EAAaO,EAAAA,IAACM,SAAA,CAAA,CAAO,EAAK,KAC1BlB,EAAW,IAAI,CAACmB,EAAUC,IAAM,CAC7B,MAAMC,EAAQpB,EAAOmB,EAAInB,EAAO,MAAM,EACtC,OACIW,EAAAA,IAACU,EAAAA,MAAA,CAEG,QAASH,EACT,OAAQE,EACR,KAAMA,EACN,YAAa,EAAA,EAJRF,CAAA,CAOjB,CAAC,CAAA,EACL,EAGJ,OACIP,EAAAA,IAAC,MAAA,CAAI,UAAWW,EAAAA,GAAGf,CAAS,EACvB,SAAAJ,IAAU,OACPK,QAECe,EAAAA,oBAAA,CAAoB,MAAM,OAAO,OAAArB,EAC7B,WACL,EAER,CAER"}
+{"version":3,"file":"RadarChart.cjs","names":[],"sources":["../../src/charts/RadarChart.tsx"],"sourcesContent":["import {\n    Legend,\n    PolarAngleAxis,\n    PolarGrid,\n    PolarRadiusAxis,\n    RadarChart as RRadarChart,\n    Radar,\n    ResponsiveContainer,\n    Tooltip,\n} from \"recharts\";\nimport { cn } from \"@/utils/cn\";\nimport { useChartColors } from \"./use-chart-colors\";\nimport { toTooltipFormatter } from \"./types\";\nimport type { CartesianChartProps } from \"./types\";\n\n/**\n * RadarChart — themed wrapper over recharts `RadarChart`.\n *\n * Plots one radar polygon per entry in `categories`, colored from `colors`\n * (cycling the `--tempest-chart-*` theme tokens by default). `index` drives the angle\n * axis. When `width` is provided the chart renders at that fixed size without a\n * ResponsiveContainer; otherwise it fills its parent.\n */\nexport function RadarChart({\n    data,\n    index,\n    categories,\n    colors,\n    height = 300,\n    width,\n    showLegend = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const palette = useChartColors(colors);\n    const chart = (\n        <RRadarChart data={data} width={width} height={height}>\n            <PolarGrid />\n            <PolarAngleAxis dataKey={index} />\n            <PolarRadiusAxis />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => {\n                const color = palette[i % palette.length];\n                return (\n                    <Radar\n                        key={category}\n                        dataKey={category}\n                        stroke={color}\n                        fill={color}\n                        fillOpacity={0.3}\n                    />\n                );\n            })}\n        </RRadarChart>\n    );\n\n    return (\n        <div className={cn(className)}>\n            {width !== undefined ? (\n                chart\n            ) : (\n                <ResponsiveContainer width=\"100%\" height={height}>\n                    {chart}\n                </ResponsiveContainer>\n            )}\n        </div>\n    );\n}\n"],"mappings":"yJAuBA,SAAgB,EAAW,CACvB,OACA,QACA,aACA,SACA,SAAS,IACT,QACA,aAAa,GACb,cAAc,GACd,iBACA,aACoB,CACpB,IAAM,EAAU,EAAA,eAAe,CAAM,EAC/B,GACF,EAAA,EAAA,KAAA,CAAC,EAAA,WAAD,CAAmB,OAAa,QAAe,kBAA/C,EACI,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CAAY,CAAA,GACZ,EAAA,EAAA,IAAA,CAAC,EAAA,eAAD,CAAgB,QAAS,CAAQ,CAAA,GACjC,EAAA,EAAA,IAAA,CAAC,EAAA,gBAAD,CAAkB,CAAA,EACjB,GAAc,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CAAS,UAAW,EAAA,mBAAmB,CAAc,CAAI,CAAA,EAAI,KAC3E,GAAa,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAS,CAAA,EAAI,KAC1B,EAAW,KAAK,EAAU,IAAM,CAC7B,IAAM,EAAQ,EAAQ,EAAI,EAAQ,QAClC,OACI,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CAEI,QAAS,EACT,OAAQ,EACR,KAAM,EACN,YAAa,EAChB,EALQ,CAKR,CAET,CAAC,CACQ,IAGjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,CAAS,WACvB,IAAU,IAAA,IAGP,EAAA,EAAA,IAAA,CAAC,EAAA,oBAAD,CAAqB,MAAM,OAAe,kBACrC,CACgB,CAAA,EAJrB,CAMH,CAAA,CAEb"}

package/dist/charts/RadarChart.js

@@ -1,43 +1,41 @@
-import { jsxs as R, jsx as r } from "react/jsx-runtime";
-import { RadarChart as h, PolarGrid as C, PolarAngleAxis as x, PolarRadiusAxis as A, Tooltip as T, Legend as v, Radar as L, ResponsiveContainer as O } from "recharts";
-import { cn as P } from "../utils/cn.js";
-import { DEFAULT_CHART_COLORS as j } from "./palette.js";
-import { toTooltipFormatter as y } from "./types.js";
-function D({
-  data: n,
-  index: d,
-  categories: m,
-  colors: t = j,
-  height: a = 300,
-  width: o,
-  showLegend: s = !0,
-  showTooltip: p = !0,
-  valueFormatter: c,
-  className: f
-}) {
-  const i = /* @__PURE__ */ R(h, { data: n, width: o, height: a, children: [
-    /* @__PURE__ */ r(C, {}),
-    /* @__PURE__ */ r(x, { dataKey: d }),
-    /* @__PURE__ */ r(A, {}),
-    p ? /* @__PURE__ */ r(T, { formatter: y(c) }) : null,
-    s ? /* @__PURE__ */ r(v, {}) : null,
-    m.map((e, u) => {
-      const l = t[u % t.length];
-      return /* @__PURE__ */ r(
-        L,
-        {
-          dataKey: e,
-          stroke: l,
-          fill: l,
-          fillOpacity: 0.3
-        },
-        e
-      );
-    })
-  ] });
-  return /* @__PURE__ */ r("div", { className: P(f), children: o !== void 0 ? i : /* @__PURE__ */ r(O, { width: "100%", height: a, children: i }) });
+import { cn as e } from "../utils/cn.js";
+import { useChartColors as t } from "./use-chart-colors.js";
+import { toTooltipFormatter as n } from "./types.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Legend as a, PolarAngleAxis as o, PolarGrid as s, PolarRadiusAxis as c, Radar as l, RadarChart as u, ResponsiveContainer as d, Tooltip as f } from "recharts";
+//#region src/charts/RadarChart.tsx
+function p({ data: p, index: m, categories: h, colors: g, height: _ = 300, width: v, showLegend: y = !0, showTooltip: b = !0, valueFormatter: x, className: S }) {
+	let C = t(g), w = /* @__PURE__ */ i(u, {
+		data: p,
+		width: v,
+		height: _,
+		children: [
+			/* @__PURE__ */ r(s, {}),
+			/* @__PURE__ */ r(o, { dataKey: m }),
+			/* @__PURE__ */ r(c, {}),
+			b ? /* @__PURE__ */ r(f, { formatter: n(x) }) : null,
+			y ? /* @__PURE__ */ r(a, {}) : null,
+			h.map((e, t) => {
+				let n = C[t % C.length];
+				return /* @__PURE__ */ r(l, {
+					dataKey: e,
+					stroke: n,
+					fill: n,
+					fillOpacity: .3
+				}, e);
+			})
+		]
+	});
+	return /* @__PURE__ */ r("div", {
+		className: e(S),
+		children: v === void 0 ? /* @__PURE__ */ r(d, {
+			width: "100%",
+			height: _,
+			children: w
+		}) : w
+	});
 }
-export {
-  D as RadarChart
-};
-//# sourceMappingURL=RadarChart.js.map
+//#endregion
+export { p as RadarChart };
+
+//# sourceMappingURL=RadarChart.js.map

package/dist/charts/RadarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadarChart.js","sources":["../../src/charts/RadarChart.tsx"],"sourcesContent":["import {\n    Legend,\n    PolarAngleAxis,\n    PolarGrid,\n    PolarRadiusAxis,\n    RadarChart as RRadarChart,\n    Radar,\n    ResponsiveContainer,\n    Tooltip,\n} from \"recharts\";\nimport { cn } from \"@/utils/cn\";\nimport { DEFAULT_CHART_COLORS } from \"./palette\";\nimport { toTooltipFormatter } from \"./types\";\nimport type { CartesianChartProps } from \"./types\";\n\n/**\n * RadarChart — themed wrapper over recharts `RadarChart`.\n *\n * Plots one radar polygon per entry in `categories`, colored from `colors`\n * (cycling {@link DEFAULT_CHART_COLORS} by default). `index` drives the angle\n * axis. When `width` is provided the chart renders at that fixed size without a\n * ResponsiveContainer; otherwise it fills its parent.\n */\nexport function RadarChart({\n    data,\n    index,\n    categories,\n    colors = DEFAULT_CHART_COLORS,\n    height = 300,\n    width,\n    showLegend = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const chart = (\n        <RRadarChart data={data} width={width} height={height}>\n            <PolarGrid />\n            <PolarAngleAxis dataKey={index} />\n            <PolarRadiusAxis />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => {\n                const color = colors[i % colors.length];\n                return (\n                    <Radar\n                        key={category}\n                        dataKey={category}\n                        stroke={color}\n                        fill={color}\n                        fillOpacity={0.3}\n                    />\n                );\n            })}\n        </RRadarChart>\n    );\n\n    return (\n        <div className={cn(className)}>\n            {width !== undefined ? (\n                chart\n            ) : (\n                <ResponsiveContainer width=\"100%\" height={height}>\n                    {chart}\n                </ResponsiveContainer>\n            )}\n        </div>\n    );\n}\n"],"names":["RadarChart","data","index","categories","colors","DEFAULT_CHART_COLORS","height","width","showLegend","showTooltip","valueFormatter","className","chart","jsxs","RRadarChart","jsx","PolarGrid","PolarAngleAxis","PolarRadiusAxis","Tooltip","toTooltipFormatter","Legend","category","i","color","Radar","cn","ResponsiveContainer"],"mappings":";;;;;AAuBO,SAASA,EAAW;AAAA,EACvB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAASC;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,WAAAC;AACJ,GAAwB;AACpB,QAAMC,IACF,gBAAAC,EAACC,GAAA,EAAY,MAAAb,GAAY,OAAAM,GAAc,QAAAD,GACnC,UAAA;AAAA,IAAA,gBAAAS,EAACC,GAAA,EAAU;AAAA,IACX,gBAAAD,EAACE,GAAA,EAAe,SAASf,EAAA,CAAO;AAAA,sBAC/BgB,GAAA,EAAgB;AAAA,IAChBT,IAAc,gBAAAM,EAACI,GAAA,EAAQ,WAAWC,EAAmBV,CAAc,GAAG,IAAK;AAAA,IAC3EF,IAAa,gBAAAO,EAACM,GAAA,CAAA,CAAO,IAAK;AAAA,IAC1BlB,EAAW,IAAI,CAACmB,GAAUC,MAAM;AAC7B,YAAMC,IAAQpB,EAAOmB,IAAInB,EAAO,MAAM;AACtC,aACI,gBAAAW;AAAA,QAACU;AAAA,QAAA;AAAA,UAEG,SAASH;AAAA,UACT,QAAQE;AAAA,UACR,MAAMA;AAAA,UACN,aAAa;AAAA,QAAA;AAAA,QAJRF;AAAA,MAAA;AAAA,IAOjB,CAAC;AAAA,EAAA,GACL;AAGJ,SACI,gBAAAP,EAAC,OAAA,EAAI,WAAWW,EAAGf,CAAS,GACvB,UAAAJ,MAAU,SACPK,sBAECe,GAAA,EAAoB,OAAM,QAAO,QAAArB,GAC7B,aACL,GAER;AAER;"}
+{"version":3,"file":"RadarChart.js","names":[],"sources":["../../src/charts/RadarChart.tsx"],"sourcesContent":["import {\n    Legend,\n    PolarAngleAxis,\n    PolarGrid,\n    PolarRadiusAxis,\n    RadarChart as RRadarChart,\n    Radar,\n    ResponsiveContainer,\n    Tooltip,\n} from \"recharts\";\nimport { cn } from \"@/utils/cn\";\nimport { useChartColors } from \"./use-chart-colors\";\nimport { toTooltipFormatter } from \"./types\";\nimport type { CartesianChartProps } from \"./types\";\n\n/**\n * RadarChart — themed wrapper over recharts `RadarChart`.\n *\n * Plots one radar polygon per entry in `categories`, colored from `colors`\n * (cycling the `--tempest-chart-*` theme tokens by default). `index` drives the angle\n * axis. When `width` is provided the chart renders at that fixed size without a\n * ResponsiveContainer; otherwise it fills its parent.\n */\nexport function RadarChart({\n    data,\n    index,\n    categories,\n    colors,\n    height = 300,\n    width,\n    showLegend = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const palette = useChartColors(colors);\n    const chart = (\n        <RRadarChart data={data} width={width} height={height}>\n            <PolarGrid />\n            <PolarAngleAxis dataKey={index} />\n            <PolarRadiusAxis />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => {\n                const color = palette[i % palette.length];\n                return (\n                    <Radar\n                        key={category}\n                        dataKey={category}\n                        stroke={color}\n                        fill={color}\n                        fillOpacity={0.3}\n                    />\n                );\n            })}\n        </RRadarChart>\n    );\n\n    return (\n        <div className={cn(className)}>\n            {width !== undefined ? (\n                chart\n            ) : (\n                <ResponsiveContainer width=\"100%\" height={height}>\n                    {chart}\n                </ResponsiveContainer>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,EAAW,EACvB,SACA,UACA,eACA,WACA,YAAS,KACT,UACA,gBAAa,IACb,iBAAc,IACd,mBACA,gBACoB;CACpB,IAAM,IAAU,EAAe,CAAM,GAC/B,IACF,kBAAC,GAAD;EAAmB;EAAa;EAAe;YAA/C;GACI,kBAAC,GAAD,CAAY,CAAA;GACZ,kBAAC,GAAD,EAAgB,SAAS,EAAQ,CAAA;GACjC,kBAAC,GAAD,CAAkB,CAAA;GACjB,IAAc,kBAAC,GAAD,EAAS,WAAW,EAAmB,CAAc,EAAI,CAAA,IAAI;GAC3E,IAAa,kBAAC,GAAD,CAAS,CAAA,IAAI;GAC1B,EAAW,KAAK,GAAU,MAAM;IAC7B,IAAM,IAAQ,EAAQ,IAAI,EAAQ;IAClC,OACI,kBAAC,GAAD;KAEI,SAAS;KACT,QAAQ;KACR,MAAM;KACN,aAAa;IAChB,GALQ,CAKR;GAET,CAAC;EACQ;;CAGjB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,CAAS;YACvB,MAAU,KAAA,IAGP,kBAAC,GAAD;GAAqB,OAAM;GAAe;aACrC;EACgB,CAAA,IAJrB;CAMH,CAAA;AAEb"}

package/dist/charts/palette.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["#2563eb","#16a34a","#f59e0b","#7c3aed","#ec4899","#06b6d4"];exports.DEFAULT_CHART_COLORS=e;
-//# sourceMappingURL=palette.cjs.map
+var e=[`#2563eb`,`#16a34a`,`#f59e0b`,`#7c3aed`,`#ec4899`,`#06b6d4`],t=8;function n(t){if(typeof window>`u`||typeof document>`u`)return e;let n=t??document.documentElement;if(!n)return e;let r=window.getComputedStyle(n),i=[];for(let e=1;e<=8;e+=1){let t=r.getPropertyValue(`--tempest-chart-${e}`).trim();if(!t)break;i.push(t)}return i.length>0?i:e}function r(e,t,n=e===`grid`?`#e4e7ec`:`#667085`){if(typeof window>`u`||typeof document>`u`)return n;let r=t??document.documentElement;return r&&window.getComputedStyle(r).getPropertyValue(`--tempest-chart-${e}`).trim()||n}exports.CHART_COLOR_TOKEN_COUNT=t,exports.DEFAULT_CHART_COLORS=e,exports.resolveChartChrome=r,exports.resolveChartColors=n;
+//# sourceMappingURL=palette.cjs.map

package/dist/charts/palette.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"palette.cjs","sources":["../../src/charts/palette.ts"],"sourcesContent":["/**\n * Default color palette for Tempest charts.\n *\n * A set of six visually distinct hex colors (blue, green, amber, violet, pink,\n * cyan) used to color chart series in cycle order. Exported so callers can\n * import and theme their own charts, or pass a custom `colors` array to any\n * chart component to override it.\n */\nexport const DEFAULT_CHART_COLORS: string[] = [\n    \"#2563eb\", // blue\n    \"#16a34a\", // green\n    \"#f59e0b\", // amber\n    \"#7c3aed\", // violet\n    \"#ec4899\", // pink\n    \"#06b6d4\", // cyan\n];\n"],"names":["DEFAULT_CHART_COLORS"],"mappings":"gFAQO,MAAMA,EAAiC,CAC1C,UACA,UACA,UACA,UACA,UACA,SACJ"}
+{"version":3,"file":"palette.cjs","names":[],"sources":["../../src/charts/palette.ts"],"sourcesContent":["/**\n * Series colors for Tempest charts, resolved from the theme tokens.\n *\n * Recharts sets colors as SVG presentation attributes (`fill=\"…\"`), where\n * `var(--token)` is **not** substituted — browsers only resolve custom properties\n * in CSS declarations. So the tokens are read from the computed style and handed\n * over as literal colors, which is what keeps a re-theme (and dark mode)\n * reflected in the charts.\n */\n\n/**\n * Fallback palette: six visually distinct hex colors (blue, green, amber,\n * violet, pink, cyan) in cycle order.\n *\n * Used when the `--tempest-chart-*` tokens cannot be read — no stylesheet\n * imported, a non-browser environment (tests, build scripts), or a host page that\n * dropped the tokens. Exported so callers can start from it and pass a tweaked\n * array to any chart's `colors` prop.\n */\nexport const DEFAULT_CHART_COLORS: string[] = [\n    \"#2563eb\", // blue\n    \"#16a34a\", // green\n    \"#f59e0b\", // amber\n    \"#7c3aed\", // violet\n    \"#ec4899\", // pink\n    \"#06b6d4\", // cyan\n];\n\n/** How many `--tempest-chart-N` tokens the SDK ships. */\nexport const CHART_COLOR_TOKEN_COUNT = 8;\n\n/**\n * Read `--tempest-chart-1` … `--tempest-chart-8` into a color array.\n *\n * Stops at the first unset token, so an app that overrides only four series gets\n * exactly those four cycled instead of a half-themed tail. Returns\n * {@link DEFAULT_CHART_COLORS} when nothing is resolvable.\n *\n * @param element - Element to resolve the tokens against. Default `<html>`; pass\n *   a subtree root when a section carries a scoped theme.\n * @returns Literal color strings in cycle order.\n */\nexport function resolveChartColors(element?: Element | null): string[] {\n    if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n        return DEFAULT_CHART_COLORS;\n    }\n\n    const target = element ?? document.documentElement;\n    if (!target) return DEFAULT_CHART_COLORS;\n\n    const styles = window.getComputedStyle(target);\n    const resolved: string[] = [];\n\n    for (let index = 1; index <= CHART_COLOR_TOKEN_COUNT; index += 1) {\n        const value = styles.getPropertyValue(`--tempest-chart-${index}`).trim();\n        if (!value) break;\n        resolved.push(value);\n    }\n\n    return resolved.length > 0 ? resolved : DEFAULT_CHART_COLORS;\n}\n\n/**\n * Read one piece of chart chrome (`--tempest-chart-grid` / `--tempest-chart-axis`).\n *\n * @param part - Which chrome token to read.\n * @param element - Element to resolve against. Default `<html>`.\n * @param fallback - Value returned when the token is unset.\n * @returns The resolved color, or `fallback`.\n */\nexport function resolveChartChrome(\n    part: \"grid\" | \"axis\",\n    element?: Element | null,\n    fallback = part === \"grid\" ? \"#e4e7ec\" : \"#667085\",\n): string {\n    if (typeof window === \"undefined\" || typeof document === \"undefined\") return fallback;\n    const target = element ?? document.documentElement;\n    if (!target) return fallback;\n    const value = window\n        .getComputedStyle(target)\n        .getPropertyValue(`--tempest-chart-${part}`)\n        .trim();\n    return value || fallback;\n}\n"],"mappings":"AAmBA,IAAa,EAAiC,CAC1C,UACA,UACA,UACA,UACA,UACA,SACJ,EAGa,EAA0B,EAavC,SAAgB,EAAmB,EAAoC,CACnE,GAAI,OAAO,OAAW,KAAe,OAAO,SAAa,IACrD,OAAO,EAGX,IAAM,EAAS,GAAW,SAAS,gBACnC,GAAI,CAAC,EAAQ,OAAO,EAEpB,IAAM,EAAS,OAAO,iBAAiB,CAAM,EACvC,EAAqB,CAAC,EAE5B,IAAK,IAAI,EAAQ,EAAG,GAAA,EAAkC,GAAS,EAAG,CAC9D,IAAM,EAAQ,EAAO,iBAAiB,mBAAmB,GAAO,CAAC,CAAC,KAAK,EACvE,GAAI,CAAC,EAAO,MACZ,EAAS,KAAK,CAAK,CACvB,CAEA,OAAO,EAAS,OAAS,EAAI,EAAW,CAC5C,CAUA,SAAgB,EACZ,EACA,EACA,EAAW,IAAS,OAAS,UAAY,UACnC,CACN,GAAI,OAAO,OAAW,KAAe,OAAO,SAAa,IAAa,OAAO,EAC7E,IAAM,EAAS,GAAW,SAAS,gBAMnC,OALK,GACS,OACT,iBAAiB,CAAM,CAAC,CACxB,iBAAiB,mBAAmB,GAAM,CAAC,CAC3C,KACE,GALa,CAMxB"}

package/dist/charts/palette.js

@@ -1,18 +1,30 @@
-const e = [
-  "#2563eb",
-  // blue
-  "#16a34a",
-  // green
-  "#f59e0b",
-  // amber
-  "#7c3aed",
-  // violet
-  "#ec4899",
-  // pink
-  "#06b6d4"
-  // cyan
-];
-export {
-  e as DEFAULT_CHART_COLORS
-};
-//# sourceMappingURL=palette.js.map
+//#region src/charts/palette.ts
+var e = [
+	"#2563eb",
+	"#16a34a",
+	"#f59e0b",
+	"#7c3aed",
+	"#ec4899",
+	"#06b6d4"
+], t = 8;
+function n(t) {
+	if (typeof window > "u" || typeof document > "u") return e;
+	let n = t ?? document.documentElement;
+	if (!n) return e;
+	let r = window.getComputedStyle(n), i = [];
+	for (let e = 1; e <= 8; e += 1) {
+		let t = r.getPropertyValue(`--tempest-chart-${e}`).trim();
+		if (!t) break;
+		i.push(t);
+	}
+	return i.length > 0 ? i : e;
+}
+function r(e, t, n = e === "grid" ? "#e4e7ec" : "#667085") {
+	if (typeof window > "u" || typeof document > "u") return n;
+	let r = t ?? document.documentElement;
+	return r && window.getComputedStyle(r).getPropertyValue(`--tempest-chart-${e}`).trim() || n;
+}
+//#endregion
+export { t as CHART_COLOR_TOKEN_COUNT, e as DEFAULT_CHART_COLORS, r as resolveChartChrome, n as resolveChartColors };
+
+//# sourceMappingURL=palette.js.map

package/dist/charts/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sources":["../../src/charts/palette.ts"],"sourcesContent":["/**\n * Default color palette for Tempest charts.\n *\n * A set of six visually distinct hex colors (blue, green, amber, violet, pink,\n * cyan) used to color chart series in cycle order. Exported so callers can\n * import and theme their own charts, or pass a custom `colors` array to any\n * chart component to override it.\n */\nexport const DEFAULT_CHART_COLORS: string[] = [\n    \"#2563eb\", // blue\n    \"#16a34a\", // green\n    \"#f59e0b\", // amber\n    \"#7c3aed\", // violet\n    \"#ec4899\", // pink\n    \"#06b6d4\", // cyan\n];\n"],"names":["DEFAULT_CHART_COLORS"],"mappings":"AAQO,MAAMA,IAAiC;AAAA,EAC1C;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACJ;"}
+{"version":3,"file":"palette.js","names":[],"sources":["../../src/charts/palette.ts"],"sourcesContent":["/**\n * Series colors for Tempest charts, resolved from the theme tokens.\n *\n * Recharts sets colors as SVG presentation attributes (`fill=\"…\"`), where\n * `var(--token)` is **not** substituted — browsers only resolve custom properties\n * in CSS declarations. So the tokens are read from the computed style and handed\n * over as literal colors, which is what keeps a re-theme (and dark mode)\n * reflected in the charts.\n */\n\n/**\n * Fallback palette: six visually distinct hex colors (blue, green, amber,\n * violet, pink, cyan) in cycle order.\n *\n * Used when the `--tempest-chart-*` tokens cannot be read — no stylesheet\n * imported, a non-browser environment (tests, build scripts), or a host page that\n * dropped the tokens. Exported so callers can start from it and pass a tweaked\n * array to any chart's `colors` prop.\n */\nexport const DEFAULT_CHART_COLORS: string[] = [\n    \"#2563eb\", // blue\n    \"#16a34a\", // green\n    \"#f59e0b\", // amber\n    \"#7c3aed\", // violet\n    \"#ec4899\", // pink\n    \"#06b6d4\", // cyan\n];\n\n/** How many `--tempest-chart-N` tokens the SDK ships. */\nexport const CHART_COLOR_TOKEN_COUNT = 8;\n\n/**\n * Read `--tempest-chart-1` … `--tempest-chart-8` into a color array.\n *\n * Stops at the first unset token, so an app that overrides only four series gets\n * exactly those four cycled instead of a half-themed tail. Returns\n * {@link DEFAULT_CHART_COLORS} when nothing is resolvable.\n *\n * @param element - Element to resolve the tokens against. Default `<html>`; pass\n *   a subtree root when a section carries a scoped theme.\n * @returns Literal color strings in cycle order.\n */\nexport function resolveChartColors(element?: Element | null): string[] {\n    if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n        return DEFAULT_CHART_COLORS;\n    }\n\n    const target = element ?? document.documentElement;\n    if (!target) return DEFAULT_CHART_COLORS;\n\n    const styles = window.getComputedStyle(target);\n    const resolved: string[] = [];\n\n    for (let index = 1; index <= CHART_COLOR_TOKEN_COUNT; index += 1) {\n        const value = styles.getPropertyValue(`--tempest-chart-${index}`).trim();\n        if (!value) break;\n        resolved.push(value);\n    }\n\n    return resolved.length > 0 ? resolved : DEFAULT_CHART_COLORS;\n}\n\n/**\n * Read one piece of chart chrome (`--tempest-chart-grid` / `--tempest-chart-axis`).\n *\n * @param part - Which chrome token to read.\n * @param element - Element to resolve against. Default `<html>`.\n * @param fallback - Value returned when the token is unset.\n * @returns The resolved color, or `fallback`.\n */\nexport function resolveChartChrome(\n    part: \"grid\" | \"axis\",\n    element?: Element | null,\n    fallback = part === \"grid\" ? \"#e4e7ec\" : \"#667085\",\n): string {\n    if (typeof window === \"undefined\" || typeof document === \"undefined\") return fallback;\n    const target = element ?? document.documentElement;\n    if (!target) return fallback;\n    const value = window\n        .getComputedStyle(target)\n        .getPropertyValue(`--tempest-chart-${part}`)\n        .trim();\n    return value || fallback;\n}\n"],"mappings":";AAmBA,IAAa,IAAiC;CAC1C;CACA;CACA;CACA;CACA;CACA;AACJ,GAGa,IAA0B;AAavC,SAAgB,EAAmB,GAAoC;CACnE,IAAI,OAAO,SAAW,OAAe,OAAO,WAAa,KACrD,OAAO;CAGX,IAAM,IAAS,KAAW,SAAS;CACnC,IAAI,CAAC,GAAQ,OAAO;CAEpB,IAAM,IAAS,OAAO,iBAAiB,CAAM,GACvC,IAAqB,CAAC;CAE5B,KAAK,IAAI,IAAQ,GAAG,KAAA,GAAkC,KAAS,GAAG;EAC9D,IAAM,IAAQ,EAAO,iBAAiB,mBAAmB,GAAO,CAAC,CAAC,KAAK;EACvE,IAAI,CAAC,GAAO;EACZ,EAAS,KAAK,CAAK;CACvB;CAEA,OAAO,EAAS,SAAS,IAAI,IAAW;AAC5C;AAUA,SAAgB,EACZ,GACA,GACA,IAAW,MAAS,SAAS,YAAY,WACnC;CACN,IAAI,OAAO,SAAW,OAAe,OAAO,WAAa,KAAa,OAAO;CAC7E,IAAM,IAAS,KAAW,SAAS;CAMnC,OALK,KACS,OACT,iBAAiB,CAAM,CAAC,CACxB,iBAAiB,mBAAmB,GAAM,CAAC,CAC3C,KACE,KALa;AAMxB"}

package/dist/charts/types.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(t){if(t)return o=>t(Number(o))}exports.toTooltipFormatter=r;
-//# sourceMappingURL=types.cjs.map
+function e(e){if(e)return t=>e(Number(t))}exports.toTooltipFormatter=e;
+//# sourceMappingURL=types.cjs.map

package/dist/charts/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../src/charts/types.ts"],"sourcesContent":["/**\n * Tabular data consumed by every chart: an array of rows, where each row maps a\n * column key to a string (label) or number (value).\n */\nexport type ChartData = Array<Record<string, string | number>>;\n\nimport type {\n    Formatter,\n    NameType,\n    ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\n\n/**\n * Recharts tooltip formatters receive a loosely-typed value. This adapts a\n * friendly `(value: number) => string` formatter into a recharts `Formatter`,\n * coercing the incoming value to a number first.\n *\n * @param valueFormatter - The user-supplied numeric formatter, if any.\n * @returns A recharts-compatible formatter, or undefined when none was given.\n */\nexport function toTooltipFormatter(\n    valueFormatter?: (value: number) => string,\n): Formatter<ValueType, NameType> | undefined {\n    if (!valueFormatter) return undefined;\n    return (value: ValueType | undefined): string => valueFormatter(Number(value));\n}\n\n/**\n * Shared props for the cartesian chart family (Area, Bar, Line) and Radar.\n *\n * Each chart plots one series per entry in `categories`, reading values from the\n * matching key on every row, and uses `index` for the category axis.\n */\nexport interface CartesianChartProps {\n    /** Rows of data to plot. */\n    data: ChartData;\n    /** Row key used for the x-axis (cartesian) or angle axis (radar). */\n    index: string;\n    /** Row keys to plot, one series each. */\n    categories: string[];\n    /** Series colors, cycled per category. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR). When omitted,\n     * the chart fills its parent via a ResponsiveContainer.\n     */\n    width?: number;\n    /** Stack all series on a shared stackId instead of grouping them. */\n    stack?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the cartesian grid. Defaults to true. */\n    showGrid?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip/axis display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n\n/**\n * Props for the {@link PieChart} component.\n */\nexport interface PieChartProps {\n    /** Rows of data to plot, one slice each. */\n    data: ChartData;\n    /** Row key holding the numeric slice value. */\n    category: string;\n    /** Row key holding the slice name/label. */\n    index: string;\n    /** Slice colors, cycled per slice. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR).\n     */\n    width?: number;\n    /** Render as a donut (non-zero inner radius) instead of a full pie. */\n    donut?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n"],"names":["toTooltipFormatter","valueFormatter","value"],"mappings":"gFAoBO,SAASA,EACZC,EAC0C,CAC1C,GAAKA,EACL,OAAQC,GAAyCD,EAAe,OAAOC,CAAK,CAAC,CACjF"}
+{"version":3,"file":"types.cjs","names":[],"sources":["../../src/charts/types.ts"],"sourcesContent":["/**\n * Tabular data consumed by every chart: an array of rows, where each row maps a\n * column key to a string (label) or number (value).\n */\nexport type ChartData = Array<Record<string, string | number>>;\n\nimport type {\n    Formatter,\n    NameType,\n    ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\n\n/**\n * Recharts tooltip formatters receive a loosely-typed value. This adapts a\n * friendly `(value: number) => string` formatter into a recharts `Formatter`,\n * coercing the incoming value to a number first.\n *\n * @param valueFormatter - The user-supplied numeric formatter, if any.\n * @returns A recharts-compatible formatter, or undefined when none was given.\n */\nexport function toTooltipFormatter(\n    valueFormatter?: (value: number) => string,\n): Formatter<ValueType, NameType> | undefined {\n    if (!valueFormatter) return undefined;\n    return (value: ValueType | undefined): string => valueFormatter(Number(value));\n}\n\n/**\n * Shared props for the cartesian chart family (Area, Bar, Line) and Radar.\n *\n * Each chart plots one series per entry in `categories`, reading values from the\n * matching key on every row, and uses `index` for the category axis.\n */\nexport interface CartesianChartProps {\n    /** Rows of data to plot. */\n    data: ChartData;\n    /** Row key used for the x-axis (cartesian) or angle axis (radar). */\n    index: string;\n    /** Row keys to plot, one series each. */\n    categories: string[];\n    /** Series colors, cycled per category. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR). When omitted,\n     * the chart fills its parent via a ResponsiveContainer.\n     */\n    width?: number;\n    /** Stack all series on a shared stackId instead of grouping them. */\n    stack?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the cartesian grid. Defaults to true. */\n    showGrid?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip/axis display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n\n/**\n * Props for the {@link PieChart} component.\n */\nexport interface PieChartProps {\n    /** Rows of data to plot, one slice each. */\n    data: ChartData;\n    /** Row key holding the numeric slice value. */\n    category: string;\n    /** Row key holding the slice name/label. */\n    index: string;\n    /** Slice colors, cycled per slice. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR).\n     */\n    width?: number;\n    /** Render as a donut (non-zero inner radius) instead of a full pie. */\n    donut?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n"],"mappings":"AAoBA,SAAgB,EACZ,EAC0C,CACrC,KACL,MAAQ,IAAyC,EAAe,OAAO,CAAK,CAAC,CACjF"}

package/dist/charts/types.js

@@ -1,8 +1,8 @@
-function t(o) {
-  if (o)
-    return (r) => o(Number(r));
+//#region src/charts/types.ts
+function e(e) {
+	if (e) return (t) => e(Number(t));
 }
-export {
-  t as toTooltipFormatter
-};
-//# sourceMappingURL=types.js.map
+//#endregion
+export { e as toTooltipFormatter };
+
+//# sourceMappingURL=types.js.map

package/dist/charts/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../src/charts/types.ts"],"sourcesContent":["/**\n * Tabular data consumed by every chart: an array of rows, where each row maps a\n * column key to a string (label) or number (value).\n */\nexport type ChartData = Array<Record<string, string | number>>;\n\nimport type {\n    Formatter,\n    NameType,\n    ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\n\n/**\n * Recharts tooltip formatters receive a loosely-typed value. This adapts a\n * friendly `(value: number) => string` formatter into a recharts `Formatter`,\n * coercing the incoming value to a number first.\n *\n * @param valueFormatter - The user-supplied numeric formatter, if any.\n * @returns A recharts-compatible formatter, or undefined when none was given.\n */\nexport function toTooltipFormatter(\n    valueFormatter?: (value: number) => string,\n): Formatter<ValueType, NameType> | undefined {\n    if (!valueFormatter) return undefined;\n    return (value: ValueType | undefined): string => valueFormatter(Number(value));\n}\n\n/**\n * Shared props for the cartesian chart family (Area, Bar, Line) and Radar.\n *\n * Each chart plots one series per entry in `categories`, reading values from the\n * matching key on every row, and uses `index` for the category axis.\n */\nexport interface CartesianChartProps {\n    /** Rows of data to plot. */\n    data: ChartData;\n    /** Row key used for the x-axis (cartesian) or angle axis (radar). */\n    index: string;\n    /** Row keys to plot, one series each. */\n    categories: string[];\n    /** Series colors, cycled per category. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR). When omitted,\n     * the chart fills its parent via a ResponsiveContainer.\n     */\n    width?: number;\n    /** Stack all series on a shared stackId instead of grouping them. */\n    stack?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the cartesian grid. Defaults to true. */\n    showGrid?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip/axis display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n\n/**\n * Props for the {@link PieChart} component.\n */\nexport interface PieChartProps {\n    /** Rows of data to plot, one slice each. */\n    data: ChartData;\n    /** Row key holding the numeric slice value. */\n    category: string;\n    /** Row key holding the slice name/label. */\n    index: string;\n    /** Slice colors, cycled per slice. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR).\n     */\n    width?: number;\n    /** Render as a donut (non-zero inner radius) instead of a full pie. */\n    donut?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n"],"names":["toTooltipFormatter","valueFormatter","value"],"mappings":"AAoBO,SAASA,EACZC,GAC0C;AAC1C,MAAKA;AACL,WAAO,CAACC,MAAyCD,EAAe,OAAOC,CAAK,CAAC;AACjF;"}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/charts/types.ts"],"sourcesContent":["/**\n * Tabular data consumed by every chart: an array of rows, where each row maps a\n * column key to a string (label) or number (value).\n */\nexport type ChartData = Array<Record<string, string | number>>;\n\nimport type {\n    Formatter,\n    NameType,\n    ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\n\n/**\n * Recharts tooltip formatters receive a loosely-typed value. This adapts a\n * friendly `(value: number) => string` formatter into a recharts `Formatter`,\n * coercing the incoming value to a number first.\n *\n * @param valueFormatter - The user-supplied numeric formatter, if any.\n * @returns A recharts-compatible formatter, or undefined when none was given.\n */\nexport function toTooltipFormatter(\n    valueFormatter?: (value: number) => string,\n): Formatter<ValueType, NameType> | undefined {\n    if (!valueFormatter) return undefined;\n    return (value: ValueType | undefined): string => valueFormatter(Number(value));\n}\n\n/**\n * Shared props for the cartesian chart family (Area, Bar, Line) and Radar.\n *\n * Each chart plots one series per entry in `categories`, reading values from the\n * matching key on every row, and uses `index` for the category axis.\n */\nexport interface CartesianChartProps {\n    /** Rows of data to plot. */\n    data: ChartData;\n    /** Row key used for the x-axis (cartesian) or angle axis (radar). */\n    index: string;\n    /** Row keys to plot, one series each. */\n    categories: string[];\n    /** Series colors, cycled per category. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR). When omitted,\n     * the chart fills its parent via a ResponsiveContainer.\n     */\n    width?: number;\n    /** Stack all series on a shared stackId instead of grouping them. */\n    stack?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the cartesian grid. Defaults to true. */\n    showGrid?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip/axis display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n\n/**\n * Props for the {@link PieChart} component.\n */\nexport interface PieChartProps {\n    /** Rows of data to plot, one slice each. */\n    data: ChartData;\n    /** Row key holding the numeric slice value. */\n    category: string;\n    /** Row key holding the slice name/label. */\n    index: string;\n    /** Slice colors, cycled per slice. Defaults to {@link DEFAULT_CHART_COLORS}. */\n    colors?: string[];\n    /** Chart height in pixels. Defaults to 300. */\n    height?: number;\n    /**\n     * Fixed chart width in pixels. When set, the chart renders at this explicit\n     * width WITHOUT a ResponsiveContainer (useful for tests/SSR).\n     */\n    width?: number;\n    /** Render as a donut (non-zero inner radius) instead of a full pie. */\n    donut?: boolean;\n    /** Render the legend. Defaults to true. */\n    showLegend?: boolean;\n    /** Render the tooltip. Defaults to true. */\n    showTooltip?: boolean;\n    /** Format numeric values for tooltip display. */\n    valueFormatter?: (value: number) => string;\n    /** Extra class name applied to the chart wrapper. */\n    className?: string;\n}\n"],"mappings":";AAoBA,SAAgB,EACZ,GAC0C;CACrC,OACL,QAAQ,MAAyC,EAAe,OAAO,CAAK,CAAC;AACjF"}

package/dist/charts/use-chart-colors.cjs

@@ -0,0 +1,2 @@
+const e=require("./palette.cjs");let t=require("react");function n(n,r){let[i,a]=(0,t.useState)(()=>n||e.resolveChartColors(r));return(0,t.useEffect)(()=>{if(n||typeof window>`u`||typeof MutationObserver>`u`)return;let t=r??document.documentElement;if(!t)return;let i=()=>a(e.resolveChartColors(t));i();let o=new Set([t]),s=t.ownerDocument?.documentElement;s&&o.add(s);let c=new MutationObserver(i);for(let e of o)c.observe(e,{attributes:!0,attributeFilter:[`data-tempest-theme`,`class`,`style`]});return()=>c.disconnect()},[n,r]),n??i}exports.useChartColors=n;
+//# sourceMappingURL=use-chart-colors.cjs.map

package/dist/charts/use-chart-colors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chart-colors.cjs","names":[],"sources":["../../src/charts/use-chart-colors.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { resolveChartColors } from \"./palette\";\n\n/**\n * Theme-aware series colors for a chart.\n *\n * Resolves the `--tempest-chart-*` tokens on mount and again whenever the theme\n * attribute flips, so switching to dark re-colors the series instead of leaving\n * light-theme colors on a dark canvas. Passing `explicit` short-circuits the\n * whole thing — an explicit `colors` prop always wins and no observer is set up.\n *\n * @param explicit - Colors passed by the caller. When present, returned as-is.\n * @param element - Element to resolve tokens against. Default `<html>`.\n * @returns Colors in cycle order.\n *\n * @example\n * ```tsx\n * function Sales({ data }: { data: ChartDatum[] }) {\n *   const colors = useChartColors();\n *   return <BarChart data={data} colors={colors} />;\n * }\n * ```\n */\nexport function useChartColors(explicit?: string[], element?: Element | null): string[] {\n    const [resolved, setResolved] = useState<string[]>(() =>\n        explicit ? explicit : resolveChartColors(element),\n    );\n\n    useEffect(() => {\n        if (explicit) return;\n        if (typeof window === \"undefined\" || typeof MutationObserver === \"undefined\") return;\n\n        const target = element ?? document.documentElement;\n        if (!target) return;\n\n        const sync = (): void => setResolved(resolveChartColors(target));\n        sync();\n\n        const roots = new Set<Element>([target]);\n        const documentRoot = target.ownerDocument?.documentElement;\n        if (documentRoot) roots.add(documentRoot);\n\n        const observer = new MutationObserver(sync);\n        for (const root of roots) {\n            observer.observe(root, {\n                attributes: true,\n                attributeFilter: [\"data-tempest-theme\", \"class\", \"style\"],\n            });\n        }\n\n        return () => observer.disconnect();\n    }, [explicit, element]);\n\n    return explicit ?? resolved;\n}\n"],"mappings":"wDAwBA,SAAgB,EAAe,EAAqB,EAAoC,CACpF,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,SAAA,KACb,GAAsB,EAAA,mBAAmB,CAAO,CACpD,EA2BA,OAzBA,EAAA,EAAA,UAAA,KAAgB,CAEZ,GADI,GACA,OAAO,OAAW,KAAe,OAAO,iBAAqB,IAAa,OAE9E,IAAM,EAAS,GAAW,SAAS,gBACnC,GAAI,CAAC,EAAQ,OAEb,IAAM,MAAmB,EAAY,EAAA,mBAAmB,CAAM,CAAC,EAC/D,EAAK,EAEL,IAAM,EAAQ,IAAI,IAAa,CAAC,CAAM,CAAC,EACjC,EAAe,EAAO,eAAe,gBACvC,GAAc,EAAM,IAAI,CAAY,EAExC,IAAM,EAAW,IAAI,iBAAiB,CAAI,EAC1C,IAAK,IAAM,KAAQ,EACf,EAAS,QAAQ,EAAM,CACnB,WAAY,GACZ,gBAAiB,CAAC,qBAAsB,QAAS,OAAO,CAC5D,CAAC,EAGL,UAAa,EAAS,WAAW,CACrC,EAAG,CAAC,EAAU,CAAO,CAAC,EAEf,GAAY,CACvB"}

package/dist/charts/use-chart-colors.js

@@ -0,0 +1,29 @@
+import { resolveChartColors as e } from "./palette.js";
+import { useEffect as t, useState as n } from "react";
+//#region src/charts/use-chart-colors.ts
+function r(r, i) {
+	let [a, o] = n(() => r || e(i));
+	return t(() => {
+		if (r || typeof window > "u" || typeof MutationObserver > "u") return;
+		let t = i ?? document.documentElement;
+		if (!t) return;
+		let n = () => o(e(t));
+		n();
+		let a = /* @__PURE__ */ new Set([t]), s = t.ownerDocument?.documentElement;
+		s && a.add(s);
+		let c = new MutationObserver(n);
+		for (let e of a) c.observe(e, {
+			attributes: !0,
+			attributeFilter: [
+				"data-tempest-theme",
+				"class",
+				"style"
+			]
+		});
+		return () => c.disconnect();
+	}, [r, i]), r ?? a;
+}
+//#endregion
+export { r as useChartColors };
+
+//# sourceMappingURL=use-chart-colors.js.map

package/dist/charts/use-chart-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chart-colors.js","names":[],"sources":["../../src/charts/use-chart-colors.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { resolveChartColors } from \"./palette\";\n\n/**\n * Theme-aware series colors for a chart.\n *\n * Resolves the `--tempest-chart-*` tokens on mount and again whenever the theme\n * attribute flips, so switching to dark re-colors the series instead of leaving\n * light-theme colors on a dark canvas. Passing `explicit` short-circuits the\n * whole thing — an explicit `colors` prop always wins and no observer is set up.\n *\n * @param explicit - Colors passed by the caller. When present, returned as-is.\n * @param element - Element to resolve tokens against. Default `<html>`.\n * @returns Colors in cycle order.\n *\n * @example\n * ```tsx\n * function Sales({ data }: { data: ChartDatum[] }) {\n *   const colors = useChartColors();\n *   return <BarChart data={data} colors={colors} />;\n * }\n * ```\n */\nexport function useChartColors(explicit?: string[], element?: Element | null): string[] {\n    const [resolved, setResolved] = useState<string[]>(() =>\n        explicit ? explicit : resolveChartColors(element),\n    );\n\n    useEffect(() => {\n        if (explicit) return;\n        if (typeof window === \"undefined\" || typeof MutationObserver === \"undefined\") return;\n\n        const target = element ?? document.documentElement;\n        if (!target) return;\n\n        const sync = (): void => setResolved(resolveChartColors(target));\n        sync();\n\n        const roots = new Set<Element>([target]);\n        const documentRoot = target.ownerDocument?.documentElement;\n        if (documentRoot) roots.add(documentRoot);\n\n        const observer = new MutationObserver(sync);\n        for (const root of roots) {\n            observer.observe(root, {\n                attributes: true,\n                attributeFilter: [\"data-tempest-theme\", \"class\", \"style\"],\n            });\n        }\n\n        return () => observer.disconnect();\n    }, [explicit, element]);\n\n    return explicit ?? resolved;\n}\n"],"mappings":";;;AAwBA,SAAgB,EAAe,GAAqB,GAAoC;CACpF,IAAM,CAAC,GAAU,KAAe,QAC5B,KAAsB,EAAmB,CAAO,CACpD;CA2BA,OAzBA,QAAgB;EAEZ,IADI,KACA,OAAO,SAAW,OAAe,OAAO,mBAAqB,KAAa;EAE9E,IAAM,IAAS,KAAW,SAAS;EACnC,IAAI,CAAC,GAAQ;EAEb,IAAM,UAAmB,EAAY,EAAmB,CAAM,CAAC;EAC/D,EAAK;EAEL,IAAM,oBAAQ,IAAI,IAAa,CAAC,CAAM,CAAC,GACjC,IAAe,EAAO,eAAe;EAC3C,AAAI,KAAc,EAAM,IAAI,CAAY;EAExC,IAAM,IAAW,IAAI,iBAAiB,CAAI;EAC1C,KAAK,IAAM,KAAQ,GACf,EAAS,QAAQ,GAAM;GACnB,YAAY;GACZ,iBAAiB;IAAC;IAAsB;IAAS;GAAO;EAC5D,CAAC;EAGL,aAAa,EAAS,WAAW;CACrC,GAAG,CAAC,GAAU,CAAO,CAAC,GAEf,KAAY;AACvB"}

package/dist/charts.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./charts/AreaChart.cjs"),a=require("./charts/BarChart.cjs"),e=require("./charts/LineChart.cjs"),t=require("./charts/PieChart.cjs"),C=require("./charts/RadarChart.cjs"),h=require("./charts/palette.cjs");exports.AreaChart=r.AreaChart;exports.BarChart=a.BarChart;exports.LineChart=e.LineChart;exports.PieChart=t.PieChart;exports.RadarChart=C.RadarChart;exports.DEFAULT_CHART_COLORS=h.DEFAULT_CHART_COLORS;
-//# sourceMappingURL=charts.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts/palette.cjs"),t=require("./charts/use-chart-colors.cjs"),n=require("./charts/AreaChart.cjs"),r=require("./charts/BarChart.cjs"),i=require("./charts/LineChart.cjs"),a=require("./charts/PieChart.cjs"),o=require("./charts/RadarChart.cjs");exports.AreaChart=n.AreaChart,exports.BarChart=r.BarChart,exports.CHART_COLOR_TOKEN_COUNT=e.CHART_COLOR_TOKEN_COUNT,exports.DEFAULT_CHART_COLORS=e.DEFAULT_CHART_COLORS,exports.LineChart=i.LineChart,exports.PieChart=a.PieChart,exports.RadarChart=o.RadarChart,exports.resolveChartChrome=e.resolveChartChrome,exports.resolveChartColors=e.resolveChartColors,exports.useChartColors=t.useChartColors;

package/dist/charts.d.ts

@@ -1,10 +1,10 @@
-import { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react';
 
 /**
  * AreaChart — themed wrapper over recharts `AreaChart`.
  *
  * Plots one filled area per entry in `categories`, colored from `colors`
- * (cycling {@link DEFAULT_CHART_COLORS} by default). When `stack` is set, all
+ * (cycling the `--tempest-chart-*` theme tokens by default). When `stack` is set, all
  * areas share a stackId. When `width` is provided the chart renders at that
  * fixed size without a ResponsiveContainer; otherwise it fills its parent.
  */
@@ -14,7 +14,7 @@ export declare function AreaChart({ data, index, categories, colors, height, wid
  * BarChart — themed wrapper over recharts `BarChart`.
  *
  * Plots one bar series per entry in `categories`, colored from `colors`
- * (cycling {@link DEFAULT_CHART_COLORS} by default). When `stack` is set, all
+ * (cycling the `--tempest-chart-*` theme tokens by default). When `stack` is set, all
  * bars share a stackId. When `width` is provided the chart renders at that
  * fixed size without a ResponsiveContainer; otherwise it fills its parent.
  */
@@ -57,6 +57,9 @@ export declare interface CartesianChartProps {
     className?: string;
 }
 
+/** How many `--tempest-chart-N` tokens the SDK ships. */
+export declare const CHART_COLOR_TOKEN_COUNT = 8;
+
 /**
  * Tabular data consumed by every chart: an array of rows, where each row maps a
  * column key to a string (label) or number (value).
@@ -64,12 +67,13 @@ export declare interface CartesianChartProps {
 export declare type ChartData = Array<Record<string, string | number>>;
 
 /**
- * Default color palette for Tempest charts.
+ * Fallback palette: six visually distinct hex colors (blue, green, amber,
+ * violet, pink, cyan) in cycle order.
  *
- * A set of six visually distinct hex colors (blue, green, amber, violet, pink,
- * cyan) used to color chart series in cycle order. Exported so callers can
- * import and theme their own charts, or pass a custom `colors` array to any
- * chart component to override it.
+ * Used when the `--tempest-chart-*` tokens cannot be read — no stylesheet
+ * imported, a non-browser environment (tests, build scripts), or a host page that
+ * dropped the tokens. Exported so callers can start from it and pass a tweaked
+ * array to any chart's `colors` prop.
  */
 export declare const DEFAULT_CHART_COLORS: string[];
 
@@ -77,7 +81,7 @@ export declare const DEFAULT_CHART_COLORS: string[];
  * LineChart — themed wrapper over recharts `LineChart`.
  *
  * Plots one line per entry in `categories`, colored from `colors` (cycling
- * {@link DEFAULT_CHART_COLORS} by default). `stack` is accepted for API parity
+ * the `--tempest-chart-*` theme tokens by default). `stack` is accepted for API parity
  * but does not visually stack lines. When `width` is provided the chart renders
  * at that fixed size without a ResponsiveContainer; otherwise it fills its
  * parent.
@@ -89,7 +93,7 @@ export declare function LineChart({ data, index, categories, colors, height, wid
  *
  * Renders one slice per row, reading the numeric value from `category` and the
  * label from `index`. Each slice is colored from `colors` (cycling
- * {@link DEFAULT_CHART_COLORS} by default). When `donut` is set the pie gets a
+ * the `--tempest-chart-*` theme tokens by default). When `donut` is set the pie gets a
  * non-zero inner radius. When `width` is provided the chart renders at that
  * fixed size without a ResponsiveContainer; otherwise it fills its parent.
  */
@@ -130,10 +134,55 @@ export declare interface PieChartProps {
  * RadarChart — themed wrapper over recharts `RadarChart`.
  *
  * Plots one radar polygon per entry in `categories`, colored from `colors`
- * (cycling {@link DEFAULT_CHART_COLORS} by default). `index` drives the angle
+ * (cycling the `--tempest-chart-*` theme tokens by default). `index` drives the angle
  * axis. When `width` is provided the chart renders at that fixed size without a
  * ResponsiveContainer; otherwise it fills its parent.
  */
 export declare function RadarChart({ data, index, categories, colors, height, width, showLegend, showTooltip, valueFormatter, className, }: CartesianChartProps): JSX.Element;
 
+/**
+ * Read one piece of chart chrome (`--tempest-chart-grid` / `--tempest-chart-axis`).
+ *
+ * @param part - Which chrome token to read.
+ * @param element - Element to resolve against. Default `<html>`.
+ * @param fallback - Value returned when the token is unset.
+ * @returns The resolved color, or `fallback`.
+ */
+export declare function resolveChartChrome(part: "grid" | "axis", element?: Element | null, fallback?: string): string;
+
+/**
+ * Read `--tempest-chart-1` … `--tempest-chart-8` into a color array.
+ *
+ * Stops at the first unset token, so an app that overrides only four series gets
+ * exactly those four cycled instead of a half-themed tail. Returns
+ * {@link DEFAULT_CHART_COLORS} when nothing is resolvable.
+ *
+ * @param element - Element to resolve the tokens against. Default `<html>`; pass
+ *   a subtree root when a section carries a scoped theme.
+ * @returns Literal color strings in cycle order.
+ */
+export declare function resolveChartColors(element?: Element | null): string[];
+
+/**
+ * Theme-aware series colors for a chart.
+ *
+ * Resolves the `--tempest-chart-*` tokens on mount and again whenever the theme
+ * attribute flips, so switching to dark re-colors the series instead of leaving
+ * light-theme colors on a dark canvas. Passing `explicit` short-circuits the
+ * whole thing — an explicit `colors` prop always wins and no observer is set up.
+ *
+ * @param explicit - Colors passed by the caller. When present, returned as-is.
+ * @param element - Element to resolve tokens against. Default `<html>`.
+ * @returns Colors in cycle order.
+ *
+ * @example
+ * ```tsx
+ * function Sales({ data }: { data: ChartDatum[] }) {
+ *   const colors = useChartColors();
+ *   return <BarChart data={data} colors={colors} />;
+ * }
+ * ```
+ */
+export declare function useChartColors(explicit?: string[], element?: Element | null): string[];
+
 export { }