open-mcp-app-ui 0.0.7 → 0.0.8

package/dist/charts/index.d.ts

@@ -2,12 +2,89 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CSSProperties, ReactNode } from 'react';
 export { Area, Bar, CartesianGrid, Cell, Legend, Line, Pie, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, Tooltip as RechartsTooltip, ReferenceArea, ReferenceLine, ResponsiveContainer, Scatter, XAxis, YAxis } from 'recharts';
 
+/**
+ * Chart Theme — CSS variable mapping for Recharts.
+ *
+ * Reads MCP Apps spec CSS variables at render time and provides
+ * them as style objects for Recharts sub-components (tooltip, grid,
+ * axis labels, legend). This is how charts automatically adapt to
+ * the host's theme without configuration.
+ */
+/**
+ * Resolve a CSS variable value at runtime.
+ * Falls back to the provided default if the variable is not set.
+ *
+ * Recharts requires resolved color values for SVG attributes (stroke, fill)
+ * because SVG doesn't support var() in most attributes. We check both
+ * document.documentElement (inline styles set by the host SDK) and
+ * document.body as a fallback, since hosts may inject CSS variables
+ * on either element.
+ */
+declare const getCSSVar: ({ name, fallback }: {
+    name: string;
+    fallback: string;
+}) => string;
+/**
+ * Themed tooltip style object for Recharts <Tooltip>.
+ * Applied via contentStyle, labelStyle, and wrapperStyle props.
+ */
+declare const getTooltipStyle: () => {
+    contentStyle: {
+        backgroundColor: string;
+        border: string;
+        borderRadius: string;
+        color: string;
+        fontSize: string;
+        fontFamily: string;
+        padding: string;
+        boxShadow: string;
+    };
+    labelStyle: {
+        color: string;
+        fontWeight: number;
+        marginBottom: string;
+    };
+};
 /**
  * Border variant type shared across chart sub-components.
  * - "default" uses --color-border-primary (stronger)
  * - "secondary" uses --color-border-secondary (subtler)
  */
 type ChartBorderVariant = "default" | "secondary";
+/**
+ * Themed grid line color for <CartesianGrid>.
+ * Grids default to secondary (subtle background lines).
+ */
+declare const getGridColor: ({ variant }?: {
+    variant?: ChartBorderVariant;
+}) => string;
+/**
+ * Themed axis tick/label style for <XAxis> and <YAxis>.
+ * Axis lines default to primary (visible structural lines).
+ */
+declare const getAxisStyle: ({ variant }?: {
+    variant?: ChartBorderVariant;
+}) => {
+    tick: {
+        fill: string;
+        fontSize: string;
+        fontFamily: string;
+    };
+    axisLine: {
+        stroke: string;
+    };
+    tickLine: {
+        stroke: string;
+    };
+};
+/**
+ * Themed legend style for <Legend>.
+ */
+declare const getLegendStyle: () => {
+    color: string;
+    fontSize: string;
+    fontFamily: string;
+};
 
 /**
  * Shared chart types.
@@ -162,4 +239,4 @@ declare const ComposedChart: ({ data, height, colorPalette, className, style, gr
  */
 declare const ThemedTooltip: (props: any) => react_jsx_runtime.JSX.Element;
 
-export { AreaChart, BarChart, type ChartBorderVariant, type ChartContainerProps, ComposedChart, DEFAULT_PALETTE, LineChart, PieChart, RadarChart, ScatterChart, ThemedTooltip as Tooltip };
+export { AreaChart, BarChart, type ChartBorderVariant, type ChartContainerProps, ComposedChart, DEFAULT_PALETTE, LineChart, PieChart, RadarChart, ScatterChart, ThemedTooltip as Tooltip, getAxisStyle, getCSSVar, getGridColor, getLegendStyle, getTooltipStyle };

package/dist/charts/index.js

