tempest-react-sdk 0.23.0 → 0.25.0

package/dist/br.js

@@ -1,50 +1,19 @@
-import { citiesByUf as r, cityChoices as a, getState as p, isValidCity as l, isValidUf as n, listStates as s, normalizeUf as c, statesByRegion as S, ufChoices as f } from "./br/locations.js";
-import { loadStateMunicipalities as d } from "./br/state-geo.js";
-import { geocodeMunicipality as E, municipalityCentroid as u, nearestMunicipality as y, reverseGeocode as I, searchMunicipalities as M, stateCentroid as U } from "./br/geocode.js";
-import { BrazilMap as R } from "./br/BrazilMap.js";
-import { BrazilStateMap as G } from "./br/BrazilStateMap.js";
-import { BrazilStateCitySelect as N } from "./br/BrazilStateCitySelect.js";
-import { MunicipalitySearch as g } from "./br/MunicipalitySearch.js";
-import { MapMarkers as z } from "./br/MapMarkers.js";
-import { MapLegend as V } from "./br/MapLegend.js";
-import { DIVERGING_RDBU as D, SEQUENTIAL_BLUES as Q, SEQUENTIAL_GREENS as T, SEQUENTIAL_VIRIDIS as q, interpolatePalette as J, quantizeScale as k, sequentialScale as v, thresholdScale as w } from "./br/scales.js";
-import { REGION_COLORS as P, regionLegendItems as b } from "./br/regions.js";
-async function t() {
-  return (await import("./br/br-geo.js")).BR_UF_GEOJSON;
+import { citiesByUf as e, cityChoices as t, getState as n, isValidCity as r, isValidUf as i, listStates as a, normalizeUf as o, statesByRegion as s, ufChoices as c } from "./br/locations.js";
+import { loadStateMunicipalities as l } from "./br/state-geo.js";
+import { geocodeMunicipality as u, municipalityCentroid as d, nearestMunicipality as f, reverseGeocode as p, searchMunicipalities as m, stateCentroid as h } from "./br/geocode.js";
+import { MapMarkers as g } from "./br/MapMarkers.js";
+import { REGION_COLORS as _, regionLegendItems as v } from "./br/regions.js";
+import { BrazilMap as y } from "./br/BrazilMap.js";
+import { BrazilStateMap as b } from "./br/BrazilStateMap.js";
+import { BrazilStateCitySelect as x } from "./br/BrazilStateCitySelect.js";
+import { MunicipalitySearch as S } from "./br/MunicipalitySearch.js";
+import { DIVERGING_RDBU as C, SEQUENTIAL_BLUES as w, SEQUENTIAL_GREENS as T, SEQUENTIAL_VIRIDIS as E, interpolatePalette as D, quantizeScale as O, sequentialScale as k, thresholdScale as A } from "./br/scales.js";
+import { MapLegend as j } from "./br/MapLegend.js";
+//#region src/br/index.ts
+async function M() {
+	return (await import("./br/br-geo.js")).BR_UF_GEOJSON;
 }
-export {
-  R as BrazilMap,
-  N as BrazilStateCitySelect,
-  G as BrazilStateMap,
-  D as DIVERGING_RDBU,
-  V as MapLegend,
-  z as MapMarkers,
-  g as MunicipalitySearch,
-  P as REGION_COLORS,
-  Q as SEQUENTIAL_BLUES,
-  T as SEQUENTIAL_GREENS,
-  q as SEQUENTIAL_VIRIDIS,
-  r as citiesByUf,
-  a as cityChoices,
-  E as geocodeMunicipality,
-  p as getState,
-  J as interpolatePalette,
-  l as isValidCity,
-  n as isValidUf,
-  s as listStates,
-  t as loadBrUfGeoJson,
-  d as loadStateMunicipalities,
-  u as municipalityCentroid,
-  y as nearestMunicipality,
-  c as normalizeUf,
-  k as quantizeScale,
-  b as regionLegendItems,
-  I as reverseGeocode,
-  M as searchMunicipalities,
-  v as sequentialScale,
-  U as stateCentroid,
-  S as statesByRegion,
-  w as thresholdScale,
-  f as ufChoices
-};
-//# sourceMappingURL=br.js.map
+//#endregion
+export { y as BrazilMap, x as BrazilStateCitySelect, b as BrazilStateMap, C as DIVERGING_RDBU, j as MapLegend, g as MapMarkers, S as MunicipalitySearch, _ as REGION_COLORS, w as SEQUENTIAL_BLUES, T as SEQUENTIAL_GREENS, E as SEQUENTIAL_VIRIDIS, e as citiesByUf, t as cityChoices, u as geocodeMunicipality, n as getState, D as interpolatePalette, r as isValidCity, i as isValidUf, a as listStates, M as loadBrUfGeoJson, l as loadStateMunicipalities, d as municipalityCentroid, f as nearestMunicipality, o as normalizeUf, O as quantizeScale, v as regionLegendItems, p as reverseGeocode, m as searchMunicipalities, k as sequentialScale, h as stateCentroid, s as statesByRegion, A as thresholdScale, c as ufChoices };
+
+//# sourceMappingURL=br.js.map

package/dist/br.js.map

@@ -1 +1 @@
-{"version":3,"file":"br.js","sources":["../src/br/index.ts"],"sourcesContent":["// Brazilian locations data (states + cities) — mirrors the `utils/locations`\n// module of tempest-fastapi-sdk.\nexport {\n    listStates,\n    getState,\n    citiesByUf,\n    statesByRegion,\n    isValidUf,\n    normalizeUf,\n    isValidCity,\n    ufChoices,\n    cityChoices,\n} from \"./locations\";\nexport type { UF, BrRegion, BrazilState, Choice } from \"./locations\";\n\n// UF GeoJSON types (the geometry itself is lazy-loaded by BrazilMap).\nimport type { BrUfFeatureCollection } from \"./br-geo\";\nexport type { BrUfFeature, BrUfFeatureCollection, BrUfGeometry, Ring } from \"./br-geo\";\n\n/**\n * Lazily load the bundled simplified UF GeoJSON (~36 KB gzip). Kept out of the\n * synchronous barrel so a data-only import never pulls the geometry.\n */\nexport async function loadBrUfGeoJson(): Promise<BrUfFeatureCollection> {\n    const mod = await import(\"./br-geo\");\n    return mod.BR_UF_GEOJSON;\n}\n\n// Per-state municipality geometry (lazy, one chunk per UF).\nexport { loadStateMunicipalities } from \"./state-geo\";\nexport type { MunicipalityFeature, StateMunicipalities } from \"./state-geo\";\n\n// Offline geocoding (lazy centroid index).\nexport {\n    nearestMunicipality,\n    reverseGeocode,\n    geocodeMunicipality,\n    searchMunicipalities,\n    municipalityCentroid,\n    stateCentroid,\n} from \"./geocode\";\nexport type { MunicipalityCentroid, NearestMunicipality, ReverseGeocodeResult } from \"./geocode\";\n\n// Components\nexport { BrazilMap } from \"./BrazilMap\";\nexport type { BrazilMapProps, BrazilMapTooltipData } from \"./BrazilMap\";\nexport { BrazilStateMap } from \"./BrazilStateMap\";\nexport type {\n    BrazilStateMapProps,\n    BrazilStateMapTooltipData,\n    Municipality,\n} from \"./BrazilStateMap\";\nexport { BrazilStateCitySelect } from \"./BrazilStateCitySelect\";\nexport type { BrazilStateCitySelectProps, BrazilStateCitySelection } from \"./BrazilStateCitySelect\";\nexport { MunicipalitySearch } from \"./MunicipalitySearch\";\nexport type { MunicipalitySearchProps } from \"./MunicipalitySearch\";\nexport type { GeoMarker } from \"@/geo/types\";\nexport { MapMarkers } from \"./MapMarkers\";\nexport type { MapMarkersProps } from \"./MapMarkers\";\nexport { MapLegend } from \"./MapLegend\";\nexport type { MapLegendProps, LegendItem } from \"./MapLegend\";\n\n// Color scales + palettes for choropleths.\nexport {\n    interpolatePalette,\n    sequentialScale,\n    quantizeScale,\n    thresholdScale,\n    SEQUENTIAL_BLUES,\n    SEQUENTIAL_GREENS,\n    SEQUENTIAL_VIRIDIS,\n    DIVERGING_RDBU,\n} from \"./scales\";\nexport type { ColorScale } from \"./scales\";\nexport { REGION_COLORS, regionLegendItems } from \"./regions\";\n"],"names":["loadBrUfGeoJson"],"mappings":";;;;;;;;;;;AAuBA,eAAsBA,IAAkD;AAEpE,UADY,MAAM,OAAO,gBAAU,GACxB;AACf;"}
+{"version":3,"file":"br.js","names":[],"sources":["../src/br/index.ts"],"sourcesContent":["// Brazilian locations data (states + cities) — mirrors the `utils/locations`\n// module of tempest-fastapi-sdk.\nexport {\n    listStates,\n    getState,\n    citiesByUf,\n    statesByRegion,\n    isValidUf,\n    normalizeUf,\n    isValidCity,\n    ufChoices,\n    cityChoices,\n} from \"./locations\";\nexport type { UF, BrRegion, BrazilState, Choice } from \"./locations\";\n\n// UF GeoJSON types (the geometry itself is lazy-loaded by BrazilMap).\nimport type { BrUfFeatureCollection } from \"./br-geo\";\nexport type { BrUfFeature, BrUfFeatureCollection, BrUfGeometry, Ring } from \"./br-geo\";\n\n/**\n * Lazily load the bundled simplified UF GeoJSON (~36 KB gzip). Kept out of the\n * synchronous barrel so a data-only import never pulls the geometry.\n */\nexport async function loadBrUfGeoJson(): Promise<BrUfFeatureCollection> {\n    const mod = await import(\"./br-geo\");\n    return mod.BR_UF_GEOJSON;\n}\n\n// Per-state municipality geometry (lazy, one chunk per UF).\nexport { loadStateMunicipalities } from \"./state-geo\";\nexport type { MunicipalityFeature, StateMunicipalities } from \"./state-geo\";\n\n// Offline geocoding (lazy centroid index).\nexport {\n    nearestMunicipality,\n    reverseGeocode,\n    geocodeMunicipality,\n    searchMunicipalities,\n    municipalityCentroid,\n    stateCentroid,\n} from \"./geocode\";\nexport type { MunicipalityCentroid, NearestMunicipality, ReverseGeocodeResult } from \"./geocode\";\n\n// Components\nexport { BrazilMap } from \"./BrazilMap\";\nexport type { BrazilMapProps, BrazilMapTooltipData } from \"./BrazilMap\";\nexport { BrazilStateMap } from \"./BrazilStateMap\";\nexport type {\n    BrazilStateMapProps,\n    BrazilStateMapTooltipData,\n    Municipality,\n} from \"./BrazilStateMap\";\nexport { BrazilStateCitySelect } from \"./BrazilStateCitySelect\";\nexport type { BrazilStateCitySelectProps, BrazilStateCitySelection } from \"./BrazilStateCitySelect\";\nexport { MunicipalitySearch } from \"./MunicipalitySearch\";\nexport type { MunicipalitySearchProps } from \"./MunicipalitySearch\";\nexport type { GeoMarker } from \"@/geo/types\";\nexport { MapMarkers } from \"./MapMarkers\";\nexport type { MapMarkersProps } from \"./MapMarkers\";\nexport { MapLegend } from \"./MapLegend\";\nexport type { MapLegendProps, LegendItem } from \"./MapLegend\";\n\n// Color scales + palettes for choropleths.\nexport {\n    interpolatePalette,\n    sequentialScale,\n    quantizeScale,\n    thresholdScale,\n    SEQUENTIAL_BLUES,\n    SEQUENTIAL_GREENS,\n    SEQUENTIAL_VIRIDIS,\n    DIVERGING_RDBU,\n} from \"./scales\";\nexport type { ColorScale } from \"./scales\";\nexport { REGION_COLORS, regionLegendItems } from \"./regions\";\n"],"mappings":";;;;;;;;;;;;AAuBA,eAAsB,IAAkD;CAEpE,QAAO,MADW,OAAO,kBAAA,CACd;AACf"}

package/dist/charts/AreaChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("recharts"),C=require("../utils/cn.cjs"),f=require("./palette.cjs"),k=require("./types.cjs");function q({data:l,index:u,categories:d,colors:r=f.DEFAULT_CHART_COLORS,height:s=300,width:n,stack:x=!1,showLegend:j=!0,showGrid:p=!0,showTooltip:h=!0,valueFormatter:a,className:A}){const m=x?"stack":void 0,o=e.jsxs(t.AreaChart,{data:l,width:n,height:s,children:[p?e.jsx(t.CartesianGrid,{strokeDasharray:"3 3"}):null,e.jsx(t.XAxis,{dataKey:u}),e.jsx(t.YAxis,{tickFormatter:a}),h?e.jsx(t.Tooltip,{formatter:k.toTooltipFormatter(a)}):null,j?e.jsx(t.Legend,{}):null,d.map((i,y)=>{const c=r[y%r.length];return e.jsx(t.Area,{type:"monotone",dataKey:i,stackId:m,stroke:c,fill:c,fillOpacity:.3},i)})]});return e.jsx("div",{className:C.cn(A),children:n!==void 0?o:e.jsx(t.ResponsiveContainer,{width:"100%",height:s,children:o})})}exports.AreaChart=q;
-//# sourceMappingURL=AreaChart.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,stack:d=!1,showLegend:f=!0,showGrid:p=!0,showTooltip:m=!0,valueFormatter:h,className:g}){let _=t.useChartColors(c),v=d?`stack`:void 0,y=(0,r.jsxs)(i.AreaChart,{data:a,width:u,height:l,children:[p?(0,r.jsx)(i.CartesianGrid,{strokeDasharray:`3 3`}):null,(0,r.jsx)(i.XAxis,{dataKey:o}),(0,r.jsx)(i.YAxis,{tickFormatter:h}),m?(0,r.jsx)(i.Tooltip,{formatter:n.toTooltipFormatter(h)}):null,f?(0,r.jsx)(i.Legend,{}):null,s.map((e,t)=>{let n=_[t%_.length];return(0,r.jsx)(i.Area,{type:`monotone`,dataKey:e,stackId:v,stroke:n,fill:n,fillOpacity:.3},e)})]});return(0,r.jsx)(`div`,{className:e.cn(g),children:u===void 0?(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:l,children:y}):y})}exports.AreaChart=a;
+//# sourceMappingURL=AreaChart.cjs.map

package/dist/charts/AreaChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.cjs","sources":["../../src/charts/AreaChart.tsx"],"sourcesContent":["import {\n    Area,\n    AreaChart as RAreaChart,\n    CartesianGrid,\n    Legend,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * AreaChart — themed wrapper over recharts `AreaChart`.\n *\n * Plots one filled area per entry in `categories`, colored from `colors`\n * (cycling {@link DEFAULT_CHART_COLORS} by default). When `stack` is set, all\n * areas share a stackId. When `width` is provided the chart renders at that\n * fixed size without a ResponsiveContainer; otherwise it fills its parent.\n */\nexport function AreaChart({\n    data,\n    index,\n    categories,\n    colors = DEFAULT_CHART_COLORS,\n    height = 300,\n    width,\n    stack = false,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const stackId = stack ? \"stack\" : undefined;\n\n    const chart = (\n        <RAreaChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\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                    <Area\n                        key={category}\n                        type=\"monotone\"\n                        dataKey={category}\n                        stackId={stackId}\n                        stroke={color}\n                        fill={color}\n                        fillOpacity={0.3}\n                    />\n                );\n            })}\n        </RAreaChart>\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":["AreaChart","data","index","categories","colors","DEFAULT_CHART_COLORS","height","width","stack","showLegend","showGrid","showTooltip","valueFormatter","className","stackId","chart","jsxs","RAreaChart","jsx","CartesianGrid","XAxis","YAxis","Tooltip","toTooltipFormatter","Legend","category","i","color","Area","cn","ResponsiveContainer"],"mappings":"4NAuBO,SAASA,EAAU,CACtB,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,OAAAC,EAASC,EAAAA,qBACT,OAAAC,EAAS,IACT,MAAAC,EACA,MAAAC,EAAQ,GACR,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,eAAAC,EACA,UAAAC,CACJ,EAAwB,CACpB,MAAMC,EAAUN,EAAQ,QAAU,OAE5BO,EACFC,EAAAA,KAACC,EAAAA,UAAA,CAAW,KAAAhB,EAAY,MAAAM,EAAc,OAAAD,EACjC,SAAA,CAAAI,EAAWQ,EAAAA,IAACC,EAAAA,cAAA,CAAc,gBAAgB,KAAA,CAAM,EAAK,KACtDD,EAAAA,IAACE,EAAAA,MAAA,CAAM,QAASlB,CAAA,CAAO,EACvBgB,EAAAA,IAACG,EAAAA,MAAA,CAAM,cAAeT,CAAA,CAAgB,EACrCD,EAAcO,EAAAA,IAACI,EAAAA,QAAA,CAAQ,UAAWC,EAAAA,mBAAmBX,CAAc,EAAG,EAAK,KAC3EH,EAAaS,EAAAA,IAACM,SAAA,CAAA,CAAO,EAAK,KAC1BrB,EAAW,IAAI,CAACsB,EAAUC,IAAM,CAC7B,MAAMC,EAAQvB,EAAOsB,EAAItB,EAAO,MAAM,EACtC,OACIc,EAAAA,IAACU,EAAAA,KAAA,CAEG,KAAK,WACL,QAASH,EACT,QAAAX,EACA,OAAQa,EACR,KAAMA,EACN,YAAa,EAAA,EANRF,CAAA,CASjB,CAAC,CAAA,EACL,EAGJ,OACIP,EAAAA,IAAC,MAAA,CAAI,UAAWW,EAAAA,GAAGhB,CAAS,EACvB,SAAAN,IAAU,OACPQ,QAECe,EAAAA,oBAAA,CAAoB,MAAM,OAAO,OAAAxB,EAC7B,WACL,EAER,CAER"}
+{"version":3,"file":"AreaChart.cjs","names":[],"sources":["../../src/charts/AreaChart.tsx"],"sourcesContent":["import {\n    Area,\n    AreaChart as RAreaChart,\n    CartesianGrid,\n    Legend,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * AreaChart — themed wrapper over recharts `AreaChart`.\n *\n * Plots one filled area per entry in `categories`, colored from `colors`\n * (cycling the `--tempest-chart-*` theme tokens by default). When `stack` is set, all\n * areas share a stackId. When `width` is provided the chart renders at that\n * fixed size without a ResponsiveContainer; otherwise it fills its parent.\n */\nexport function AreaChart({\n    data,\n    index,\n    categories,\n    colors,\n    height = 300,\n    width,\n    stack = false,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const palette = useChartColors(colors);\n    const stackId = stack ? \"stack\" : undefined;\n\n    const chart = (\n        <RAreaChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\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                    <Area\n                        key={category}\n                        type=\"monotone\"\n                        dataKey={category}\n                        stackId={stackId}\n                        stroke={color}\n                        fill={color}\n                        fillOpacity={0.3}\n                    />\n                );\n            })}\n        </RAreaChart>\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,EAAU,CACtB,OACA,QACA,aACA,SACA,SAAS,IACT,QACA,QAAQ,GACR,aAAa,GACb,WAAW,GACX,cAAc,GACd,iBACA,aACoB,CACpB,IAAM,EAAU,EAAA,eAAe,CAAM,EAC/B,EAAU,EAAQ,QAAU,IAAA,GAE5B,GACF,EAAA,EAAA,KAAA,CAAC,EAAA,UAAD,CAAkB,OAAa,QAAe,kBAA9C,CACK,GAAW,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CAAe,gBAAgB,KAAO,CAAA,EAAI,MACtD,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CAAO,QAAS,CAAQ,CAAA,GACxB,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CAAO,cAAe,CAAiB,CAAA,EACtC,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,KAAD,CAEI,KAAK,WACL,QAAS,EACA,UACT,OAAQ,EACR,KAAM,EACN,YAAa,EAChB,EAPQ,CAOR,CAET,CAAC,CACO,IAGhB,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/AreaChart.js

@@ -1,47 +1,43 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import { AreaChart as x, CartesianGrid as y, XAxis as T, YAxis as v, Tooltip as L, Legend as O, Area as R, ResponsiveContainer as j } from "recharts";
-import { cn as D } from "../utils/cn.js";
-import { DEFAULT_CHART_COLORS as F } from "./palette.js";
-import { toTooltipFormatter as K } from "./types.js";
-function N({
-  data: l,
-  index: m,
-  categories: c,
-  colors: t = F,
-  height: o = 300,
-  width: e,
-  stack: p = !1,
-  showLegend: d = !0,
-  showGrid: f = !0,
-  showTooltip: u = !0,
-  valueFormatter: a,
-  className: A
-}) {
-  const h = p ? "stack" : void 0, i = /* @__PURE__ */ k(x, { data: l, width: e, height: o, children: [
-    f ? /* @__PURE__ */ r(y, { strokeDasharray: "3 3" }) : null,
-    /* @__PURE__ */ r(T, { dataKey: m }),
-    /* @__PURE__ */ r(v, { tickFormatter: a }),
-    u ? /* @__PURE__ */ r(L, { formatter: K(a) }) : null,
-    d ? /* @__PURE__ */ r(O, {}) : null,
-    c.map((n, C) => {
-      const s = t[C % t.length];
-      return /* @__PURE__ */ r(
-        R,
-        {
-          type: "monotone",
-          dataKey: n,
-          stackId: h,
-          stroke: s,
-          fill: s,
-          fillOpacity: 0.3
-        },
-        n
-      );
-    })
-  ] });
-  return /* @__PURE__ */ r("div", { className: D(A), children: e !== void 0 ? i : /* @__PURE__ */ r(j, { width: "100%", height: o, 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 { Area as a, AreaChart as o, CartesianGrid as s, Legend as c, ResponsiveContainer as l, Tooltip as u, XAxis as d, YAxis as f } from "recharts";
+//#region src/charts/AreaChart.tsx
+function p({ data: p, index: m, categories: h, colors: g, height: _ = 300, width: v, stack: y = !1, showLegend: b = !0, showGrid: x = !0, showTooltip: S = !0, valueFormatter: C, className: w }) {
+	let T = t(g), E = y ? "stack" : void 0, D = /* @__PURE__ */ i(o, {
+		data: p,
+		width: v,
+		height: _,
+		children: [
+			x ? /* @__PURE__ */ r(s, { strokeDasharray: "3 3" }) : null,
+			/* @__PURE__ */ r(d, { dataKey: m }),
+			/* @__PURE__ */ r(f, { tickFormatter: C }),
+			S ? /* @__PURE__ */ r(u, { formatter: n(C) }) : null,
+			b ? /* @__PURE__ */ r(c, {}) : null,
+			h.map((e, t) => {
+				let n = T[t % T.length];
+				return /* @__PURE__ */ r(a, {
+					type: "monotone",
+					dataKey: e,
+					stackId: E,
+					stroke: n,
+					fill: n,
+					fillOpacity: .3
+				}, e);
+			})
+		]
+	});
+	return /* @__PURE__ */ r("div", {
+		className: e(w),
+		children: v === void 0 ? /* @__PURE__ */ r(l, {
+			width: "100%",
+			height: _,
+			children: D
+		}) : D
+	});
 }
-export {
-  N as AreaChart
-};
-//# sourceMappingURL=AreaChart.js.map
+//#endregion
+export { p as AreaChart };
+
+//# sourceMappingURL=AreaChart.js.map

package/dist/charts/AreaChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.js","sources":["../../src/charts/AreaChart.tsx"],"sourcesContent":["import {\n    Area,\n    AreaChart as RAreaChart,\n    CartesianGrid,\n    Legend,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * AreaChart — themed wrapper over recharts `AreaChart`.\n *\n * Plots one filled area per entry in `categories`, colored from `colors`\n * (cycling {@link DEFAULT_CHART_COLORS} by default). When `stack` is set, all\n * areas share a stackId. When `width` is provided the chart renders at that\n * fixed size without a ResponsiveContainer; otherwise it fills its parent.\n */\nexport function AreaChart({\n    data,\n    index,\n    categories,\n    colors = DEFAULT_CHART_COLORS,\n    height = 300,\n    width,\n    stack = false,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const stackId = stack ? \"stack\" : undefined;\n\n    const chart = (\n        <RAreaChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\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                    <Area\n                        key={category}\n                        type=\"monotone\"\n                        dataKey={category}\n                        stackId={stackId}\n                        stroke={color}\n                        fill={color}\n                        fillOpacity={0.3}\n                    />\n                );\n            })}\n        </RAreaChart>\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":["AreaChart","data","index","categories","colors","DEFAULT_CHART_COLORS","height","width","stack","showLegend","showGrid","showTooltip","valueFormatter","className","stackId","chart","jsxs","RAreaChart","jsx","CartesianGrid","XAxis","YAxis","Tooltip","toTooltipFormatter","Legend","category","i","color","Area","cn","ResponsiveContainer"],"mappings":";;;;;AAuBO,SAASA,EAAU;AAAA,EACtB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAASC;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,WAAAC;AACJ,GAAwB;AACpB,QAAMC,IAAUN,IAAQ,UAAU,QAE5BO,IACF,gBAAAC,EAACC,GAAA,EAAW,MAAAhB,GAAY,OAAAM,GAAc,QAAAD,GACjC,UAAA;AAAA,IAAAI,IAAW,gBAAAQ,EAACC,GAAA,EAAc,iBAAgB,MAAA,CAAM,IAAK;AAAA,IACtD,gBAAAD,EAACE,GAAA,EAAM,SAASlB,EAAA,CAAO;AAAA,IACvB,gBAAAgB,EAACG,GAAA,EAAM,eAAeT,EAAA,CAAgB;AAAA,IACrCD,IAAc,gBAAAO,EAACI,GAAA,EAAQ,WAAWC,EAAmBX,CAAc,GAAG,IAAK;AAAA,IAC3EH,IAAa,gBAAAS,EAACM,GAAA,CAAA,CAAO,IAAK;AAAA,IAC1BrB,EAAW,IAAI,CAACsB,GAAUC,MAAM;AAC7B,YAAMC,IAAQvB,EAAOsB,IAAItB,EAAO,MAAM;AACtC,aACI,gBAAAc;AAAA,QAACU;AAAA,QAAA;AAAA,UAEG,MAAK;AAAA,UACL,SAASH;AAAA,UACT,SAAAX;AAAA,UACA,QAAQa;AAAA,UACR,MAAMA;AAAA,UACN,aAAa;AAAA,QAAA;AAAA,QANRF;AAAA,MAAA;AAAA,IASjB,CAAC;AAAA,EAAA,GACL;AAGJ,SACI,gBAAAP,EAAC,OAAA,EAAI,WAAWW,EAAGhB,CAAS,GACvB,UAAAN,MAAU,SACPQ,sBAECe,GAAA,EAAoB,OAAM,QAAO,QAAAxB,GAC7B,aACL,GAER;AAER;"}
+{"version":3,"file":"AreaChart.js","names":[],"sources":["../../src/charts/AreaChart.tsx"],"sourcesContent":["import {\n    Area,\n    AreaChart as RAreaChart,\n    CartesianGrid,\n    Legend,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * AreaChart — themed wrapper over recharts `AreaChart`.\n *\n * Plots one filled area per entry in `categories`, colored from `colors`\n * (cycling the `--tempest-chart-*` theme tokens by default). When `stack` is set, all\n * areas share a stackId. When `width` is provided the chart renders at that\n * fixed size without a ResponsiveContainer; otherwise it fills its parent.\n */\nexport function AreaChart({\n    data,\n    index,\n    categories,\n    colors,\n    height = 300,\n    width,\n    stack = false,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const palette = useChartColors(colors);\n    const stackId = stack ? \"stack\" : undefined;\n\n    const chart = (\n        <RAreaChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\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                    <Area\n                        key={category}\n                        type=\"monotone\"\n                        dataKey={category}\n                        stackId={stackId}\n                        stroke={color}\n                        fill={color}\n                        fillOpacity={0.3}\n                    />\n                );\n            })}\n        </RAreaChart>\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,EAAU,EACtB,SACA,UACA,eACA,WACA,YAAS,KACT,UACA,WAAQ,IACR,gBAAa,IACb,cAAW,IACX,iBAAc,IACd,mBACA,gBACoB;CACpB,IAAM,IAAU,EAAe,CAAM,GAC/B,IAAU,IAAQ,UAAU,KAAA,GAE5B,IACF,kBAAC,GAAD;EAAkB;EAAa;EAAe;YAA9C;GACK,IAAW,kBAAC,GAAD,EAAe,iBAAgB,MAAO,CAAA,IAAI;GACtD,kBAAC,GAAD,EAAO,SAAS,EAAQ,CAAA;GACxB,kBAAC,GAAD,EAAO,eAAe,EAAiB,CAAA;GACtC,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,MAAK;KACL,SAAS;KACA;KACT,QAAQ;KACR,MAAM;KACN,aAAa;IAChB,GAPQ,CAOR;GAET,CAAC;EACO;;CAGhB,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/BarChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("recharts"),f=require("../utils/cn.cjs"),q=require("./palette.cjs"),y=require("./types.cjs");function T({data:c,index:l,categories:u,colors:r=q.DEFAULT_CHART_COLORS,height:s=300,width:a,stack:d=!1,showLegend:x=!0,showGrid:j=!0,showTooltip:h=!0,valueFormatter:n,className:p}){const C=d?"stack":void 0,i=t.jsxs(e.BarChart,{data:c,width:a,height:s,children:[j?t.jsx(e.CartesianGrid,{strokeDasharray:"3 3"}):null,t.jsx(e.XAxis,{dataKey:l}),t.jsx(e.YAxis,{tickFormatter:n}),h?t.jsx(e.Tooltip,{formatter:y.toTooltipFormatter(n)}):null,x?t.jsx(e.Legend,{}):null,u.map((o,m)=>t.jsx(e.Bar,{dataKey:o,stackId:C,fill:r[m%r.length]},o))]});return t.jsx("div",{className:f.cn(p),children:a!==void 0?i:t.jsx(e.ResponsiveContainer,{width:"100%",height:s,children:i})})}exports.BarChart=T;
-//# sourceMappingURL=BarChart.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,stack:d=!1,showLegend:f=!0,showGrid:p=!0,showTooltip:m=!0,valueFormatter:h,className:g}){let _=t.useChartColors(c),v=d?`stack`:void 0,y=(0,r.jsxs)(i.BarChart,{data:a,width:u,height:l,children:[p?(0,r.jsx)(i.CartesianGrid,{strokeDasharray:`3 3`}):null,(0,r.jsx)(i.XAxis,{dataKey:o}),(0,r.jsx)(i.YAxis,{tickFormatter:h}),m?(0,r.jsx)(i.Tooltip,{formatter:n.toTooltipFormatter(h)}):null,f?(0,r.jsx)(i.Legend,{}):null,s.map((e,t)=>(0,r.jsx)(i.Bar,{dataKey:e,stackId:v,fill:_[t%_.length]},e))]});return(0,r.jsx)(`div`,{className:e.cn(g),children:u===void 0?(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:l,children:y}):y})}exports.BarChart=a;
+//# sourceMappingURL=BarChart.cjs.map

package/dist/charts/BarChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.cjs","sources":["../../src/charts/BarChart.tsx"],"sourcesContent":["import {\n    Bar,\n    BarChart as RBarChart,\n    CartesianGrid,\n    Legend,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * BarChart — themed wrapper over recharts `BarChart`.\n *\n * Plots one bar series per entry in `categories`, colored from `colors`\n * (cycling {@link DEFAULT_CHART_COLORS} by default). When `stack` is set, all\n * bars share a stackId. When `width` is provided the chart renders at that\n * fixed size without a ResponsiveContainer; otherwise it fills its parent.\n */\nexport function BarChart({\n    data,\n    index,\n    categories,\n    colors = DEFAULT_CHART_COLORS,\n    height = 300,\n    width,\n    stack = false,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const stackId = stack ? \"stack\" : undefined;\n\n    const chart = (\n        <RBarChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => (\n                <Bar\n                    key={category}\n                    dataKey={category}\n                    stackId={stackId}\n                    fill={colors[i % colors.length]}\n                />\n            ))}\n        </RBarChart>\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":["BarChart","data","index","categories","colors","DEFAULT_CHART_COLORS","height","width","stack","showLegend","showGrid","showTooltip","valueFormatter","className","stackId","chart","jsxs","RBarChart","jsx","CartesianGrid","XAxis","YAxis","Tooltip","toTooltipFormatter","Legend","category","i","Bar","cn","ResponsiveContainer"],"mappings":"4NAuBO,SAASA,EAAS,CACrB,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,OAAAC,EAASC,EAAAA,qBACT,OAAAC,EAAS,IACT,MAAAC,EACA,MAAAC,EAAQ,GACR,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,eAAAC,EACA,UAAAC,CACJ,EAAwB,CACpB,MAAMC,EAAUN,EAAQ,QAAU,OAE5BO,EACFC,EAAAA,KAACC,EAAAA,SAAA,CAAU,KAAAhB,EAAY,MAAAM,EAAc,OAAAD,EAChC,SAAA,CAAAI,EAAWQ,EAAAA,IAACC,EAAAA,cAAA,CAAc,gBAAgB,KAAA,CAAM,EAAK,KACtDD,EAAAA,IAACE,EAAAA,MAAA,CAAM,QAASlB,CAAA,CAAO,EACvBgB,EAAAA,IAACG,EAAAA,MAAA,CAAM,cAAeT,CAAA,CAAgB,EACrCD,EAAcO,EAAAA,IAACI,EAAAA,QAAA,CAAQ,UAAWC,EAAAA,mBAAmBX,CAAc,EAAG,EAAK,KAC3EH,EAAaS,EAAAA,IAACM,SAAA,CAAA,CAAO,EAAK,KAC1BrB,EAAW,IAAI,CAACsB,EAAUC,IACvBR,EAAAA,IAACS,EAAAA,IAAA,CAEG,QAASF,EACT,QAAAX,EACA,KAAMV,EAAOsB,EAAItB,EAAO,MAAM,CAAA,EAHzBqB,CAAA,CAKZ,CAAA,EACL,EAGJ,OACIP,EAAAA,IAAC,MAAA,CAAI,UAAWU,EAAAA,GAAGf,CAAS,EACvB,SAAAN,IAAU,OACPQ,QAECc,EAAAA,oBAAA,CAAoB,MAAM,OAAO,OAAAvB,EAC7B,WACL,EAER,CAER"}
+{"version":3,"file":"BarChart.cjs","names":[],"sources":["../../src/charts/BarChart.tsx"],"sourcesContent":["import {\n    Bar,\n    BarChart as RBarChart,\n    CartesianGrid,\n    Legend,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * BarChart — themed wrapper over recharts `BarChart`.\n *\n * Plots one bar series per entry in `categories`, colored from `colors`\n * (cycling the `--tempest-chart-*` theme tokens by default). When `stack` is set, all\n * bars share a stackId. When `width` is provided the chart renders at that\n * fixed size without a ResponsiveContainer; otherwise it fills its parent.\n */\nexport function BarChart({\n    data,\n    index,\n    categories,\n    colors,\n    height = 300,\n    width,\n    stack = false,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const palette = useChartColors(colors);\n    const stackId = stack ? \"stack\" : undefined;\n\n    const chart = (\n        <RBarChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => (\n                <Bar\n                    key={category}\n                    dataKey={category}\n                    stackId={stackId}\n                    fill={palette[i % palette.length]}\n                />\n            ))}\n        </RBarChart>\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,EAAS,CACrB,OACA,QACA,aACA,SACA,SAAS,IACT,QACA,QAAQ,GACR,aAAa,GACb,WAAW,GACX,cAAc,GACd,iBACA,aACoB,CACpB,IAAM,EAAU,EAAA,eAAe,CAAM,EAC/B,EAAU,EAAQ,QAAU,IAAA,GAE5B,GACF,EAAA,EAAA,KAAA,CAAC,EAAA,SAAD,CAAiB,OAAa,QAAe,kBAA7C,CACK,GAAW,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CAAe,gBAAgB,KAAO,CAAA,EAAI,MACtD,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CAAO,QAAS,CAAQ,CAAA,GACxB,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CAAO,cAAe,CAAiB,CAAA,EACtC,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,KACvB,EAAA,EAAA,IAAA,CAAC,EAAA,IAAD,CAEI,QAAS,EACA,UACT,KAAM,EAAQ,EAAI,EAAQ,OAC7B,EAJQ,CAIR,CACJ,CACM,IAGf,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/BarChart.js

@@ -1,41 +1,37 @@
-import { jsxs as x, jsx as r } from "react/jsx-runtime";
-import { BarChart as k, CartesianGrid as A, XAxis as B, YAxis as T, Tooltip as v, Legend as L, Bar as R, ResponsiveContainer as j } from "recharts";
-import { cn as y } from "../utils/cn.js";
-import { DEFAULT_CHART_COLORS as D } from "./palette.js";
-import { toTooltipFormatter as F } from "./types.js";
-function H({
-  data: s,
-  index: l,
-  categories: m,
-  colors: t = D,
-  height: a = 300,
-  width: o,
-  stack: d = !1,
-  showLegend: c = !0,
-  showGrid: p = !0,
-  showTooltip: f = !0,
-  valueFormatter: i,
-  className: h
-}) {
-  const u = d ? "stack" : void 0, e = /* @__PURE__ */ x(k, { data: s, width: o, height: a, children: [
-    p ? /* @__PURE__ */ r(A, { strokeDasharray: "3 3" }) : null,
-    /* @__PURE__ */ r(B, { dataKey: l }),
-    /* @__PURE__ */ r(T, { tickFormatter: i }),
-    f ? /* @__PURE__ */ r(v, { formatter: F(i) }) : null,
-    c ? /* @__PURE__ */ r(L, {}) : null,
-    m.map((n, C) => /* @__PURE__ */ r(
-      R,
-      {
-        dataKey: n,
-        stackId: u,
-        fill: t[C % t.length]
-      },
-      n
-    ))
-  ] });
-  return /* @__PURE__ */ r("div", { className: y(h), children: o !== void 0 ? e : /* @__PURE__ */ r(j, { width: "100%", height: a, children: e }) });
+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 { Bar as a, BarChart as o, CartesianGrid as s, Legend as c, ResponsiveContainer as l, Tooltip as u, XAxis as d, YAxis as f } from "recharts";
+//#region src/charts/BarChart.tsx
+function p({ data: p, index: m, categories: h, colors: g, height: _ = 300, width: v, stack: y = !1, showLegend: b = !0, showGrid: x = !0, showTooltip: S = !0, valueFormatter: C, className: w }) {
+	let T = t(g), E = y ? "stack" : void 0, D = /* @__PURE__ */ i(o, {
+		data: p,
+		width: v,
+		height: _,
+		children: [
+			x ? /* @__PURE__ */ r(s, { strokeDasharray: "3 3" }) : null,
+			/* @__PURE__ */ r(d, { dataKey: m }),
+			/* @__PURE__ */ r(f, { tickFormatter: C }),
+			S ? /* @__PURE__ */ r(u, { formatter: n(C) }) : null,
+			b ? /* @__PURE__ */ r(c, {}) : null,
+			h.map((e, t) => /* @__PURE__ */ r(a, {
+				dataKey: e,
+				stackId: E,
+				fill: T[t % T.length]
+			}, e))
+		]
+	});
+	return /* @__PURE__ */ r("div", {
+		className: e(w),
+		children: v === void 0 ? /* @__PURE__ */ r(l, {
+			width: "100%",
+			height: _,
+			children: D
+		}) : D
+	});
 }
-export {
-  H as BarChart
-};
-//# sourceMappingURL=BarChart.js.map
+//#endregion
+export { p as BarChart };
+
+//# sourceMappingURL=BarChart.js.map

package/dist/charts/BarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.js","sources":["../../src/charts/BarChart.tsx"],"sourcesContent":["import {\n    Bar,\n    BarChart as RBarChart,\n    CartesianGrid,\n    Legend,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * BarChart — themed wrapper over recharts `BarChart`.\n *\n * Plots one bar series per entry in `categories`, colored from `colors`\n * (cycling {@link DEFAULT_CHART_COLORS} by default). When `stack` is set, all\n * bars share a stackId. When `width` is provided the chart renders at that\n * fixed size without a ResponsiveContainer; otherwise it fills its parent.\n */\nexport function BarChart({\n    data,\n    index,\n    categories,\n    colors = DEFAULT_CHART_COLORS,\n    height = 300,\n    width,\n    stack = false,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const stackId = stack ? \"stack\" : undefined;\n\n    const chart = (\n        <RBarChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => (\n                <Bar\n                    key={category}\n                    dataKey={category}\n                    stackId={stackId}\n                    fill={colors[i % colors.length]}\n                />\n            ))}\n        </RBarChart>\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":["BarChart","data","index","categories","colors","DEFAULT_CHART_COLORS","height","width","stack","showLegend","showGrid","showTooltip","valueFormatter","className","stackId","chart","jsxs","RBarChart","jsx","CartesianGrid","XAxis","YAxis","Tooltip","toTooltipFormatter","Legend","category","i","Bar","cn","ResponsiveContainer"],"mappings":";;;;;AAuBO,SAASA,EAAS;AAAA,EACrB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAASC;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,WAAAC;AACJ,GAAwB;AACpB,QAAMC,IAAUN,IAAQ,UAAU,QAE5BO,IACF,gBAAAC,EAACC,GAAA,EAAU,MAAAhB,GAAY,OAAAM,GAAc,QAAAD,GAChC,UAAA;AAAA,IAAAI,IAAW,gBAAAQ,EAACC,GAAA,EAAc,iBAAgB,MAAA,CAAM,IAAK;AAAA,IACtD,gBAAAD,EAACE,GAAA,EAAM,SAASlB,EAAA,CAAO;AAAA,IACvB,gBAAAgB,EAACG,GAAA,EAAM,eAAeT,EAAA,CAAgB;AAAA,IACrCD,IAAc,gBAAAO,EAACI,GAAA,EAAQ,WAAWC,EAAmBX,CAAc,GAAG,IAAK;AAAA,IAC3EH,IAAa,gBAAAS,EAACM,GAAA,CAAA,CAAO,IAAK;AAAA,IAC1BrB,EAAW,IAAI,CAACsB,GAAUC,MACvB,gBAAAR;AAAA,MAACS;AAAA,MAAA;AAAA,QAEG,SAASF;AAAA,QACT,SAAAX;AAAA,QACA,MAAMV,EAAOsB,IAAItB,EAAO,MAAM;AAAA,MAAA;AAAA,MAHzBqB;AAAA,IAAA,CAKZ;AAAA,EAAA,GACL;AAGJ,SACI,gBAAAP,EAAC,OAAA,EAAI,WAAWU,EAAGf,CAAS,GACvB,UAAAN,MAAU,SACPQ,sBAECc,GAAA,EAAoB,OAAM,QAAO,QAAAvB,GAC7B,aACL,GAER;AAER;"}
+{"version":3,"file":"BarChart.js","names":[],"sources":["../../src/charts/BarChart.tsx"],"sourcesContent":["import {\n    Bar,\n    BarChart as RBarChart,\n    CartesianGrid,\n    Legend,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * BarChart — themed wrapper over recharts `BarChart`.\n *\n * Plots one bar series per entry in `categories`, colored from `colors`\n * (cycling the `--tempest-chart-*` theme tokens by default). When `stack` is set, all\n * bars share a stackId. When `width` is provided the chart renders at that\n * fixed size without a ResponsiveContainer; otherwise it fills its parent.\n */\nexport function BarChart({\n    data,\n    index,\n    categories,\n    colors,\n    height = 300,\n    width,\n    stack = false,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const palette = useChartColors(colors);\n    const stackId = stack ? \"stack\" : undefined;\n\n    const chart = (\n        <RBarChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => (\n                <Bar\n                    key={category}\n                    dataKey={category}\n                    stackId={stackId}\n                    fill={palette[i % palette.length]}\n                />\n            ))}\n        </RBarChart>\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,EAAS,EACrB,SACA,UACA,eACA,WACA,YAAS,KACT,UACA,WAAQ,IACR,gBAAa,IACb,cAAW,IACX,iBAAc,IACd,mBACA,gBACoB;CACpB,IAAM,IAAU,EAAe,CAAM,GAC/B,IAAU,IAAQ,UAAU,KAAA,GAE5B,IACF,kBAAC,GAAD;EAAiB;EAAa;EAAe;YAA7C;GACK,IAAW,kBAAC,GAAD,EAAe,iBAAgB,MAAO,CAAA,IAAI;GACtD,kBAAC,GAAD,EAAO,SAAS,EAAQ,CAAA;GACxB,kBAAC,GAAD,EAAO,eAAe,EAAiB,CAAA;GACtC,IAAc,kBAAC,GAAD,EAAS,WAAW,EAAmB,CAAc,EAAI,CAAA,IAAI;GAC3E,IAAa,kBAAC,GAAD,CAAS,CAAA,IAAI;GAC1B,EAAW,KAAK,GAAU,MACvB,kBAAC,GAAD;IAEI,SAAS;IACA;IACT,MAAM,EAAQ,IAAI,EAAQ;GAC7B,GAJQ,CAIR,CACJ;EACM;;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/LineChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("recharts"),m=require("../utils/cn.cjs"),C=require("./palette.cjs"),L=require("./types.cjs");function y({data:c,index:l,categories:u,colors:r=C.DEFAULT_CHART_COLORS,height:n=300,width:s,showLegend:d=!0,showGrid:x=!0,showTooltip:j=!0,valueFormatter:i,className:h}){const o=e.jsxs(t.LineChart,{data:c,width:s,height:n,children:[x?e.jsx(t.CartesianGrid,{strokeDasharray:"3 3"}):null,e.jsx(t.XAxis,{dataKey:l}),e.jsx(t.YAxis,{tickFormatter:i}),j?e.jsx(t.Tooltip,{formatter:L.toTooltipFormatter(i)}):null,d?e.jsx(t.Legend,{}):null,u.map((a,p)=>e.jsx(t.Line,{type:"monotone",dataKey:a,stroke:r[p%r.length],dot:!1},a))]});return e.jsx("div",{className:m.cn(h),children:s!==void 0?o:e.jsx(t.ResponsiveContainer,{width:"100%",height:n,children:o})})}exports.LineChart=y;
-//# sourceMappingURL=LineChart.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,showGrid:f=!0,showTooltip:p=!0,valueFormatter:m,className:h}){let g=t.useChartColors(c),_=(0,r.jsxs)(i.LineChart,{data:a,width:u,height:l,children:[f?(0,r.jsx)(i.CartesianGrid,{strokeDasharray:`3 3`}):null,(0,r.jsx)(i.XAxis,{dataKey:o}),(0,r.jsx)(i.YAxis,{tickFormatter:m}),p?(0,r.jsx)(i.Tooltip,{formatter:n.toTooltipFormatter(m)}):null,d?(0,r.jsx)(i.Legend,{}):null,s.map((e,t)=>(0,r.jsx)(i.Line,{type:`monotone`,dataKey:e,stroke:g[t%g.length],dot:!1},e))]});return(0,r.jsx)(`div`,{className:e.cn(h),children:u===void 0?(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:l,children:_}):_})}exports.LineChart=a;
+//# sourceMappingURL=LineChart.cjs.map

package/dist/charts/LineChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.cjs","sources":["../../src/charts/LineChart.tsx"],"sourcesContent":["import {\n    CartesianGrid,\n    Legend,\n    Line,\n    LineChart as RLineChart,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * LineChart — themed wrapper over recharts `LineChart`.\n *\n * Plots one line per entry in `categories`, colored from `colors` (cycling\n * {@link DEFAULT_CHART_COLORS} by default). `stack` is accepted for API parity\n * but does not visually stack lines. When `width` is provided the chart renders\n * at that fixed size without a ResponsiveContainer; otherwise it fills its\n * parent.\n */\nexport function LineChart({\n    data,\n    index,\n    categories,\n    colors = DEFAULT_CHART_COLORS,\n    height = 300,\n    width,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const chart = (\n        <RLineChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => (\n                <Line\n                    key={category}\n                    type=\"monotone\"\n                    dataKey={category}\n                    stroke={colors[i % colors.length]}\n                    dot={false}\n                />\n            ))}\n        </RLineChart>\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":["LineChart","data","index","categories","colors","DEFAULT_CHART_COLORS","height","width","showLegend","showGrid","showTooltip","valueFormatter","className","chart","jsxs","RLineChart","jsx","CartesianGrid","XAxis","YAxis","Tooltip","toTooltipFormatter","Legend","category","i","Line","cn","ResponsiveContainer"],"mappings":"4NAwBO,SAASA,EAAU,CACtB,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,OAAAC,EAASC,EAAAA,qBACT,OAAAC,EAAS,IACT,MAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,eAAAC,EACA,UAAAC,CACJ,EAAwB,CACpB,MAAMC,EACFC,EAAAA,KAACC,EAAAA,UAAA,CAAW,KAAAd,EAAY,MAAAM,EAAc,OAAAD,EACjC,SAAA,CAAAG,EAAWO,EAAAA,IAACC,EAAAA,cAAA,CAAc,gBAAgB,KAAA,CAAM,EAAK,KACtDD,EAAAA,IAACE,EAAAA,MAAA,CAAM,QAAShB,CAAA,CAAO,EACvBc,EAAAA,IAACG,EAAAA,MAAA,CAAM,cAAeR,CAAA,CAAgB,EACrCD,EAAcM,EAAAA,IAACI,EAAAA,QAAA,CAAQ,UAAWC,EAAAA,mBAAmBV,CAAc,EAAG,EAAK,KAC3EH,EAAaQ,EAAAA,IAACM,SAAA,CAAA,CAAO,EAAK,KAC1BnB,EAAW,IAAI,CAACoB,EAAUC,IACvBR,EAAAA,IAACS,EAAAA,KAAA,CAEG,KAAK,WACL,QAASF,EACT,OAAQnB,EAAOoB,EAAIpB,EAAO,MAAM,EAChC,IAAK,EAAA,EAJAmB,CAAA,CAMZ,CAAA,EACL,EAGJ,OACIP,EAAAA,IAAC,MAAA,CAAI,UAAWU,EAAAA,GAAGd,CAAS,EACvB,SAAAL,IAAU,OACPM,QAECc,EAAAA,oBAAA,CAAoB,MAAM,OAAO,OAAArB,EAC7B,WACL,EAER,CAER"}
+{"version":3,"file":"LineChart.cjs","names":[],"sources":["../../src/charts/LineChart.tsx"],"sourcesContent":["import {\n    CartesianGrid,\n    Legend,\n    Line,\n    LineChart as RLineChart,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * LineChart — themed wrapper over recharts `LineChart`.\n *\n * Plots one line per entry in `categories`, colored from `colors` (cycling\n * the `--tempest-chart-*` theme tokens by default). `stack` is accepted for API parity\n * but does not visually stack lines. When `width` is provided the chart renders\n * at that fixed size without a ResponsiveContainer; otherwise it fills its\n * parent.\n */\nexport function LineChart({\n    data,\n    index,\n    categories,\n    colors,\n    height = 300,\n    width,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const palette = useChartColors(colors);\n    const chart = (\n        <RLineChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => (\n                <Line\n                    key={category}\n                    type=\"monotone\"\n                    dataKey={category}\n                    stroke={palette[i % palette.length]}\n                    dot={false}\n                />\n            ))}\n        </RLineChart>\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":"yJAwBA,SAAgB,EAAU,CACtB,OACA,QACA,aACA,SACA,SAAS,IACT,QACA,aAAa,GACb,WAAW,GACX,cAAc,GACd,iBACA,aACoB,CACpB,IAAM,EAAU,EAAA,eAAe,CAAM,EAC/B,GACF,EAAA,EAAA,KAAA,CAAC,EAAA,UAAD,CAAkB,OAAa,QAAe,kBAA9C,CACK,GAAW,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CAAe,gBAAgB,KAAO,CAAA,EAAI,MACtD,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CAAO,QAAS,CAAQ,CAAA,GACxB,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CAAO,cAAe,CAAiB,CAAA,EACtC,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,KACvB,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAEI,KAAK,WACL,QAAS,EACT,OAAQ,EAAQ,EAAI,EAAQ,QAC5B,IAAK,EACR,EALQ,CAKR,CACJ,CACO,IAGhB,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/LineChart.js

@@ -1,41 +1,38 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { LineChart as C, CartesianGrid as L, XAxis as x, YAxis as A, Tooltip as T, Legend as k, Line as y, ResponsiveContainer as R } from "recharts";
-import { cn as j } from "../utils/cn.js";
-import { DEFAULT_CHART_COLORS as v } from "./palette.js";
-import { toTooltipFormatter as D } from "./types.js";
-function G({
-  data: m,
-  index: s,
-  categories: l,
-  colors: t = v,
-  height: e = 300,
-  width: o,
-  showLegend: p = !0,
-  showGrid: d = !0,
-  showTooltip: f = !0,
-  valueFormatter: i,
-  className: c
-}) {
-  const n = /* @__PURE__ */ u(C, { data: m, width: o, height: e, children: [
-    d ? /* @__PURE__ */ r(L, { strokeDasharray: "3 3" }) : null,
-    /* @__PURE__ */ r(x, { dataKey: s }),
-    /* @__PURE__ */ r(A, { tickFormatter: i }),
-    f ? /* @__PURE__ */ r(T, { formatter: D(i) }) : null,
-    p ? /* @__PURE__ */ r(k, {}) : null,
-    l.map((a, h) => /* @__PURE__ */ r(
-      y,
-      {
-        type: "monotone",
-        dataKey: a,
-        stroke: t[h % t.length],
-        dot: !1
-      },
-      a
-    ))
-  ] });
-  return /* @__PURE__ */ r("div", { className: j(c), children: o !== void 0 ? n : /* @__PURE__ */ r(R, { width: "100%", height: e, children: n }) });
+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 { CartesianGrid as a, Legend as o, Line as s, LineChart as c, ResponsiveContainer as l, Tooltip as u, XAxis as d, YAxis as f } from "recharts";
+//#region src/charts/LineChart.tsx
+function p({ data: p, index: m, categories: h, colors: g, height: _ = 300, width: v, showLegend: y = !0, showGrid: b = !0, showTooltip: x = !0, valueFormatter: S, className: C }) {
+	let w = t(g), T = /* @__PURE__ */ i(c, {
+		data: p,
+		width: v,
+		height: _,
+		children: [
+			b ? /* @__PURE__ */ r(a, { strokeDasharray: "3 3" }) : null,
+			/* @__PURE__ */ r(d, { dataKey: m }),
+			/* @__PURE__ */ r(f, { tickFormatter: S }),
+			x ? /* @__PURE__ */ r(u, { formatter: n(S) }) : null,
+			y ? /* @__PURE__ */ r(o, {}) : null,
+			h.map((e, t) => /* @__PURE__ */ r(s, {
+				type: "monotone",
+				dataKey: e,
+				stroke: w[t % w.length],
+				dot: !1
+			}, e))
+		]
+	});
+	return /* @__PURE__ */ r("div", {
+		className: e(C),
+		children: v === void 0 ? /* @__PURE__ */ r(l, {
+			width: "100%",
+			height: _,
+			children: T
+		}) : T
+	});
 }
-export {
-  G as LineChart
-};
-//# sourceMappingURL=LineChart.js.map
+//#endregion
+export { p as LineChart };
+
+//# sourceMappingURL=LineChart.js.map

package/dist/charts/LineChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.js","sources":["../../src/charts/LineChart.tsx"],"sourcesContent":["import {\n    CartesianGrid,\n    Legend,\n    Line,\n    LineChart as RLineChart,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * LineChart — themed wrapper over recharts `LineChart`.\n *\n * Plots one line per entry in `categories`, colored from `colors` (cycling\n * {@link DEFAULT_CHART_COLORS} by default). `stack` is accepted for API parity\n * but does not visually stack lines. When `width` is provided the chart renders\n * at that fixed size without a ResponsiveContainer; otherwise it fills its\n * parent.\n */\nexport function LineChart({\n    data,\n    index,\n    categories,\n    colors = DEFAULT_CHART_COLORS,\n    height = 300,\n    width,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const chart = (\n        <RLineChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => (\n                <Line\n                    key={category}\n                    type=\"monotone\"\n                    dataKey={category}\n                    stroke={colors[i % colors.length]}\n                    dot={false}\n                />\n            ))}\n        </RLineChart>\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":["LineChart","data","index","categories","colors","DEFAULT_CHART_COLORS","height","width","showLegend","showGrid","showTooltip","valueFormatter","className","chart","jsxs","RLineChart","jsx","CartesianGrid","XAxis","YAxis","Tooltip","toTooltipFormatter","Legend","category","i","Line","cn","ResponsiveContainer"],"mappings":";;;;;AAwBO,SAASA,EAAU;AAAA,EACtB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAASC;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,WAAAC;AACJ,GAAwB;AACpB,QAAMC,IACF,gBAAAC,EAACC,GAAA,EAAW,MAAAd,GAAY,OAAAM,GAAc,QAAAD,GACjC,UAAA;AAAA,IAAAG,IAAW,gBAAAO,EAACC,GAAA,EAAc,iBAAgB,MAAA,CAAM,IAAK;AAAA,IACtD,gBAAAD,EAACE,GAAA,EAAM,SAAShB,EAAA,CAAO;AAAA,IACvB,gBAAAc,EAACG,GAAA,EAAM,eAAeR,EAAA,CAAgB;AAAA,IACrCD,IAAc,gBAAAM,EAACI,GAAA,EAAQ,WAAWC,EAAmBV,CAAc,GAAG,IAAK;AAAA,IAC3EH,IAAa,gBAAAQ,EAACM,GAAA,CAAA,CAAO,IAAK;AAAA,IAC1BnB,EAAW,IAAI,CAACoB,GAAUC,MACvB,gBAAAR;AAAA,MAACS;AAAA,MAAA;AAAA,QAEG,MAAK;AAAA,QACL,SAASF;AAAA,QACT,QAAQnB,EAAOoB,IAAIpB,EAAO,MAAM;AAAA,QAChC,KAAK;AAAA,MAAA;AAAA,MAJAmB;AAAA,IAAA,CAMZ;AAAA,EAAA,GACL;AAGJ,SACI,gBAAAP,EAAC,OAAA,EAAI,WAAWU,EAAGd,CAAS,GACvB,UAAAL,MAAU,SACPM,sBAECc,GAAA,EAAoB,OAAM,QAAO,QAAArB,GAC7B,aACL,GAER;AAER;"}
+{"version":3,"file":"LineChart.js","names":[],"sources":["../../src/charts/LineChart.tsx"],"sourcesContent":["import {\n    CartesianGrid,\n    Legend,\n    Line,\n    LineChart as RLineChart,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\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 * LineChart — themed wrapper over recharts `LineChart`.\n *\n * Plots one line per entry in `categories`, colored from `colors` (cycling\n * the `--tempest-chart-*` theme tokens by default). `stack` is accepted for API parity\n * but does not visually stack lines. When `width` is provided the chart renders\n * at that fixed size without a ResponsiveContainer; otherwise it fills its\n * parent.\n */\nexport function LineChart({\n    data,\n    index,\n    categories,\n    colors,\n    height = 300,\n    width,\n    showLegend = true,\n    showGrid = true,\n    showTooltip = true,\n    valueFormatter,\n    className,\n}: CartesianChartProps) {\n    const palette = useChartColors(colors);\n    const chart = (\n        <RLineChart data={data} width={width} height={height}>\n            {showGrid ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n            <XAxis dataKey={index} />\n            <YAxis tickFormatter={valueFormatter} />\n            {showTooltip ? <Tooltip formatter={toTooltipFormatter(valueFormatter)} /> : null}\n            {showLegend ? <Legend /> : null}\n            {categories.map((category, i) => (\n                <Line\n                    key={category}\n                    type=\"monotone\"\n                    dataKey={category}\n                    stroke={palette[i % palette.length]}\n                    dot={false}\n                />\n            ))}\n        </RLineChart>\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":";;;;;;AAwBA,SAAgB,EAAU,EACtB,SACA,UACA,eACA,WACA,YAAS,KACT,UACA,gBAAa,IACb,cAAW,IACX,iBAAc,IACd,mBACA,gBACoB;CACpB,IAAM,IAAU,EAAe,CAAM,GAC/B,IACF,kBAAC,GAAD;EAAkB;EAAa;EAAe;YAA9C;GACK,IAAW,kBAAC,GAAD,EAAe,iBAAgB,MAAO,CAAA,IAAI;GACtD,kBAAC,GAAD,EAAO,SAAS,EAAQ,CAAA;GACxB,kBAAC,GAAD,EAAO,eAAe,EAAiB,CAAA;GACtC,IAAc,kBAAC,GAAD,EAAS,WAAW,EAAmB,CAAc,EAAI,CAAA,IAAI;GAC3E,IAAa,kBAAC,GAAD,CAAS,CAAA,IAAI;GAC1B,EAAW,KAAK,GAAU,MACvB,kBAAC,GAAD;IAEI,MAAK;IACL,SAAS;IACT,QAAQ,EAAQ,IAAI,EAAQ;IAC5B,KAAK;GACR,GALQ,CAKR,CACJ;EACO;;CAGhB,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/PieChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("recharts"),x=require("../utils/cn.cjs"),C=require("./palette.cjs"),R=require("./types.cjs");function f({data:t,category:u,index:n,colors:i=C.DEFAULT_CHART_COLORS,height:s=300,width:l,donut:c=!1,showLegend:d=!0,showTooltip:j=!0,valueFormatter:h,className:m}){const o=e.jsxs(r.PieChart,{width:l,height:s,children:[j?e.jsx(r.Tooltip,{formatter:R.toTooltipFormatter(h)}):null,d?e.jsx(r.Legend,{}):null,e.jsx(r.Pie,{data:t,dataKey:u,nameKey:n,innerRadius:c?"60%":0,outerRadius:"80%",children:t.map((p,a)=>e.jsx(r.Cell,{fill:i[a%i.length]},`${String(p[n])}-${a}`))})]});return e.jsx("div",{className:x.cn(m),children:l!==void 0?o:e.jsx(r.ResponsiveContainer,{width:"100%",height:s,children:o})})}exports.PieChart=f;
-//# sourceMappingURL=PieChart.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,category:o,index:s,colors:c,height:l=300,width:u,donut:d=!1,showLegend:f=!0,showTooltip:p=!0,valueFormatter:m,className:h}){let g=t.useChartColors(c),_=(0,r.jsxs)(i.PieChart,{width:u,height:l,children:[p?(0,r.jsx)(i.Tooltip,{formatter:n.toTooltipFormatter(m)}):null,f?(0,r.jsx)(i.Legend,{}):null,(0,r.jsx)(i.Pie,{data:a,dataKey:o,nameKey:s,innerRadius:d?`60%`:0,outerRadius:`80%`,children:a.map((e,t)=>(0,r.jsx)(i.Cell,{fill:g[t%g.length]},`${String(e[s])}-${t}`))})]});return(0,r.jsx)(`div`,{className:e.cn(h),children:u===void 0?(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:l,children:_}):_})}exports.PieChart=a;
+//# sourceMappingURL=PieChart.cjs.map

package/dist/charts/PieChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PieChart.cjs","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":"4NAeO,SAASA,EAAS,CACrB,KAAAC,EACA,SAAAC,EACA,MAAAC,EACA,OAAAC,EAASC,EAAAA,qBACT,OAAAC,EAAS,IACT,MAAAC,EACA,MAAAC,EAAQ,GACR,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,eAAAC,EACA,UAAAC,CACJ,EAAkB,CACd,MAAMC,EACFC,EAAAA,KAACC,EAAAA,SAAA,CAAU,MAAAR,EAAc,OAAAD,EACpB,SAAA,CAAAI,QAAeM,EAAAA,QAAA,CAAQ,UAAWC,EAAAA,mBAAmBN,CAAc,EAAG,EAAK,KAC3EF,EAAaS,EAAAA,IAACC,SAAA,CAAA,CAAO,EAAK,KAC3BD,EAAAA,IAACE,EAAAA,IAAA,CACG,KAAAnB,EACA,QAASC,EACT,QAASC,EACT,YAAaK,EAAQ,MAAQ,EAC7B,YAAY,MAEX,SAAAP,EAAK,IAAI,CAACoB,EAAKC,IACZJ,EAAAA,IAACK,EAAAA,KAAA,CAAwC,KAAMnB,EAAOkB,EAAIlB,EAAO,MAAM,CAAA,EAA5D,GAAG,OAAOiB,EAAIlB,CAAK,CAAC,CAAC,IAAImB,CAAC,EAAqC,CAC7E,CAAA,CAAA,CACL,EACJ,EAGJ,OACIJ,EAAAA,IAAC,MAAA,CAAI,UAAWM,EAAAA,GAAGZ,CAAS,EACvB,SAAAL,IAAU,OACPM,QAECY,EAAAA,oBAAA,CAAoB,MAAM,OAAO,OAAAnB,EAC7B,WACL,EAER,CAER"}
+{"version":3,"file":"PieChart.cjs","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":"yJAeA,SAAgB,EAAS,CACrB,OACA,WACA,QACA,SACA,SAAS,IACT,QACA,QAAQ,GACR,aAAa,GACb,cAAc,GACd,iBACA,aACc,CACd,IAAM,EAAU,EAAA,eAAe,CAAM,EAC/B,GACF,EAAA,EAAA,KAAA,CAAC,EAAA,SAAD,CAAkB,QAAe,kBAAjC,CACK,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,MAC3B,EAAA,EAAA,IAAA,CAAC,EAAA,IAAD,CACU,OACN,QAAS,EACT,QAAS,EACT,YAAa,EAAQ,MAAQ,EAC7B,YAAY,eAEX,EAAK,KAAK,EAAK,KACZ,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAAyC,KAAM,EAAQ,EAAI,EAAQ,OAAU,EAAlE,GAAG,OAAO,EAAI,EAAM,EAAE,GAAG,GAAyC,CAChF,CACA,CAAA,CACE,IAGf,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"}