open-mcp-app-ui 0.0.4 → 0.0.7

package/dist/charts/index.d.ts

@@ -0,0 +1,165 @@
+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';
+
+/**
+ * Border variant type shared across chart sub-components.
+ * - "default" uses --color-border-primary (stronger)
+ * - "secondary" uses --color-border-secondary (subtler)
+ */
+type ChartBorderVariant = "default" | "secondary";
+
+/**
+ * Shared chart types.
+ * Defines the theme interface and common props used across all chart wrappers.
+ */
+
+/**
+ * Color palette for multi-series charts.
+ * Each series gets the next color in the palette.
+ * Uses CSS variables from the MCP Apps spec where possible,
+ * with opacity variations for additional series.
+ */
+declare const DEFAULT_PALETTE: string[];
+/**
+ * Base props shared by all chart container wrappers.
+ */
+interface ChartContainerProps {
+    /** Chart height in pixels. Width is always 100% of parent. */
+    height?: number;
+    /** Custom color palette for series data. Overrides the default palette. */
+    colorPalette?: string[];
+    /** Additional CSS class on the outermost wrapper. */
+    className?: string;
+    /** Inline styles on the outermost wrapper. */
+    style?: CSSProperties;
+}
+
+interface ThemedLineChartProps extends ChartContainerProps {
+    /** Chart data array. Each entry is one data point. */
+    data: Record<string, unknown>[];
+    /** Child elements (Line, XAxis, YAxis, Tooltip, Legend, etc.) */
+    children: ReactNode;
+    /** Show background grid lines. */
+    grid?: boolean;
+    /**
+     * Border variant for axis lines and tick marks.
+     * - "default" — uses --color-border-primary (stronger)
+     * - "secondary" — uses --color-border-secondary (subtler)
+     */
+    borderVariant?: ChartBorderVariant;
+}
+/**
+ * Themed LineChart.
+ * Automatically assigns palette colors to Line children and
+ * applies themed axis styles to XAxis/YAxis children.
+ */
+declare const LineChart: ({ data, height, colorPalette, className, style, grid, borderVariant, children, }: ThemedLineChartProps) => react_jsx_runtime.JSX.Element;
+
+interface ThemedBarChartProps extends ChartContainerProps {
+    /** Chart data array. */
+    data: Record<string, unknown>[];
+    children: ReactNode;
+    grid?: boolean;
+    /**
+     * Border variant for axis lines and tick marks.
+     * - "default" — uses --color-border-primary (stronger)
+     * - "secondary" — uses --color-border-secondary (subtler)
+     */
+    borderVariant?: ChartBorderVariant;
+}
+/**
+ * Themed BarChart.
+ * Automatically assigns palette colors to Bar children and
+ * applies themed axis styles to XAxis/YAxis children.
+ */
+declare const BarChart: ({ data, height, colorPalette, className, style, grid, borderVariant, children, }: ThemedBarChartProps) => react_jsx_runtime.JSX.Element;
+
+interface ThemedAreaChartProps extends ChartContainerProps {
+    data: Record<string, unknown>[];
+    children: ReactNode;
+    grid?: boolean;
+    /**
+     * Border variant for axis lines and tick marks.
+     * - "default" — uses --color-border-primary (stronger)
+     * - "secondary" — uses --color-border-secondary (subtler)
+     */
+    borderVariant?: ChartBorderVariant;
+}
+/**
+ * Themed AreaChart.
+ * Auto-assigns palette colors with gradient fill to Area children and
+ * applies themed axis styles to XAxis/YAxis children.
+ */
+declare const AreaChart: ({ data, height, colorPalette, className, style, grid, borderVariant, children, }: ThemedAreaChartProps) => react_jsx_runtime.JSX.Element;
+
+interface ThemedPieChartProps extends Omit<ChartContainerProps, "height"> {
+    /** Chart height (also used for approximate width in responsive container). */
+    height?: number;
+    children: ReactNode;
+}
+/**
+ * Themed PieChart.
+ * Auto-assigns palette colors to Pie data via Cell children when no
+ * explicit fill is provided on individual data entries.
+ */
+declare const PieChart: ({ height, colorPalette, className, style, children, }: ThemedPieChartProps) => react_jsx_runtime.JSX.Element;
+
+interface ThemedScatterChartProps extends ChartContainerProps {
+    children: ReactNode;
+    grid?: boolean;
+    /**
+     * Border variant for axis lines and tick marks.
+     * - "default" — uses --color-border-primary (stronger)
+     * - "secondary" — uses --color-border-secondary (subtler)
+     */
+    borderVariant?: ChartBorderVariant;
+}
+/**
+ * Themed ScatterChart.
+ * Auto-assigns palette fill colors to Scatter children and
+ * applies themed axis styles to XAxis/YAxis children.
+ */
+declare const ScatterChart: ({ height, colorPalette, className, style, grid, borderVariant, children, }: ThemedScatterChartProps) => react_jsx_runtime.JSX.Element;
+
+interface ThemedRadarChartProps extends ChartContainerProps {
+    data: Record<string, unknown>[];
+    children: ReactNode;
+}
+/**
+ * Themed RadarChart.
+ * Auto-assigns palette colors to Radar children.
+ */
+declare const RadarChart: ({ data, height, colorPalette, className, style, children, }: ThemedRadarChartProps) => react_jsx_runtime.JSX.Element;
+
+interface ThemedComposedChartProps extends ChartContainerProps {
+    data: Record<string, unknown>[];
+    children: ReactNode;
+    grid?: boolean;
+    /**
+     * Border variant for axis lines and tick marks.
+     * - "default" — uses --color-border-primary (stronger)
+     * - "secondary" — uses --color-border-secondary (subtler)
+     */
+    borderVariant?: ChartBorderVariant;
+}
+/**
+ * Themed ComposedChart.
+ * Auto-assigns palette colors to Line, Bar, and Area children and
+ * applies themed axis styles to XAxis/YAxis children.
+ */
+declare const ComposedChart: ({ data, height, colorPalette, className, style, grid, borderVariant, children, }: ThemedComposedChartProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * ThemedTooltip — Pre-themed tooltip using MCP Apps spec CSS variables.
+ *
+ * Drop-in replacement for Recharts' Tooltip that automatically
+ * applies the host's theme colors for background, text, border.
+ */
+/**
+ * A themed Tooltip that reads CSS variables at render time.
+ * Forwards all standard Recharts Tooltip props.
+ */
+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 };