@@ -28,15 +28,19 @@ var ChartContainer = ({
   height = 300,
   className = "",
   style,
+  borderVariant = "default",
   children
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: `omu-chart w-full ${className}`,
-    style: { height: `${height}px`, ...style },
-    children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children })
-  }
-);
+}) => {
+  const baseClass = borderVariant === "secondary" ? "omu-chart-secondary" : "omu-chart";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `${baseClass} w-full ${className}`,
+      style: { height: `${height}px`, ...style },
+      children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children })
+    }
+  );
+};
 var getSeriesColor = ({
   index,
   palette
@@ -49,7 +53,17 @@ var getSeriesColor = ({
 import React from "react";
 var getCSSVar = ({ name, fallback }) => {
   if (typeof window === "undefined") return fallback;
-  const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+  const root = document.documentElement;
+  let value = root.style.getPropertyValue(name).trim();
+  if (!value) {
+    value = getComputedStyle(root).getPropertyValue(name).trim();
+  }
+  if (!value && document.body) {
+    value = document.body.style.getPropertyValue(name).trim();
+    if (!value) {
+      value = getComputedStyle(document.body).getPropertyValue(name).trim();
+    }
+  }
   return value || fallback;
 };
 var getTooltipStyle = () => ({
@@ -88,7 +102,8 @@ var themeAxisChild = ({
   child,
   variant = "default",
   XAxis: XAxis2,
-  YAxis: YAxis2
+  YAxis: YAxis2,
+  CartesianGrid: CartesianGrid7
 }) => {
   const t = child.type;
   const dn = t?.displayName;
@@ -101,8 +116,20 @@ var themeAxisChild = ({
       tickLine: props.tickLine === false ? false : { ...style.tickLine, ...typeof props.tickLine === "object" && props.tickLine ? props.tickLine : {} }
     });
   }
+  if (CartesianGrid7 && (t === CartesianGrid7 || dn === "CartesianGrid")) {
+    const props = child.props;
+    return React.cloneElement(child, {
+      stroke: props.stroke ?? getGridColor({ variant }),
+      opacity: props.opacity ?? 0.5
+    });
+  }
   return null;
 };
+var getLegendStyle = () => ({
+  color: getCSSVar({ name: "--color-text-secondary", fallback: "#6b7280" }),
+  fontSize: getCSSVar({ name: "--font-text-sm-size", fallback: "13px" }),
+  fontFamily: getCSSVar({ name: "--font-sans", fallback: "ui-sans-serif, system-ui, sans-serif" })
+});
 
 // src/charts/LineChart.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -119,7 +146,7 @@ var LineChart = ({
   let seriesIndex = 0;
   const themedChildren = Children.map(children, (child) => {
     if (!isValidElement(child)) return child;
-    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis });
+    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis, CartesianGrid });
     if (themedAxis) return themedAxis;
     if (child.type === RechartsLine || child.type?.displayName === "Line") {
       const idx = seriesIndex++;
@@ -133,8 +160,8 @@ var LineChart = ({
     }
     return child;
   });
-  return /* @__PURE__ */ jsx2(ChartContainer, { height, className, style, children: /* @__PURE__ */ jsxs(RechartsLineChart, { data, margin: { top: 5, right: 20, bottom: 5, left: 0 }, children: [
-    grid && /* @__PURE__ */ jsx2(CartesianGrid, { strokeDasharray: "3 3", stroke: getGridColor(), opacity: 0.5 }),
+  return /* @__PURE__ */ jsx2(ChartContainer, { height, className, style, borderVariant, children: /* @__PURE__ */ jsxs(RechartsLineChart, { data, margin: { top: 5, right: 20, bottom: 5, left: 0 }, children: [
+    grid && /* @__PURE__ */ jsx2(CartesianGrid, { strokeDasharray: "3 3" }),
     themedChildren
   ] }) });
 };
@@ -162,7 +189,7 @@ var BarChart = ({
   let seriesIndex = 0;
   const themedChildren = Children2.map(children, (child) => {
     if (!isValidElement2(child)) return child;
-    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis2, YAxis: RechartsYAxis2 });
+    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis2, YAxis: RechartsYAxis2, CartesianGrid: CartesianGrid2 });
     if (themedAxis) return themedAxis;
     if (child.type === RechartsBar || child.type?.displayName === "Bar") {
       const idx = seriesIndex++;
@@ -174,8 +201,8 @@ var BarChart = ({
     }
     return child;
   });
-  return /* @__PURE__ */ jsx3(ChartContainer, { height, className, style, children: /* @__PURE__ */ jsxs2(RechartsBarChart, { data, margin: { top: 5, right: 20, bottom: 5, left: 0 }, children: [
-    grid && /* @__PURE__ */ jsx3(CartesianGrid2, { strokeDasharray: "3 3", stroke: getGridColor(), opacity: 0.5, vertical: false }),
+  return /* @__PURE__ */ jsx3(ChartContainer, { height, className, style, borderVariant, children: /* @__PURE__ */ jsxs2(RechartsBarChart, { data, margin: { top: 5, right: 20, bottom: 5, left: 0 }, children: [
+    grid && /* @__PURE__ */ jsx3(CartesianGrid2, { strokeDasharray: "3 3", vertical: false }),
     themedChildren
   ] }) });
 };
@@ -203,7 +230,7 @@ var AreaChart = ({
   let seriesIndex = 0;
   const themedChildren = Children3.map(children, (child) => {
     if (!isValidElement3(child)) return child;
-    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis3, YAxis: RechartsYAxis3 });
+    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis3, YAxis: RechartsYAxis3, CartesianGrid: CartesianGrid3 });
     if (themedAxis) return themedAxis;
     if (child.type === RechartsArea || child.type?.displayName === "Area") {
       const idx = seriesIndex++;
@@ -217,8 +244,8 @@ var AreaChart = ({
     }
     return child;
   });
-  return /* @__PURE__ */ jsx4(ChartContainer, { height, className, style, children: /* @__PURE__ */ jsxs3(RechartsAreaChart, { data, margin: { top: 5, right: 20, bottom: 5, left: 0 }, children: [
-    grid && /* @__PURE__ */ jsx4(CartesianGrid3, { strokeDasharray: "3 3", stroke: getGridColor(), opacity: 0.5 }),
+  return /* @__PURE__ */ jsx4(ChartContainer, { height, className, style, borderVariant, children: /* @__PURE__ */ jsxs3(RechartsAreaChart, { data, margin: { top: 5, right: 20, bottom: 5, left: 0 }, children: [
+    grid && /* @__PURE__ */ jsx4(CartesianGrid3, { strokeDasharray: "3 3" }),
     themedChildren
   ] }) });
 };
@@ -279,7 +306,7 @@ var ScatterChart = ({
   let seriesIndex = 0;
   const themedChildren = Children5.map(children, (child) => {
     if (!isValidElement5(child)) return child;
-    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis4, YAxis: RechartsYAxis4 });
+    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis4, YAxis: RechartsYAxis4, CartesianGrid: CartesianGrid4 });
     if (themedAxis) return themedAxis;
     if (child.type === RechartsScatter || child.type?.displayName === "Scatter") {
       const idx = seriesIndex++;
@@ -290,8 +317,8 @@ var ScatterChart = ({
     }
     return child;
   });
-  return /* @__PURE__ */ jsx6(ChartContainer, { height, className, style, children: /* @__PURE__ */ jsxs4(RechartsScatterChart, { margin: { top: 5, right: 20, bottom: 5, left: 0 }, children: [
-    grid && /* @__PURE__ */ jsx6(CartesianGrid4, { strokeDasharray: "3 3", stroke: getGridColor(), opacity: 0.5 }),
+  return /* @__PURE__ */ jsx6(ChartContainer, { height, className, style, borderVariant, children: /* @__PURE__ */ jsxs4(RechartsScatterChart, { margin: { top: 5, right: 20, bottom: 5, left: 0 }, children: [
+    grid && /* @__PURE__ */ jsx6(CartesianGrid4, { strokeDasharray: "3 3" }),
     themedChildren
   ] }) });
 };
@@ -353,7 +380,7 @@ var ComposedChart = ({
   let seriesIndex = 0;
   const themedChildren = Children7.map(children, (child) => {
     if (!isValidElement7(child)) return child;
-    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis5, YAxis: RechartsYAxis5 });
+    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis5, YAxis: RechartsYAxis5, CartesianGrid: CartesianGrid5 });
     if (themedAxis) return themedAxis;
     const t = child.type;
     const dn = t?.displayName;
@@ -384,8 +411,8 @@ var ComposedChart = ({
     }
     return child;
   });
-  return /* @__PURE__ */ jsx8(ChartContainer, { height, className, style, children: /* @__PURE__ */ jsxs5(RechartsComposedChart, { data, margin: { top: 5, right: 20, bottom: 5, left: 0 }, children: [
-    grid && /* @__PURE__ */ jsx8(CartesianGrid5, { strokeDasharray: "3 3", stroke: getGridColor(), opacity: 0.5 }),
+  return /* @__PURE__ */ jsx8(ChartContainer, { height, className, style, borderVariant, children: /* @__PURE__ */ jsxs5(RechartsComposedChart, { data, margin: { top: 5, right: 20, bottom: 5, left: 0 }, children: [
+    grid && /* @__PURE__ */ jsx8(CartesianGrid5, { strokeDasharray: "3 3" }),
     themedChildren
   ] }) });
 };
@@ -455,6 +482,11 @@ export {
   ScatterChart,
   ThemedTooltip as Tooltip,
   XAxis,
-  YAxis
+  YAxis,
+  getAxisStyle,
+  getCSSVar,
+  getGridColor,
+  getLegendStyle,
+  getTooltipStyle
 };
 //# sourceMappingURL=index.js.map

package/dist/charts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/LineChart.tsx","../../src/charts/ChartContainer.tsx","../../src/charts/types.ts","../../src/charts/theme.ts","../../src/charts/BarChart.tsx","../../src/charts/AreaChart.tsx","../../src/charts/PieChart.tsx","../../src/charts/ScatterChart.tsx","../../src/charts/RadarChart.tsx","../../src/charts/ComposedChart.tsx","../../src/charts/ThemedTooltip.tsx","../../src/charts/index.ts"],"sourcesContent":["/**\n * LineChart — Themed line/trend chart wrapper.\n *\n * Thin wrapper around Recharts' LineChart that auto-applies\n * MCP Apps spec CSS variable theming to all visual elements.\n *\n * @example\n * ```tsx\n * import { LineChart, Line, XAxis, YAxis, Tooltip } from \"open-mcp-app-ui/charts\";\n *\n * <LineChart data={data} height={300}>\n *   <XAxis dataKey=\"month\" />\n *   <YAxis />\n *   <Tooltip />\n *   <Line dataKey=\"revenue\" />\n * </LineChart>\n * ```\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  LineChart as RechartsLineChart,\n  Line as RechartsLine,\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport { getGridColor, themeAxisChild, type ChartBorderVariant } from \"./theme.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedLineChartProps extends ChartContainerProps {\n  /** Chart data array. Each entry is one data point. */\n  data: Record<string, unknown>[];\n  /** Child elements (Line, XAxis, YAxis, Tooltip, Legend, etc.) */\n  children: ReactNode;\n  /** Show background grid lines. */\n  grid?: boolean;\n  /**\n   * Border variant for axis lines and tick marks.\n   * - \"default\" — uses --color-border-primary (stronger)\n   * - \"secondary\" — uses --color-border-secondary (subtler)\n   */\n  borderVariant?: ChartBorderVariant;\n}\n\n/**\n * Themed LineChart.\n * Automatically assigns palette colors to Line children and\n * applies themed axis styles to XAxis/YAxis children.\n */\nexport const LineChart = ({\n  data,\n  height,\n  colorPalette,\n  className,\n  style,\n  grid = true,\n  borderVariant = \"default\",\n  children,\n}: ThemedLineChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n\n    // Theme axis children\n    const themedAxis = themeAxisChild({ child: child as React.ReactElement<any>, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis });\n    if (themedAxis) return themedAxis;\n\n    if ((child.type as any) === RechartsLine || (child.type as any)?.displayName === \"Line\") {\n      const idx = seriesIndex++;\n      const existing = (child.props as any).stroke;\n      return cloneElement(child as React.ReactElement<any>, {\n        stroke: existing || getSeriesColor({ index: idx, palette: colorPalette }),\n        strokeWidth: (child.props as any).strokeWidth ?? 2,\n        dot: (child.props as any).dot ?? false,\n        activeDot: (child.props as any).activeDot ?? { r: 4 },\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style}>\n      <RechartsLineChart data={data} margin={{ top: 5, right: 20, bottom: 5, left: 0 }}>\n        {grid && <CartesianGrid strokeDasharray=\"3 3\" stroke={getGridColor()} opacity={0.5} />}\n        {themedChildren}\n      </RechartsLineChart>\n    </ChartContainer>\n  );\n};\n","/**\n * ChartContainer — Responsive wrapper for all chart types.\n *\n * Wraps Recharts' ResponsiveContainer with the theme palette context.\n * All chart wrappers use this internally. Not exported directly — each\n * chart type (LineChart, BarChart, etc.) composes it.\n */\n\nimport { type ReactNode } from \"react\";\nimport { ResponsiveContainer } from \"recharts\";\nimport { DEFAULT_PALETTE, type ChartContainerProps } from \"./types.js\";\n\n/**\n * Provides a responsive, themed container for a Recharts chart.\n * Fills 100% width of its parent and uses the specified height.\n */\nexport const ChartContainer = ({\n  height = 300,\n  className = \"\",\n  style,\n  children,\n}: ChartContainerProps & { children: ReactNode }) => (\n  <div\n    className={`omu-chart w-full ${className}`}\n    style={{ height: `${height}px`, ...style }}\n  >\n    <ResponsiveContainer width=\"100%\" height=\"100%\">\n      {children as React.ReactElement}\n    </ResponsiveContainer>\n  </div>\n);\n\n/**\n * Get the color for a given series index from the palette.\n * Wraps around if there are more series than palette entries.\n */\nexport const getSeriesColor = ({\n  index,\n  palette,\n}: {\n  index: number;\n  palette?: string[];\n}): string => {\n  const colors = palette ?? DEFAULT_PALETTE;\n  return colors[index % colors.length];\n};\n","/**\n * Shared chart types.\n * Defines the theme interface and common props used across all chart wrappers.\n */\n\nimport type { CSSProperties } from \"react\";\n\n/**\n * Color palette for multi-series charts.\n * Each series gets the next color in the palette.\n * Uses CSS variables from the MCP Apps spec where possible,\n * with opacity variations for additional series.\n */\nexport const DEFAULT_PALETTE = [\n  \"var(--color-accent, #6366f1)\",\n  \"var(--color-text-secondary, #6b7280)\",\n  \"var(--color-ring-primary, #a78bfa)\",\n  \"var(--color-text-tertiary, #9ca3af)\",\n  \"var(--color-border-primary, #d1d5db)\",\n  \"color-mix(in srgb, var(--color-accent, #6366f1) 60%, transparent)\",\n  \"color-mix(in srgb, var(--color-accent, #6366f1) 35%, transparent)\",\n];\n\n/**\n * Base props shared by all chart container wrappers.\n */\nexport interface ChartContainerProps {\n  /** Chart height in pixels. Width is always 100% of parent. */\n  height?: number;\n  /** Custom color palette for series data. Overrides the default palette. */\n  colorPalette?: string[];\n  /** Additional CSS class on the outermost wrapper. */\n  className?: string;\n  /** Inline styles on the outermost wrapper. */\n  style?: CSSProperties;\n}\n","import React from \"react\";\n\n/**\n * Chart Theme — CSS variable mapping for Recharts.\n *\n * Reads MCP Apps spec CSS variables at render time and provides\n * them as style objects for Recharts sub-components (tooltip, grid,\n * axis labels, legend). This is how charts automatically adapt to\n * the host's theme without configuration.\n */\n\n/**\n * Resolve a CSS variable value at runtime.\n * Falls back to the provided default if the variable is not set.\n */\nexport const getCSSVar = ({ name, fallback }: { name: string; fallback: string }): string => {\n  if (typeof window === \"undefined\") return fallback;\n  const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();\n  return value || fallback;\n};\n\n/**\n * Themed tooltip style object for Recharts <Tooltip>.\n * Applied via contentStyle, labelStyle, and wrapperStyle props.\n */\nexport const getTooltipStyle = () => ({\n  contentStyle: {\n    backgroundColor: getCSSVar({ name: \"--color-background-secondary\", fallback: \"#f9fafb\" }),\n    border: `1px solid ${getCSSVar({ name: \"--color-border-secondary\", fallback: \"#e5e7eb\" })}`,\n    borderRadius: getCSSVar({ name: \"--border-radius-md\", fallback: \"8px\" }),\n    color: getCSSVar({ name: \"--color-text-primary\", fallback: \"#111827\" }),\n    fontSize: getCSSVar({ name: \"--font-text-sm-size\", fallback: \"13px\" }),\n    fontFamily: getCSSVar({ name: \"--font-sans\", fallback: \"ui-sans-serif, system-ui, sans-serif\" }),\n    padding: \"8px 12px\",\n    boxShadow: \"0 4px 12px rgba(0,0,0,0.08)\",\n  },\n  labelStyle: {\n    color: getCSSVar({ name: \"--color-text-primary\", fallback: \"#111827\" }),\n    fontWeight: 500,\n    marginBottom: \"4px\",\n  },\n});\n\n/**\n * Border variant type shared across chart sub-components.\n * - \"default\" uses --color-border-primary (stronger)\n * - \"secondary\" uses --color-border-secondary (subtler)\n */\nexport type ChartBorderVariant = \"default\" | \"secondary\";\n\n/**\n * Resolve the border CSS variable for the given variant.\n */\nconst getBorderColor = ({ variant = \"default\" }: { variant?: ChartBorderVariant } = {}): string =>\n  variant === \"secondary\"\n    ? getCSSVar({ name: \"--color-border-secondary\", fallback: \"#e5e7eb\" })\n    : getCSSVar({ name: \"--color-border-primary\", fallback: \"#d1d5db\" });\n\n/**\n * Themed grid line color for <CartesianGrid>.\n * Grids default to secondary (subtle background lines).\n */\nexport const getGridColor = ({ variant = \"secondary\" }: { variant?: ChartBorderVariant } = {}): string =>\n  getBorderColor({ variant });\n\n/**\n * Themed axis tick/label style for <XAxis> and <YAxis>.\n * Axis lines default to primary (visible structural lines).\n */\nexport const getAxisStyle = ({ variant = \"default\" }: { variant?: ChartBorderVariant } = {}) => ({\n  tick: {\n    fill: getCSSVar({ name: \"--color-text-secondary\", fallback: \"#6b7280\" }),\n    fontSize: getCSSVar({ name: \"--font-text-xs-size\", fallback: \"11px\" }),\n    fontFamily: getCSSVar({ name: \"--font-sans\", fallback: \"ui-sans-serif, system-ui, sans-serif\" }),\n  },\n  axisLine: {\n    stroke: getBorderColor({ variant }),\n  },\n  tickLine: {\n    stroke: getBorderColor({ variant }),\n  },\n});\n\n/**\n * Apply themed axis styles to an XAxis or YAxis child via cloneElement.\n *\n * Recharts identifies axis components by child.type, so wrapping them\n * in custom components breaks chart rendering. Instead, chart wrappers\n * call this in their Children.map loop to inject theme props while\n * preserving the original Recharts component type.\n *\n * Returns a cloned element with themed tick, axisLine, and tickLine,\n * or the original child untouched if it's not an axis component.\n */\nexport const themeAxisChild = ({\n  child,\n  variant = \"default\",\n  XAxis,\n  YAxis,\n}: {\n  child: React.ReactElement<any>;\n  variant?: ChartBorderVariant;\n  XAxis: any;\n  YAxis: any;\n}): React.ReactElement<any> | null => {\n  const t = child.type as any;\n  const dn = t?.displayName;\n\n  if (t === XAxis || t === YAxis || dn === \"XAxis\" || dn === \"YAxis\") {\n    const style = getAxisStyle({ variant });\n    const props = child.props as any;\n    return React.cloneElement(child, {\n      tick: props.tick === false ? false : { ...style.tick, ...(typeof props.tick === \"object\" && props.tick ? props.tick : {}) },\n      axisLine: props.axisLine === false ? false : { ...style.axisLine, ...(typeof props.axisLine === \"object\" && props.axisLine ? props.axisLine : {}) },\n      tickLine: props.tickLine === false ? false : { ...style.tickLine, ...(typeof props.tickLine === \"object\" && props.tickLine ? props.tickLine : {}) },\n    });\n  }\n\n  return null;\n};\n\n/**\n * Themed legend style for <Legend>.\n */\nexport const getLegendStyle = () => ({\n  color: getCSSVar({ name: \"--color-text-secondary\", fallback: \"#6b7280\" }),\n  fontSize: getCSSVar({ name: \"--font-text-sm-size\", fallback: \"13px\" }),\n  fontFamily: getCSSVar({ name: \"--font-sans\", fallback: \"ui-sans-serif, system-ui, sans-serif\" }),\n});\n","/**\n * BarChart — Themed bar/column chart wrapper.\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  BarChart as RechartsBarChart,\n  Bar as RechartsBar,\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport { getGridColor, themeAxisChild, type ChartBorderVariant } from \"./theme.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedBarChartProps extends ChartContainerProps {\n  /** Chart data array. */\n  data: Record<string, unknown>[];\n  children: ReactNode;\n  grid?: boolean;\n  /**\n   * Border variant for axis lines and tick marks.\n   * - \"default\" — uses --color-border-primary (stronger)\n   * - \"secondary\" — uses --color-border-secondary (subtler)\n   */\n  borderVariant?: ChartBorderVariant;\n}\n\n/**\n * Themed BarChart.\n * Automatically assigns palette colors to Bar children and\n * applies themed axis styles to XAxis/YAxis children.\n */\nexport const BarChart = ({\n  data,\n  height,\n  colorPalette,\n  className,\n  style,\n  grid = true,\n  borderVariant = \"default\",\n  children,\n}: ThemedBarChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n\n    const themedAxis = themeAxisChild({ child: child as React.ReactElement<any>, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis });\n    if (themedAxis) return themedAxis;\n\n    if ((child.type as any) === RechartsBar || (child.type as any)?.displayName === \"Bar\") {\n      const idx = seriesIndex++;\n      const existing = (child.props as any).fill;\n      return cloneElement(child as React.ReactElement<any>, {\n        fill: existing || getSeriesColor({ index: idx, palette: colorPalette }),\n        radius: (child.props as any).radius ?? [4, 4, 0, 0],\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style}>\n      <RechartsBarChart data={data} margin={{ top: 5, right: 20, bottom: 5, left: 0 }}>\n        {grid && <CartesianGrid strokeDasharray=\"3 3\" stroke={getGridColor()} opacity={0.5} vertical={false} />}\n        {themedChildren}\n      </RechartsBarChart>\n    </ChartContainer>\n  );\n};\n","/**\n * AreaChart — Themed area/volume chart wrapper.\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  AreaChart as RechartsAreaChart,\n  Area as RechartsArea,\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport { getGridColor, themeAxisChild, type ChartBorderVariant } from \"./theme.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedAreaChartProps extends ChartContainerProps {\n  data: Record<string, unknown>[];\n  children: ReactNode;\n  grid?: boolean;\n  /**\n   * Border variant for axis lines and tick marks.\n   * - \"default\" — uses --color-border-primary (stronger)\n   * - \"secondary\" — uses --color-border-secondary (subtler)\n   */\n  borderVariant?: ChartBorderVariant;\n}\n\n/**\n * Themed AreaChart.\n * Auto-assigns palette colors with gradient fill to Area children and\n * applies themed axis styles to XAxis/YAxis children.\n */\nexport const AreaChart = ({\n  data,\n  height,\n  colorPalette,\n  className,\n  style,\n  grid = true,\n  borderVariant = \"default\",\n  children,\n}: ThemedAreaChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n\n    const themedAxis = themeAxisChild({ child: child as React.ReactElement<any>, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis });\n    if (themedAxis) return themedAxis;\n\n    if ((child.type as any) === RechartsArea || (child.type as any)?.displayName === \"Area\") {\n      const idx = seriesIndex++;\n      const color = (child.props as any).stroke || getSeriesColor({ index: idx, palette: colorPalette });\n      return cloneElement(child as React.ReactElement<any>, {\n        stroke: color,\n        fill: (child.props as any).fill || color,\n        fillOpacity: (child.props as any).fillOpacity ?? 0.15,\n        strokeWidth: (child.props as any).strokeWidth ?? 2,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style}>\n      <RechartsAreaChart data={data} margin={{ top: 5, right: 20, bottom: 5, left: 0 }}>\n        {grid && <CartesianGrid strokeDasharray=\"3 3\" stroke={getGridColor()} opacity={0.5} />}\n        {themedChildren}\n      </RechartsAreaChart>\n    </ChartContainer>\n  );\n};\n","/**\n * PieChart — Themed pie/donut chart wrapper.\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  PieChart as RechartsPieChart,\n  Pie as RechartsPie,\n  Cell,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedPieChartProps extends Omit<ChartContainerProps, \"height\"> {\n  /** Chart height (also used for approximate width in responsive container). */\n  height?: number;\n  children: ReactNode;\n}\n\n/**\n * Themed PieChart.\n * Auto-assigns palette colors to Pie data via Cell children when no\n * explicit fill is provided on individual data entries.\n */\nexport const PieChart = ({\n  height,\n  colorPalette,\n  className,\n  style,\n  children,\n}: ThemedPieChartProps) => {\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n    if ((child.type as any) === RechartsPie || (child.type as any)?.displayName === \"Pie\") {\n      const props = child.props as any;\n      const data: any[] = props.data ?? [];\n      /**\n       * If the Pie has no Cell children, inject them automatically\n       * so each slice gets a palette color.\n       */\n      const hasExplicitCells = Children.toArray(props.children).some(\n        (c: any) => isValidElement(c) && ((c.type as any) === Cell || (c.type as any)?.displayName === \"Cell\")\n      );\n      if (!hasExplicitCells && data.length > 0) {\n        return cloneElement(child as React.ReactElement<any>, {\n          children: data.map((_, i) => (\n            <Cell key={`cell-${i}`} fill={getSeriesColor({ index: i, palette: colorPalette })} />\n          )),\n        });\n      }\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style}>\n      <RechartsPieChart>\n        {themedChildren}\n      </RechartsPieChart>\n    </ChartContainer>\n  );\n};\n","/**\n * ScatterChart — Themed scatter/correlation chart wrapper.\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  ScatterChart as RechartsScatterChart,\n  Scatter as RechartsScatter,\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport { getGridColor, themeAxisChild, type ChartBorderVariant } from \"./theme.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedScatterChartProps extends ChartContainerProps {\n  children: ReactNode;\n  grid?: boolean;\n  /**\n   * Border variant for axis lines and tick marks.\n   * - \"default\" — uses --color-border-primary (stronger)\n   * - \"secondary\" — uses --color-border-secondary (subtler)\n   */\n  borderVariant?: ChartBorderVariant;\n}\n\n/**\n * Themed ScatterChart.\n * Auto-assigns palette fill colors to Scatter children and\n * applies themed axis styles to XAxis/YAxis children.\n */\nexport const ScatterChart = ({\n  height,\n  colorPalette,\n  className,\n  style,\n  grid = true,\n  borderVariant = \"default\",\n  children,\n}: ThemedScatterChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n\n    const themedAxis = themeAxisChild({ child: child as React.ReactElement<any>, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis });\n    if (themedAxis) return themedAxis;\n\n    if ((child.type as any) === RechartsScatter || (child.type as any)?.displayName === \"Scatter\") {\n      const idx = seriesIndex++;\n      const existing = (child.props as any).fill;\n      return cloneElement(child as React.ReactElement<any>, {\n        fill: existing || getSeriesColor({ index: idx, palette: colorPalette }),\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style}>\n      <RechartsScatterChart margin={{ top: 5, right: 20, bottom: 5, left: 0 }}>\n        {grid && <CartesianGrid strokeDasharray=\"3 3\" stroke={getGridColor()} opacity={0.5} />}\n        {themedChildren}\n      </RechartsScatterChart>\n    </ChartContainer>\n  );\n};\n","/**\n * RadarChart — Themed radar/spider chart wrapper.\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  RadarChart as RechartsRadarChart,\n  Radar as RechartsRadar,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedRadarChartProps extends ChartContainerProps {\n  data: Record<string, unknown>[];\n  children: ReactNode;\n}\n\n/**\n * Themed RadarChart.\n * Auto-assigns palette colors to Radar children.\n */\nexport const RadarChart = ({\n  data,\n  height,\n  colorPalette,\n  className,\n  style,\n  children,\n}: ThemedRadarChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n    if ((child.type as any) === RechartsRadar || (child.type as any)?.displayName === \"Radar\") {\n      const idx = seriesIndex++;\n      const color = (child.props as any).stroke || getSeriesColor({ index: idx, palette: colorPalette });\n      return cloneElement(child as React.ReactElement<any>, {\n        stroke: color,\n        fill: (child.props as any).fill || color,\n        fillOpacity: (child.props as any).fillOpacity ?? 0.2,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style}>\n      <RechartsRadarChart data={data} cx=\"50%\" cy=\"50%\" outerRadius=\"70%\">\n        {themedChildren}\n      </RechartsRadarChart>\n    </ChartContainer>\n  );\n};\n","/**\n * ComposedChart — Themed mixed chart wrapper (Bar + Line + Area in one).\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  ComposedChart as RechartsComposedChart,\n  Line as RechartsLine,\n  Bar as RechartsBar,\n  Area as RechartsArea,\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport { getGridColor, themeAxisChild, type ChartBorderVariant } from \"./theme.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedComposedChartProps extends ChartContainerProps {\n  data: Record<string, unknown>[];\n  children: ReactNode;\n  grid?: boolean;\n  /**\n   * Border variant for axis lines and tick marks.\n   * - \"default\" — uses --color-border-primary (stronger)\n   * - \"secondary\" — uses --color-border-secondary (subtler)\n   */\n  borderVariant?: ChartBorderVariant;\n}\n\n/**\n * Themed ComposedChart.\n * Auto-assigns palette colors to Line, Bar, and Area children and\n * applies themed axis styles to XAxis/YAxis children.\n */\nexport const ComposedChart = ({\n  data,\n  height,\n  colorPalette,\n  className,\n  style,\n  grid = true,\n  borderVariant = \"default\",\n  children,\n}: ThemedComposedChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n\n    const themedAxis = themeAxisChild({ child: child as React.ReactElement<any>, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis });\n    if (themedAxis) return themedAxis;\n\n    const t = child.type as any;\n    const dn = t?.displayName;\n\n    if (t === RechartsLine || dn === \"Line\") {\n      const idx = seriesIndex++;\n      return cloneElement(child as React.ReactElement<any>, {\n        stroke: (child.props as any).stroke || getSeriesColor({ index: idx, palette: colorPalette }),\n        strokeWidth: (child.props as any).strokeWidth ?? 2,\n        dot: (child.props as any).dot ?? false,\n      });\n    }\n    if (t === RechartsBar || dn === \"Bar\") {\n      const idx = seriesIndex++;\n      return cloneElement(child as React.ReactElement<any>, {\n        fill: (child.props as any).fill || getSeriesColor({ index: idx, palette: colorPalette }),\n        radius: (child.props as any).radius ?? [4, 4, 0, 0],\n      });\n    }\n    if (t === RechartsArea || dn === \"Area\") {\n      const idx = seriesIndex++;\n      const color = (child.props as any).stroke || getSeriesColor({ index: idx, palette: colorPalette });\n      return cloneElement(child as React.ReactElement<any>, {\n        stroke: color,\n        fill: (child.props as any).fill || color,\n        fillOpacity: (child.props as any).fillOpacity ?? 0.15,\n        strokeWidth: (child.props as any).strokeWidth ?? 2,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style}>\n      <RechartsComposedChart data={data} margin={{ top: 5, right: 20, bottom: 5, left: 0 }}>\n        {grid && <CartesianGrid strokeDasharray=\"3 3\" stroke={getGridColor()} opacity={0.5} />}\n        {themedChildren}\n      </RechartsComposedChart>\n    </ChartContainer>\n  );\n};\n","/**\n * ThemedTooltip — Pre-themed tooltip using MCP Apps spec CSS variables.\n *\n * Drop-in replacement for Recharts' Tooltip that automatically\n * applies the host's theme colors for background, text, border.\n */\n\nimport { useMemo } from \"react\";\nimport { Tooltip as RechartsTooltip } from \"recharts\";\nimport { getTooltipStyle } from \"./theme.js\";\n\n/**\n * A themed Tooltip that reads CSS variables at render time.\n * Forwards all standard Recharts Tooltip props.\n */\nexport const ThemedTooltip = (props: any) => {\n  const style = useMemo(() => getTooltipStyle(), []);\n  return (\n    <RechartsTooltip\n      contentStyle={style.contentStyle}\n      labelStyle={style.labelStyle}\n      cursor={{ stroke: \"var(--color-border-secondary, #e5e7eb)\", strokeWidth: 1 }}\n      {...props}\n    />\n  );\n};\n","/**\n * open-mcp-app-ui/charts\n *\n * Themed chart components built on Recharts v3.\n * Auto-styled via MCP Apps spec CSS variables.\n *\n * Usage:\n *   import { LineChart, Line, XAxis, YAxis, Tooltip } from \"open-mcp-app-ui/charts\";\n *\n *   <LineChart data={data} height={300}>\n *     <XAxis dataKey=\"month\" />\n *     <YAxis />\n *     <Tooltip />\n *     <Line dataKey=\"revenue\" />\n *   </LineChart>\n */\n\n// Themed chart wrappers\nexport { LineChart } from \"./LineChart.js\";\nexport { BarChart } from \"./BarChart.js\";\nexport { AreaChart } from \"./AreaChart.js\";\nexport { PieChart } from \"./PieChart.js\";\nexport { ScatterChart } from \"./ScatterChart.js\";\nexport { RadarChart } from \"./RadarChart.js\";\nexport { ComposedChart } from \"./ComposedChart.js\";\nexport { ThemedTooltip as Tooltip } from \"./ThemedTooltip.js\";\n\n// Re-export Recharts primitives for composition\nexport {\n  Line,\n  Bar,\n  Area,\n  Pie,\n  Scatter,\n  Radar,\n  Cell,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Legend,\n  PolarGrid,\n  PolarAngleAxis,\n  PolarRadiusAxis,\n  Tooltip as RechartsTooltip,\n  ReferenceLine,\n  ReferenceArea,\n  ResponsiveContainer,\n} from \"recharts\";\n\n// Theme utilities\nexport { type ChartBorderVariant } from \"./theme.js\";\n\n// Types\nexport type { ChartContainerProps } from \"./types.js\";\nexport { DEFAULT_PALETTE } from \"./types.js\";\n"],"mappings":"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","names":["XAxis","YAxis","jsx","Children","cloneElement","isValidElement","RechartsXAxis","RechartsYAxis","CartesianGrid","jsx","jsxs","Children","isValidElement","RechartsXAxis","RechartsYAxis","cloneElement","CartesianGrid","Children","cloneElement","isValidElement","RechartsXAxis","RechartsYAxis","CartesianGrid","jsx","jsxs","Children","isValidElement","RechartsXAxis","RechartsYAxis","cloneElement","CartesianGrid","Children","cloneElement","isValidElement","jsx","Children","isValidElement","cloneElement","Children","cloneElement","isValidElement","RechartsXAxis","RechartsYAxis","CartesianGrid","jsx","jsxs","Children","isValidElement","RechartsXAxis","RechartsYAxis","cloneElement","CartesianGrid","Children","cloneElement","isValidElement","jsx","Children","isValidElement","cloneElement","Children","cloneElement","isValidElement","RechartsLine","RechartsBar","RechartsArea","RechartsXAxis","RechartsYAxis","CartesianGrid","jsx","jsxs","Children","isValidElement","RechartsXAxis","RechartsYAxis","RechartsLine","cloneElement","RechartsBar","RechartsArea","CartesianGrid","jsx","Cell","CartesianGrid","ResponsiveContainer"]}
+{"version":3,"sources":["../../src/charts/LineChart.tsx","../../src/charts/ChartContainer.tsx","../../src/charts/types.ts","../../src/charts/theme.ts","../../src/charts/BarChart.tsx","../../src/charts/AreaChart.tsx","../../src/charts/PieChart.tsx","../../src/charts/ScatterChart.tsx","../../src/charts/RadarChart.tsx","../../src/charts/ComposedChart.tsx","../../src/charts/ThemedTooltip.tsx","../../src/charts/index.ts"],"sourcesContent":["/**\n * LineChart — Themed line/trend chart wrapper.\n *\n * Thin wrapper around Recharts' LineChart that auto-applies\n * MCP Apps spec CSS variable theming to all visual elements.\n *\n * @example\n * ```tsx\n * import { LineChart, Line, XAxis, YAxis, Tooltip } from \"open-mcp-app-ui/charts\";\n *\n * <LineChart data={data} height={300}>\n *   <XAxis dataKey=\"month\" />\n *   <YAxis />\n *   <Tooltip />\n *   <Line dataKey=\"revenue\" />\n * </LineChart>\n * ```\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  LineChart as RechartsLineChart,\n  Line as RechartsLine,\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport { themeAxisChild, type ChartBorderVariant } from \"./theme.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedLineChartProps extends ChartContainerProps {\n  /** Chart data array. Each entry is one data point. */\n  data: Record<string, unknown>[];\n  /** Child elements (Line, XAxis, YAxis, Tooltip, Legend, etc.) */\n  children: ReactNode;\n  /** Show background grid lines. */\n  grid?: boolean;\n  /**\n   * Border variant for axis lines and tick marks.\n   * - \"default\" — uses --color-border-primary (stronger)\n   * - \"secondary\" — uses --color-border-secondary (subtler)\n   */\n  borderVariant?: ChartBorderVariant;\n}\n\n/**\n * Themed LineChart.\n * Automatically assigns palette colors to Line children and\n * applies themed axis styles to XAxis/YAxis children.\n */\nexport const LineChart = ({\n  data,\n  height,\n  colorPalette,\n  className,\n  style,\n  grid = true,\n  borderVariant = \"default\",\n  children,\n}: ThemedLineChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n\n    // Theme axis children\n    const themedAxis = themeAxisChild({ child: child as React.ReactElement<any>, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis, CartesianGrid });\n    if (themedAxis) return themedAxis;\n\n    if ((child.type as any) === RechartsLine || (child.type as any)?.displayName === \"Line\") {\n      const idx = seriesIndex++;\n      const existing = (child.props as any).stroke;\n      return cloneElement(child as React.ReactElement<any>, {\n        stroke: existing || getSeriesColor({ index: idx, palette: colorPalette }),\n        strokeWidth: (child.props as any).strokeWidth ?? 2,\n        dot: (child.props as any).dot ?? false,\n        activeDot: (child.props as any).activeDot ?? { r: 4 },\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style} borderVariant={borderVariant}>\n      <RechartsLineChart data={data} margin={{ top: 5, right: 20, bottom: 5, left: 0 }}>\n        {grid && <CartesianGrid strokeDasharray=\"3 3\" />}\n        {themedChildren}\n      </RechartsLineChart>\n    </ChartContainer>\n  );\n};\n","/**\n * ChartContainer — Responsive wrapper for all chart types.\n *\n * Wraps Recharts' ResponsiveContainer with the theme palette context.\n * All chart wrappers use this internally. Not exported directly — each\n * chart type (LineChart, BarChart, etc.) composes it.\n *\n * Applies either `.omu-chart` (default/primary border) or\n * `.omu-chart-secondary` CSS class to the container. The corresponding\n * CSS rules in charts.css override Recharts' SVG presentation attributes\n * for axis lines, tick marks, tick labels, and grid lines using\n * CSS variables. This is the most reliable theming approach because\n * CSS rules always override SVG presentation attributes.\n */\n\nimport { type ReactNode } from \"react\";\nimport { ResponsiveContainer } from \"recharts\";\nimport { DEFAULT_PALETTE, type ChartContainerProps } from \"./types.js\";\nimport type { ChartBorderVariant } from \"./theme.js\";\n\n/**\n * Provides a responsive, themed container for a Recharts chart.\n * Fills 100% width of its parent and uses the specified height.\n */\nexport const ChartContainer = ({\n  height = 300,\n  className = \"\",\n  style,\n  borderVariant = \"default\",\n  children,\n}: ChartContainerProps & { children: ReactNode; borderVariant?: ChartBorderVariant }) => {\n  const baseClass = borderVariant === \"secondary\" ? \"omu-chart-secondary\" : \"omu-chart\";\n\n  return (\n    <div\n      className={`${baseClass} w-full ${className}`}\n      style={{ height: `${height}px`, ...style }}\n    >\n      <ResponsiveContainer width=\"100%\" height=\"100%\">\n        {children as React.ReactElement}\n      </ResponsiveContainer>\n    </div>\n  );\n};\n\n/**\n * Get the color for a given series index from the palette.\n * Wraps around if there are more series than palette entries.\n */\nexport const getSeriesColor = ({\n  index,\n  palette,\n}: {\n  index: number;\n  palette?: string[];\n}): string => {\n  const colors = palette ?? DEFAULT_PALETTE;\n  return colors[index % colors.length];\n};\n","/**\n * Shared chart types.\n * Defines the theme interface and common props used across all chart wrappers.\n */\n\nimport type { CSSProperties } from \"react\";\n\n/**\n * Color palette for multi-series charts.\n * Each series gets the next color in the palette.\n * Uses CSS variables from the MCP Apps spec where possible,\n * with opacity variations for additional series.\n */\nexport const DEFAULT_PALETTE = [\n  \"var(--color-accent, #6366f1)\",\n  \"var(--color-text-secondary, #6b7280)\",\n  \"var(--color-ring-primary, #a78bfa)\",\n  \"var(--color-text-tertiary, #9ca3af)\",\n  \"var(--color-border-primary, #d1d5db)\",\n  \"color-mix(in srgb, var(--color-accent, #6366f1) 60%, transparent)\",\n  \"color-mix(in srgb, var(--color-accent, #6366f1) 35%, transparent)\",\n];\n\n/**\n * Base props shared by all chart container wrappers.\n */\nexport interface ChartContainerProps {\n  /** Chart height in pixels. Width is always 100% of parent. */\n  height?: number;\n  /** Custom color palette for series data. Overrides the default palette. */\n  colorPalette?: string[];\n  /** Additional CSS class on the outermost wrapper. */\n  className?: string;\n  /** Inline styles on the outermost wrapper. */\n  style?: CSSProperties;\n}\n","import React from \"react\";\n\n/**\n * Chart Theme — CSS variable mapping for Recharts.\n *\n * Reads MCP Apps spec CSS variables at render time and provides\n * them as style objects for Recharts sub-components (tooltip, grid,\n * axis labels, legend). This is how charts automatically adapt to\n * the host's theme without configuration.\n */\n\n/**\n * Resolve a CSS variable value at runtime.\n * Falls back to the provided default if the variable is not set.\n *\n * Recharts requires resolved color values for SVG attributes (stroke, fill)\n * because SVG doesn't support var() in most attributes. We check both\n * document.documentElement (inline styles set by the host SDK) and\n * document.body as a fallback, since hosts may inject CSS variables\n * on either element.\n */\nexport const getCSSVar = ({ name, fallback }: { name: string; fallback: string }): string => {\n  if (typeof window === \"undefined\") return fallback;\n\n  /* Try inline style first (faster, no reflow) — hosts set vars via setProperty */\n  const root = document.documentElement;\n  let value = root.style.getPropertyValue(name).trim();\n\n  /* Fall back to computed style (catches vars set via stylesheets / :root) */\n  if (!value) {\n    value = getComputedStyle(root).getPropertyValue(name).trim();\n  }\n\n  /* Some hosts inject on <body> instead */\n  if (!value && document.body) {\n    value = document.body.style.getPropertyValue(name).trim();\n    if (!value) {\n      value = getComputedStyle(document.body).getPropertyValue(name).trim();\n    }\n  }\n\n  return value || fallback;\n};\n\n/**\n * Themed tooltip style object for Recharts <Tooltip>.\n * Applied via contentStyle, labelStyle, and wrapperStyle props.\n */\nexport const getTooltipStyle = () => ({\n  contentStyle: {\n    backgroundColor: getCSSVar({ name: \"--color-background-secondary\", fallback: \"#f9fafb\" }),\n    border: `1px solid ${getCSSVar({ name: \"--color-border-secondary\", fallback: \"#e5e7eb\" })}`,\n    borderRadius: getCSSVar({ name: \"--border-radius-md\", fallback: \"8px\" }),\n    color: getCSSVar({ name: \"--color-text-primary\", fallback: \"#111827\" }),\n    fontSize: getCSSVar({ name: \"--font-text-sm-size\", fallback: \"13px\" }),\n    fontFamily: getCSSVar({ name: \"--font-sans\", fallback: \"ui-sans-serif, system-ui, sans-serif\" }),\n    padding: \"8px 12px\",\n    boxShadow: \"0 4px 12px rgba(0,0,0,0.08)\",\n  },\n  labelStyle: {\n    color: getCSSVar({ name: \"--color-text-primary\", fallback: \"#111827\" }),\n    fontWeight: 500,\n    marginBottom: \"4px\",\n  },\n});\n\n/**\n * Border variant type shared across chart sub-components.\n * - \"default\" uses --color-border-primary (stronger)\n * - \"secondary\" uses --color-border-secondary (subtler)\n */\nexport type ChartBorderVariant = \"default\" | \"secondary\";\n\n/**\n * Resolve the border CSS variable for the given variant.\n */\nconst getBorderColor = ({ variant = \"default\" }: { variant?: ChartBorderVariant } = {}): string =>\n  variant === \"secondary\"\n    ? getCSSVar({ name: \"--color-border-secondary\", fallback: \"#e5e7eb\" })\n    : getCSSVar({ name: \"--color-border-primary\", fallback: \"#d1d5db\" });\n\n/**\n * Themed grid line color for <CartesianGrid>.\n * Grids default to secondary (subtle background lines).\n */\nexport const getGridColor = ({ variant = \"secondary\" }: { variant?: ChartBorderVariant } = {}): string =>\n  getBorderColor({ variant });\n\n/**\n * Themed axis tick/label style for <XAxis> and <YAxis>.\n * Axis lines default to primary (visible structural lines).\n */\nexport const getAxisStyle = ({ variant = \"default\" }: { variant?: ChartBorderVariant } = {}) => ({\n  tick: {\n    fill: getCSSVar({ name: \"--color-text-secondary\", fallback: \"#6b7280\" }),\n    fontSize: getCSSVar({ name: \"--font-text-xs-size\", fallback: \"11px\" }),\n    fontFamily: getCSSVar({ name: \"--font-sans\", fallback: \"ui-sans-serif, system-ui, sans-serif\" }),\n  },\n  axisLine: {\n    stroke: getBorderColor({ variant }),\n  },\n  tickLine: {\n    stroke: getBorderColor({ variant }),\n  },\n});\n\n/**\n * Apply themed styles to axis and grid children via cloneElement.\n *\n * Recharts identifies axis/grid components by child.type, so wrapping them\n * in custom components breaks chart rendering. Instead, chart wrappers\n * call this in their Children.map loop to inject theme props while\n * preserving the original Recharts component type.\n *\n * Handles XAxis, YAxis (tick/axisLine/tickLine) and CartesianGrid\n * (stroke + 50% opacity). Returns a cloned element with themed props,\n * or null if the child is not a recognized chart structural component.\n */\nexport const themeAxisChild = ({\n  child,\n  variant = \"default\",\n  XAxis,\n  YAxis,\n  CartesianGrid,\n}: {\n  child: React.ReactElement<any>;\n  variant?: ChartBorderVariant;\n  XAxis: any;\n  YAxis: any;\n  CartesianGrid?: any;\n}): React.ReactElement<any> | null => {\n  const t = child.type as any;\n  const dn = t?.displayName;\n\n  if (t === XAxis || t === YAxis || dn === \"XAxis\" || dn === \"YAxis\") {\n    const style = getAxisStyle({ variant });\n    const props = child.props as any;\n    return React.cloneElement(child, {\n      tick: props.tick === false ? false : { ...style.tick, ...(typeof props.tick === \"object\" && props.tick ? props.tick : {}) },\n      axisLine: props.axisLine === false ? false : { ...style.axisLine, ...(typeof props.axisLine === \"object\" && props.axisLine ? props.axisLine : {}) },\n      tickLine: props.tickLine === false ? false : { ...style.tickLine, ...(typeof props.tickLine === \"object\" && props.tickLine ? props.tickLine : {}) },\n    });\n  }\n\n  if (CartesianGrid && (t === CartesianGrid || dn === \"CartesianGrid\")) {\n    const props = child.props as any;\n    return React.cloneElement(child, {\n      stroke: props.stroke ?? getGridColor({ variant }),\n      opacity: props.opacity ?? 0.5,\n    });\n  }\n\n  return null;\n};\n\n/**\n * Themed legend style for <Legend>.\n */\nexport const getLegendStyle = () => ({\n  color: getCSSVar({ name: \"--color-text-secondary\", fallback: \"#6b7280\" }),\n  fontSize: getCSSVar({ name: \"--font-text-sm-size\", fallback: \"13px\" }),\n  fontFamily: getCSSVar({ name: \"--font-sans\", fallback: \"ui-sans-serif, system-ui, sans-serif\" }),\n});\n","/**\n * BarChart — Themed bar/column chart wrapper.\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  BarChart as RechartsBarChart,\n  Bar as RechartsBar,\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport { themeAxisChild, type ChartBorderVariant } from \"./theme.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedBarChartProps extends ChartContainerProps {\n  /** Chart data array. */\n  data: Record<string, unknown>[];\n  children: ReactNode;\n  grid?: boolean;\n  /**\n   * Border variant for axis lines and tick marks.\n   * - \"default\" — uses --color-border-primary (stronger)\n   * - \"secondary\" — uses --color-border-secondary (subtler)\n   */\n  borderVariant?: ChartBorderVariant;\n}\n\n/**\n * Themed BarChart.\n * Automatically assigns palette colors to Bar children and\n * applies themed axis styles to XAxis/YAxis children.\n */\nexport const BarChart = ({\n  data,\n  height,\n  colorPalette,\n  className,\n  style,\n  grid = true,\n  borderVariant = \"default\",\n  children,\n}: ThemedBarChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n\n    const themedAxis = themeAxisChild({ child: child as React.ReactElement<any>, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis, CartesianGrid });\n    if (themedAxis) return themedAxis;\n\n    if ((child.type as any) === RechartsBar || (child.type as any)?.displayName === \"Bar\") {\n      const idx = seriesIndex++;\n      const existing = (child.props as any).fill;\n      return cloneElement(child as React.ReactElement<any>, {\n        fill: existing || getSeriesColor({ index: idx, palette: colorPalette }),\n        radius: (child.props as any).radius ?? [4, 4, 0, 0],\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style} borderVariant={borderVariant}>\n      <RechartsBarChart data={data} margin={{ top: 5, right: 20, bottom: 5, left: 0 }}>\n        {grid && <CartesianGrid strokeDasharray=\"3 3\" vertical={false} />}\n        {themedChildren}\n      </RechartsBarChart>\n    </ChartContainer>\n  );\n};\n","/**\n * AreaChart — Themed area/volume chart wrapper.\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  AreaChart as RechartsAreaChart,\n  Area as RechartsArea,\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport { themeAxisChild, type ChartBorderVariant } from \"./theme.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedAreaChartProps extends ChartContainerProps {\n  data: Record<string, unknown>[];\n  children: ReactNode;\n  grid?: boolean;\n  /**\n   * Border variant for axis lines and tick marks.\n   * - \"default\" — uses --color-border-primary (stronger)\n   * - \"secondary\" — uses --color-border-secondary (subtler)\n   */\n  borderVariant?: ChartBorderVariant;\n}\n\n/**\n * Themed AreaChart.\n * Auto-assigns palette colors with gradient fill to Area children and\n * applies themed axis styles to XAxis/YAxis children.\n */\nexport const AreaChart = ({\n  data,\n  height,\n  colorPalette,\n  className,\n  style,\n  grid = true,\n  borderVariant = \"default\",\n  children,\n}: ThemedAreaChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n\n    const themedAxis = themeAxisChild({ child: child as React.ReactElement<any>, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis, CartesianGrid });\n    if (themedAxis) return themedAxis;\n\n    if ((child.type as any) === RechartsArea || (child.type as any)?.displayName === \"Area\") {\n      const idx = seriesIndex++;\n      const color = (child.props as any).stroke || getSeriesColor({ index: idx, palette: colorPalette });\n      return cloneElement(child as React.ReactElement<any>, {\n        stroke: color,\n        fill: (child.props as any).fill || color,\n        fillOpacity: (child.props as any).fillOpacity ?? 0.15,\n        strokeWidth: (child.props as any).strokeWidth ?? 2,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style} borderVariant={borderVariant}>\n      <RechartsAreaChart data={data} margin={{ top: 5, right: 20, bottom: 5, left: 0 }}>\n        {grid && <CartesianGrid strokeDasharray=\"3 3\" />}\n        {themedChildren}\n      </RechartsAreaChart>\n    </ChartContainer>\n  );\n};\n","/**\n * PieChart — Themed pie/donut chart wrapper.\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  PieChart as RechartsPieChart,\n  Pie as RechartsPie,\n  Cell,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedPieChartProps extends Omit<ChartContainerProps, \"height\"> {\n  /** Chart height (also used for approximate width in responsive container). */\n  height?: number;\n  children: ReactNode;\n}\n\n/**\n * Themed PieChart.\n * Auto-assigns palette colors to Pie data via Cell children when no\n * explicit fill is provided on individual data entries.\n */\nexport const PieChart = ({\n  height,\n  colorPalette,\n  className,\n  style,\n  children,\n}: ThemedPieChartProps) => {\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n    if ((child.type as any) === RechartsPie || (child.type as any)?.displayName === \"Pie\") {\n      const props = child.props as any;\n      const data: any[] = props.data ?? [];\n      /**\n       * If the Pie has no Cell children, inject them automatically\n       * so each slice gets a palette color.\n       */\n      const hasExplicitCells = Children.toArray(props.children).some(\n        (c: any) => isValidElement(c) && ((c.type as any) === Cell || (c.type as any)?.displayName === \"Cell\")\n      );\n      if (!hasExplicitCells && data.length > 0) {\n        return cloneElement(child as React.ReactElement<any>, {\n          children: data.map((_, i) => (\n            <Cell key={`cell-${i}`} fill={getSeriesColor({ index: i, palette: colorPalette })} />\n          )),\n        });\n      }\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style}>\n      <RechartsPieChart>\n        {themedChildren}\n      </RechartsPieChart>\n    </ChartContainer>\n  );\n};\n","/**\n * ScatterChart — Themed scatter/correlation chart wrapper.\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  ScatterChart as RechartsScatterChart,\n  Scatter as RechartsScatter,\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport { themeAxisChild, type ChartBorderVariant } from \"./theme.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedScatterChartProps extends ChartContainerProps {\n  children: ReactNode;\n  grid?: boolean;\n  /**\n   * Border variant for axis lines and tick marks.\n   * - \"default\" — uses --color-border-primary (stronger)\n   * - \"secondary\" — uses --color-border-secondary (subtler)\n   */\n  borderVariant?: ChartBorderVariant;\n}\n\n/**\n * Themed ScatterChart.\n * Auto-assigns palette fill colors to Scatter children and\n * applies themed axis styles to XAxis/YAxis children.\n */\nexport const ScatterChart = ({\n  height,\n  colorPalette,\n  className,\n  style,\n  grid = true,\n  borderVariant = \"default\",\n  children,\n}: ThemedScatterChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n\n    const themedAxis = themeAxisChild({ child: child as React.ReactElement<any>, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis, CartesianGrid });\n    if (themedAxis) return themedAxis;\n\n    if ((child.type as any) === RechartsScatter || (child.type as any)?.displayName === \"Scatter\") {\n      const idx = seriesIndex++;\n      const existing = (child.props as any).fill;\n      return cloneElement(child as React.ReactElement<any>, {\n        fill: existing || getSeriesColor({ index: idx, palette: colorPalette }),\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style} borderVariant={borderVariant}>\n      <RechartsScatterChart margin={{ top: 5, right: 20, bottom: 5, left: 0 }}>\n        {grid && <CartesianGrid strokeDasharray=\"3 3\" />}\n        {themedChildren}\n      </RechartsScatterChart>\n    </ChartContainer>\n  );\n};\n","/**\n * RadarChart — Themed radar/spider chart wrapper.\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  RadarChart as RechartsRadarChart,\n  Radar as RechartsRadar,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedRadarChartProps extends ChartContainerProps {\n  data: Record<string, unknown>[];\n  children: ReactNode;\n}\n\n/**\n * Themed RadarChart.\n * Auto-assigns palette colors to Radar children.\n */\nexport const RadarChart = ({\n  data,\n  height,\n  colorPalette,\n  className,\n  style,\n  children,\n}: ThemedRadarChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n    if ((child.type as any) === RechartsRadar || (child.type as any)?.displayName === \"Radar\") {\n      const idx = seriesIndex++;\n      const color = (child.props as any).stroke || getSeriesColor({ index: idx, palette: colorPalette });\n      return cloneElement(child as React.ReactElement<any>, {\n        stroke: color,\n        fill: (child.props as any).fill || color,\n        fillOpacity: (child.props as any).fillOpacity ?? 0.2,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style}>\n      <RechartsRadarChart data={data} cx=\"50%\" cy=\"50%\" outerRadius=\"70%\">\n        {themedChildren}\n      </RechartsRadarChart>\n    </ChartContainer>\n  );\n};\n","/**\n * ComposedChart — Themed mixed chart wrapper (Bar + Line + Area in one).\n */\n\nimport React, { type ReactNode, Children, cloneElement, isValidElement } from \"react\";\nimport {\n  ComposedChart as RechartsComposedChart,\n  Line as RechartsLine,\n  Bar as RechartsBar,\n  Area as RechartsArea,\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid,\n} from \"recharts\";\nimport { ChartContainer, getSeriesColor } from \"./ChartContainer.js\";\nimport { themeAxisChild, type ChartBorderVariant } from \"./theme.js\";\nimport type { ChartContainerProps } from \"./types.js\";\n\ninterface ThemedComposedChartProps extends ChartContainerProps {\n  data: Record<string, unknown>[];\n  children: ReactNode;\n  grid?: boolean;\n  /**\n   * Border variant for axis lines and tick marks.\n   * - \"default\" — uses --color-border-primary (stronger)\n   * - \"secondary\" — uses --color-border-secondary (subtler)\n   */\n  borderVariant?: ChartBorderVariant;\n}\n\n/**\n * Themed ComposedChart.\n * Auto-assigns palette colors to Line, Bar, and Area children and\n * applies themed axis styles to XAxis/YAxis children.\n */\nexport const ComposedChart = ({\n  data,\n  height,\n  colorPalette,\n  className,\n  style,\n  grid = true,\n  borderVariant = \"default\",\n  children,\n}: ThemedComposedChartProps) => {\n  let seriesIndex = 0;\n\n  const themedChildren = Children.map(children, (child) => {\n    if (!isValidElement(child)) return child;\n\n    const themedAxis = themeAxisChild({ child: child as React.ReactElement<any>, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis, CartesianGrid });\n    if (themedAxis) return themedAxis;\n\n    const t = child.type as any;\n    const dn = t?.displayName;\n\n    if (t === RechartsLine || dn === \"Line\") {\n      const idx = seriesIndex++;\n      return cloneElement(child as React.ReactElement<any>, {\n        stroke: (child.props as any).stroke || getSeriesColor({ index: idx, palette: colorPalette }),\n        strokeWidth: (child.props as any).strokeWidth ?? 2,\n        dot: (child.props as any).dot ?? false,\n      });\n    }\n    if (t === RechartsBar || dn === \"Bar\") {\n      const idx = seriesIndex++;\n      return cloneElement(child as React.ReactElement<any>, {\n        fill: (child.props as any).fill || getSeriesColor({ index: idx, palette: colorPalette }),\n        radius: (child.props as any).radius ?? [4, 4, 0, 0],\n      });\n    }\n    if (t === RechartsArea || dn === \"Area\") {\n      const idx = seriesIndex++;\n      const color = (child.props as any).stroke || getSeriesColor({ index: idx, palette: colorPalette });\n      return cloneElement(child as React.ReactElement<any>, {\n        stroke: color,\n        fill: (child.props as any).fill || color,\n        fillOpacity: (child.props as any).fillOpacity ?? 0.15,\n        strokeWidth: (child.props as any).strokeWidth ?? 2,\n      });\n    }\n    return child;\n  });\n\n  return (\n    <ChartContainer height={height} className={className} style={style} borderVariant={borderVariant}>\n      <RechartsComposedChart data={data} margin={{ top: 5, right: 20, bottom: 5, left: 0 }}>\n        {grid && <CartesianGrid strokeDasharray=\"3 3\" />}\n        {themedChildren}\n      </RechartsComposedChart>\n    </ChartContainer>\n  );\n};\n","/**\n * ThemedTooltip — Pre-themed tooltip using MCP Apps spec CSS variables.\n *\n * Drop-in replacement for Recharts' Tooltip that automatically\n * applies the host's theme colors for background, text, border.\n */\n\nimport { useMemo } from \"react\";\nimport { Tooltip as RechartsTooltip } from \"recharts\";\nimport { getTooltipStyle } from \"./theme.js\";\n\n/**\n * A themed Tooltip that reads CSS variables at render time.\n * Forwards all standard Recharts Tooltip props.\n */\nexport const ThemedTooltip = (props: any) => {\n  const style = useMemo(() => getTooltipStyle(), []);\n  return (\n    <RechartsTooltip\n      contentStyle={style.contentStyle}\n      labelStyle={style.labelStyle}\n      cursor={{ stroke: \"var(--color-border-secondary, #e5e7eb)\", strokeWidth: 1 }}\n      {...props}\n    />\n  );\n};\n","/**\n * open-mcp-app-ui/charts\n *\n * Themed chart components built on Recharts v3.\n * Auto-styled via MCP Apps spec CSS variables.\n *\n * Usage:\n *   import { LineChart, Line, XAxis, YAxis, Tooltip } from \"open-mcp-app-ui/charts\";\n *\n *   <LineChart data={data} height={300}>\n *     <XAxis dataKey=\"month\" />\n *     <YAxis />\n *     <Tooltip />\n *     <Line dataKey=\"revenue\" />\n *   </LineChart>\n */\n\n// Themed chart wrappers\nexport { LineChart } from \"./LineChart.js\";\nexport { BarChart } from \"./BarChart.js\";\nexport { AreaChart } from \"./AreaChart.js\";\nexport { PieChart } from \"./PieChart.js\";\nexport { ScatterChart } from \"./ScatterChart.js\";\nexport { RadarChart } from \"./RadarChart.js\";\nexport { ComposedChart } from \"./ComposedChart.js\";\nexport { ThemedTooltip as Tooltip } from \"./ThemedTooltip.js\";\n\n// Re-export Recharts primitives for composition\nexport {\n  Line,\n  Bar,\n  Area,\n  Pie,\n  Scatter,\n  Radar,\n  Cell,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Legend,\n  PolarGrid,\n  PolarAngleAxis,\n  PolarRadiusAxis,\n  Tooltip as RechartsTooltip,\n  ReferenceLine,\n  ReferenceArea,\n  ResponsiveContainer,\n} from \"recharts\";\n\n// Theme utilities for raw Recharts usage and advanced customization\nexport {\n  type ChartBorderVariant,\n  getCSSVar,\n  getGridColor,\n  getAxisStyle,\n  getTooltipStyle,\n  getLegendStyle,\n} from \"./theme.js\";\n\n// Types\nexport type { ChartContainerProps } from \"./types.js\";\nexport { DEFAULT_PALETTE } from \"./types.js\";\n"],"mappings":"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","names":["XAxis","YAxis","CartesianGrid","jsx","Children","cloneElement","isValidElement","RechartsXAxis","RechartsYAxis","CartesianGrid","jsx","jsxs","Children","isValidElement","RechartsXAxis","RechartsYAxis","CartesianGrid","cloneElement","Children","cloneElement","isValidElement","RechartsXAxis","RechartsYAxis","CartesianGrid","jsx","jsxs","Children","isValidElement","RechartsXAxis","RechartsYAxis","CartesianGrid","cloneElement","Children","cloneElement","isValidElement","jsx","Children","isValidElement","cloneElement","Children","cloneElement","isValidElement","RechartsXAxis","RechartsYAxis","CartesianGrid","jsx","jsxs","Children","isValidElement","RechartsXAxis","RechartsYAxis","CartesianGrid","cloneElement","Children","cloneElement","isValidElement","jsx","Children","isValidElement","cloneElement","Children","cloneElement","isValidElement","RechartsLine","RechartsBar","RechartsArea","RechartsXAxis","RechartsYAxis","CartesianGrid","jsx","jsxs","Children","isValidElement","RechartsXAxis","RechartsYAxis","CartesianGrid","RechartsLine","cloneElement","RechartsBar","RechartsArea","jsx","Cell","CartesianGrid","ResponsiveContainer"]}

package/dist/index.js

@@ -1489,19 +1489,19 @@ function ToggleGroupOption(_props) {
 import { useState as useState5 } from "react";
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var outlineColorClasses = {
-  info: "border-bdr-secondary text-txt-primary",
+  info: "border-bdr-info text-txt-info",
   danger: "border-bdr-danger text-txt-danger",
   success: "border-bdr-success text-txt-success",
   warning: "border-bdr-warning text-txt-warning"
 };
 var softColorClasses = {
-  info: "bg-bg-secondary border-bdr-secondary text-txt-primary",
+  info: "bg-bg-info border-bdr-info text-txt-info",
   danger: "bg-bg-danger border-bdr-danger text-txt-danger",
   success: "bg-bg-success border-bdr-success text-txt-success",
   warning: "bg-bg-warning border-bdr-warning text-txt-warning"
 };
 var solidColorClasses = {
-  info: "bg-bg-tertiary text-txt-primary border-transparent",
+  info: "bg-bg-info text-txt-info border-transparent",
   danger: "bg-bg-danger text-txt-danger border-transparent",
   success: "bg-bg-success text-txt-success border-transparent",
   warning: "bg-bg-warning text-txt-warning border-transparent"