package/dist/charts/index.js

@@ -0,0 +1,460 @@
+// src/charts/LineChart.tsx
+import { Children, cloneElement, isValidElement } from "react";
+import {
+  LineChart as RechartsLineChart,
+  Line as RechartsLine,
+  XAxis as RechartsXAxis,
+  YAxis as RechartsYAxis,
+  CartesianGrid
+} from "recharts";
+
+// src/charts/ChartContainer.tsx
+import { ResponsiveContainer } from "recharts";
+
+// src/charts/types.ts
+var DEFAULT_PALETTE = [
+  "var(--color-accent, #6366f1)",
+  "var(--color-text-secondary, #6b7280)",
+  "var(--color-ring-primary, #a78bfa)",
+  "var(--color-text-tertiary, #9ca3af)",
+  "var(--color-border-primary, #d1d5db)",
+  "color-mix(in srgb, var(--color-accent, #6366f1) 60%, transparent)",
+  "color-mix(in srgb, var(--color-accent, #6366f1) 35%, transparent)"
+];
+
+// src/charts/ChartContainer.tsx
+import { jsx } from "react/jsx-runtime";
+var ChartContainer = ({
+  height = 300,
+  className = "",
+  style,
+  children
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: `omu-chart w-full ${className}`,
+    style: { height: `${height}px`, ...style },
+    children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children })
+  }
+);
+var getSeriesColor = ({
+  index,
+  palette
+}) => {
+  const colors = palette ?? DEFAULT_PALETTE;
+  return colors[index % colors.length];
+};
+
+// src/charts/theme.ts
+import React from "react";
+var getCSSVar = ({ name, fallback }) => {
+  if (typeof window === "undefined") return fallback;
+  const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+  return value || fallback;
+};
+var getTooltipStyle = () => ({
+  contentStyle: {
+    backgroundColor: getCSSVar({ name: "--color-background-secondary", fallback: "#f9fafb" }),
+    border: `1px solid ${getCSSVar({ name: "--color-border-secondary", fallback: "#e5e7eb" })}`,
+    borderRadius: getCSSVar({ name: "--border-radius-md", fallback: "8px" }),
+    color: getCSSVar({ name: "--color-text-primary", fallback: "#111827" }),
+    fontSize: getCSSVar({ name: "--font-text-sm-size", fallback: "13px" }),
+    fontFamily: getCSSVar({ name: "--font-sans", fallback: "ui-sans-serif, system-ui, sans-serif" }),
+    padding: "8px 12px",
+    boxShadow: "0 4px 12px rgba(0,0,0,0.08)"
+  },
+  labelStyle: {
+    color: getCSSVar({ name: "--color-text-primary", fallback: "#111827" }),
+    fontWeight: 500,
+    marginBottom: "4px"
+  }
+});
+var getBorderColor = ({ variant = "default" } = {}) => variant === "secondary" ? getCSSVar({ name: "--color-border-secondary", fallback: "#e5e7eb" }) : getCSSVar({ name: "--color-border-primary", fallback: "#d1d5db" });
+var getGridColor = ({ variant = "secondary" } = {}) => getBorderColor({ variant });
+var getAxisStyle = ({ variant = "default" } = {}) => ({
+  tick: {
+    fill: getCSSVar({ name: "--color-text-secondary", fallback: "#6b7280" }),
+    fontSize: getCSSVar({ name: "--font-text-xs-size", fallback: "11px" }),
+    fontFamily: getCSSVar({ name: "--font-sans", fallback: "ui-sans-serif, system-ui, sans-serif" })
+  },
+  axisLine: {
+    stroke: getBorderColor({ variant })
+  },
+  tickLine: {
+    stroke: getBorderColor({ variant })
+  }
+});
+var themeAxisChild = ({
+  child,
+  variant = "default",
+  XAxis: XAxis2,
+  YAxis: YAxis2
+}) => {
+  const t = child.type;
+  const dn = t?.displayName;
+  if (t === XAxis2 || t === YAxis2 || dn === "XAxis" || dn === "YAxis") {
+    const style = getAxisStyle({ variant });
+    const props = child.props;
+    return React.cloneElement(child, {
+      tick: props.tick === false ? false : { ...style.tick, ...typeof props.tick === "object" && props.tick ? props.tick : {} },
+      axisLine: props.axisLine === false ? false : { ...style.axisLine, ...typeof props.axisLine === "object" && props.axisLine ? props.axisLine : {} },
+      tickLine: props.tickLine === false ? false : { ...style.tickLine, ...typeof props.tickLine === "object" && props.tickLine ? props.tickLine : {} }
+    });
+  }
+  return null;
+};
+
+// src/charts/LineChart.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var LineChart = ({
+  data,
+  height,
+  colorPalette,
+  className,
+  style,
+  grid = true,
+  borderVariant = "default",
+  children
+}) => {
+  let seriesIndex = 0;
+  const themedChildren = Children.map(children, (child) => {
+    if (!isValidElement(child)) return child;
+    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis, YAxis: RechartsYAxis });
+    if (themedAxis) return themedAxis;
+    if (child.type === RechartsLine || child.type?.displayName === "Line") {
+      const idx = seriesIndex++;
+      const existing = child.props.stroke;
+      return cloneElement(child, {
+        stroke: existing || getSeriesColor({ index: idx, palette: colorPalette }),
+        strokeWidth: child.props.strokeWidth ?? 2,
+        dot: child.props.dot ?? false,
+        activeDot: child.props.activeDot ?? { r: 4 }
+      });
+    }
+    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 }),
+    themedChildren
+  ] }) });
+};
+
+// src/charts/BarChart.tsx
+import { Children as Children2, cloneElement as cloneElement2, isValidElement as isValidElement2 } from "react";
+import {
+  BarChart as RechartsBarChart,
+  Bar as RechartsBar,
+  XAxis as RechartsXAxis2,
+  YAxis as RechartsYAxis2,
+  CartesianGrid as CartesianGrid2
+} from "recharts";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var BarChart = ({
+  data,
+  height,
+  colorPalette,
+  className,
+  style,
+  grid = true,
+  borderVariant = "default",
+  children
+}) => {
+  let seriesIndex = 0;
+  const themedChildren = Children2.map(children, (child) => {
+    if (!isValidElement2(child)) return child;
+    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis2, YAxis: RechartsYAxis2 });
+    if (themedAxis) return themedAxis;
+    if (child.type === RechartsBar || child.type?.displayName === "Bar") {
+      const idx = seriesIndex++;
+      const existing = child.props.fill;
+      return cloneElement2(child, {
+        fill: existing || getSeriesColor({ index: idx, palette: colorPalette }),
+        radius: child.props.radius ?? [4, 4, 0, 0]
+      });
+    }
+    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 }),
+    themedChildren
+  ] }) });
+};
+
+// src/charts/AreaChart.tsx
+import { Children as Children3, cloneElement as cloneElement3, isValidElement as isValidElement3 } from "react";
+import {
+  AreaChart as RechartsAreaChart,
+  Area as RechartsArea,
+  XAxis as RechartsXAxis3,
+  YAxis as RechartsYAxis3,
+  CartesianGrid as CartesianGrid3
+} from "recharts";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var AreaChart = ({
+  data,
+  height,
+  colorPalette,
+  className,
+  style,
+  grid = true,
+  borderVariant = "default",
+  children
+}) => {
+  let seriesIndex = 0;
+  const themedChildren = Children3.map(children, (child) => {
+    if (!isValidElement3(child)) return child;
+    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis3, YAxis: RechartsYAxis3 });
+    if (themedAxis) return themedAxis;
+    if (child.type === RechartsArea || child.type?.displayName === "Area") {
+      const idx = seriesIndex++;
+      const color = child.props.stroke || getSeriesColor({ index: idx, palette: colorPalette });
+      return cloneElement3(child, {
+        stroke: color,
+        fill: child.props.fill || color,
+        fillOpacity: child.props.fillOpacity ?? 0.15,
+        strokeWidth: child.props.strokeWidth ?? 2
+      });
+    }
+    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 }),
+    themedChildren
+  ] }) });
+};
+
+// src/charts/PieChart.tsx
+import { Children as Children4, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
+import {
+  PieChart as RechartsPieChart,
+  Pie as RechartsPie,
+  Cell
+} from "recharts";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var PieChart = ({
+  height,
+  colorPalette,
+  className,
+  style,
+  children
+}) => {
+  const themedChildren = Children4.map(children, (child) => {
+    if (!isValidElement4(child)) return child;
+    if (child.type === RechartsPie || child.type?.displayName === "Pie") {
+      const props = child.props;
+      const data = props.data ?? [];
+      const hasExplicitCells = Children4.toArray(props.children).some(
+        (c) => isValidElement4(c) && (c.type === Cell || c.type?.displayName === "Cell")
+      );
+      if (!hasExplicitCells && data.length > 0) {
+        return cloneElement4(child, {
+          children: data.map((_, i) => /* @__PURE__ */ jsx5(Cell, { fill: getSeriesColor({ index: i, palette: colorPalette }) }, `cell-${i}`))
+        });
+      }
+    }
+    return child;
+  });
+  return /* @__PURE__ */ jsx5(ChartContainer, { height, className, style, children: /* @__PURE__ */ jsx5(RechartsPieChart, { children: themedChildren }) });
+};
+
+// src/charts/ScatterChart.tsx
+import { Children as Children5, cloneElement as cloneElement5, isValidElement as isValidElement5 } from "react";
+import {
+  ScatterChart as RechartsScatterChart,
+  Scatter as RechartsScatter,
+  XAxis as RechartsXAxis4,
+  YAxis as RechartsYAxis4,
+  CartesianGrid as CartesianGrid4
+} from "recharts";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var ScatterChart = ({
+  height,
+  colorPalette,
+  className,
+  style,
+  grid = true,
+  borderVariant = "default",
+  children
+}) => {
+  let seriesIndex = 0;
+  const themedChildren = Children5.map(children, (child) => {
+    if (!isValidElement5(child)) return child;
+    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis4, YAxis: RechartsYAxis4 });
+    if (themedAxis) return themedAxis;
+    if (child.type === RechartsScatter || child.type?.displayName === "Scatter") {
+      const idx = seriesIndex++;
+      const existing = child.props.fill;
+      return cloneElement5(child, {
+        fill: existing || getSeriesColor({ index: idx, palette: colorPalette })
+      });
+    }
+    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 }),
+    themedChildren
+  ] }) });
+};
+
+// src/charts/RadarChart.tsx
+import { Children as Children6, cloneElement as cloneElement6, isValidElement as isValidElement6 } from "react";
+import {
+  RadarChart as RechartsRadarChart,
+  Radar as RechartsRadar
+} from "recharts";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var RadarChart = ({
+  data,
+  height,
+  colorPalette,
+  className,
+  style,
+  children
+}) => {
+  let seriesIndex = 0;
+  const themedChildren = Children6.map(children, (child) => {
+    if (!isValidElement6(child)) return child;
+    if (child.type === RechartsRadar || child.type?.displayName === "Radar") {
+      const idx = seriesIndex++;
+      const color = child.props.stroke || getSeriesColor({ index: idx, palette: colorPalette });
+      return cloneElement6(child, {
+        stroke: color,
+        fill: child.props.fill || color,
+        fillOpacity: child.props.fillOpacity ?? 0.2
+      });
+    }
+    return child;
+  });
+  return /* @__PURE__ */ jsx7(ChartContainer, { height, className, style, children: /* @__PURE__ */ jsx7(RechartsRadarChart, { data, cx: "50%", cy: "50%", outerRadius: "70%", children: themedChildren }) });
+};
+
+// src/charts/ComposedChart.tsx
+import { Children as Children7, cloneElement as cloneElement7, isValidElement as isValidElement7 } from "react";
+import {
+  ComposedChart as RechartsComposedChart,
+  Line as RechartsLine2,
+  Bar as RechartsBar2,
+  Area as RechartsArea2,
+  XAxis as RechartsXAxis5,
+  YAxis as RechartsYAxis5,
+  CartesianGrid as CartesianGrid5
+} from "recharts";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var ComposedChart = ({
+  data,
+  height,
+  colorPalette,
+  className,
+  style,
+  grid = true,
+  borderVariant = "default",
+  children
+}) => {
+  let seriesIndex = 0;
+  const themedChildren = Children7.map(children, (child) => {
+    if (!isValidElement7(child)) return child;
+    const themedAxis = themeAxisChild({ child, variant: borderVariant, XAxis: RechartsXAxis5, YAxis: RechartsYAxis5 });
+    if (themedAxis) return themedAxis;
+    const t = child.type;
+    const dn = t?.displayName;
+    if (t === RechartsLine2 || dn === "Line") {
+      const idx = seriesIndex++;
+      return cloneElement7(child, {
+        stroke: child.props.stroke || getSeriesColor({ index: idx, palette: colorPalette }),
+        strokeWidth: child.props.strokeWidth ?? 2,
+        dot: child.props.dot ?? false
+      });
+    }
+    if (t === RechartsBar2 || dn === "Bar") {
+      const idx = seriesIndex++;
+      return cloneElement7(child, {
+        fill: child.props.fill || getSeriesColor({ index: idx, palette: colorPalette }),
+        radius: child.props.radius ?? [4, 4, 0, 0]
+      });
+    }
+    if (t === RechartsArea2 || dn === "Area") {
+      const idx = seriesIndex++;
+      const color = child.props.stroke || getSeriesColor({ index: idx, palette: colorPalette });
+      return cloneElement7(child, {
+        stroke: color,
+        fill: child.props.fill || color,
+        fillOpacity: child.props.fillOpacity ?? 0.15,
+        strokeWidth: child.props.strokeWidth ?? 2
+      });
+    }
+    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 }),
+    themedChildren
+  ] }) });
+};
+
+// src/charts/ThemedTooltip.tsx
+import { useMemo } from "react";
+import { Tooltip as RechartsTooltip } from "recharts";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var ThemedTooltip = (props) => {
+  const style = useMemo(() => getTooltipStyle(), []);
+  return /* @__PURE__ */ jsx9(
+    RechartsTooltip,
+    {
+      contentStyle: style.contentStyle,
+      labelStyle: style.labelStyle,
+      cursor: { stroke: "var(--color-border-secondary, #e5e7eb)", strokeWidth: 1 },
+      ...props
+    }
+  );
+};
+
+// src/charts/index.ts
+import {
+  Line,
+  Bar,
+  Area,
+  Pie,
+  Scatter,
+  Radar,
+  Cell as Cell2,
+  XAxis,
+  YAxis,
+  CartesianGrid as CartesianGrid6,
+  Legend,
+  PolarGrid,
+  PolarAngleAxis,
+  PolarRadiusAxis,
+  Tooltip,
+  ReferenceLine,
+  ReferenceArea,
+  ResponsiveContainer as ResponsiveContainer2
+} from "recharts";
+export {
+  Area,
+  AreaChart,
+  Bar,
+  BarChart,
+  CartesianGrid6 as CartesianGrid,
+  Cell2 as Cell,
+  ComposedChart,
+  DEFAULT_PALETTE,
+  Legend,
+  Line,
+  LineChart,
+  Pie,
+  PieChart,
+  PolarAngleAxis,
+  PolarGrid,
+  PolarRadiusAxis,
+  Radar,
+  RadarChart,
+  Tooltip as RechartsTooltip,
+  ReferenceArea,
+  ReferenceLine,
+  ResponsiveContainer2 as ResponsiveContainer,
+  Scatter,
+  ScatterChart,
+  ThemedTooltip as Tooltip,
+  XAxis,
+  YAxis
+};
+//# sourceMappingURL=index.js.map