@yamada-ui/charts 1.1.2-dev-20240430063353 → 1.1.2-dev-20240501174240

package/dist/radar-chart.js

@@ -1,918 +0,0 @@
-"use client"
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/radar-chart.tsx
-var radar_chart_exports = {};
-__export(radar_chart_exports, {
-  RadarChart: () => RadarChart
-});
-module.exports = __toCommonJS(radar_chart_exports);
-var import_core7 = require("@yamada-ui/core");
-var import_utils8 = require("@yamada-ui/utils");
-var import_react5 = require("react");
-var import_recharts = require("recharts");
-
-// src/chart-legend.tsx
-var import_core3 = require("@yamada-ui/core");
-var import_utils3 = require("@yamada-ui/utils");
-
-// src/use-chart.ts
-var import_core2 = require("@yamada-ui/core");
-var import_utils2 = require("@yamada-ui/utils");
-var import_react = require("react");
-
-// src/chart-utils.ts
-var import_core = require("@yamada-ui/core");
-var import_utils = require("@yamada-ui/utils");
-var getClassName = (...styles) => (theme) => (0, import_utils.cx)(
-  ...styles.map(
-    (style) => (0, import_utils.isString)(style) ? style : (0, import_core.getCSS)(style)(theme)
-  )
-);
-var getComponentProps = ([obj, keys], ...props) => (theme, isContain) => {
-  const [pickedProps, omittedProps] = (0, import_utils.splitObject)(obj, keys);
-  const className = getClassName(...props, omittedProps)(theme);
-  return !isContain ? [pickedProps, className] : { ...pickedProps, className };
-};
-
-// src/rechart-properties.ts
-var radarChartProperties = [
-  "width",
-  "height",
-  "data",
-  "cx",
-  "cy",
-  "startAngle",
-  "endAngle",
-  "innerRadius",
-  "outerRadius",
-  "margin",
-  "onMouseEnter",
-  "onClick"
-];
-var containerProperties = [
-  "aspect",
-  "width",
-  "height",
-  "minWidth",
-  "minHeight",
-  "debounce",
-  "onResize"
-];
-var legendProperties = [
-  "width",
-  "height",
-  "layout",
-  "align",
-  "verticalAlign",
-  "iconSize",
-  "iconType",
-  "payload",
-  "chartWidth",
-  "chartHeight",
-  "margin",
-  "content",
-  "formatter",
-  "wrapperStyle",
-  "onClick",
-  "onMouseDown",
-  "onMouseUp",
-  "onMouseMove",
-  "onMouseOver",
-  "onMouseOut",
-  "onMouseEnter",
-  "onMouseLeave"
-];
-var tooltipProperties = [
-  "offset",
-  "filterNull",
-  "itemStyle",
-  "wrapperStyle",
-  "contentStyle",
-  "labelStyle",
-  "cursor",
-  "viewBox",
-  "allowEscapeViewBox",
-  "active",
-  "position",
-  "coordinate",
-  "payload",
-  "label",
-  "content",
-  "formatter",
-  "labelFormatter",
-  "itemSorter",
-  "isAnimationActive",
-  "animationDuration",
-  "animationEasing"
-];
-var radarProperties = [
-  "dataKey",
-  "points",
-  "shape",
-  "dot",
-  "activeDot",
-  "legendType",
-  "label",
-  "isAnimationActive",
-  "animationBegin",
-  "animationDuration",
-  "animationEasing",
-  "onAnimationStart",
-  "onAnimationEnd"
-];
-var dotProperties = [
-  "cx",
-  "cy",
-  "r",
-  "onClick",
-  "onMouseDown",
-  "onMouseUp",
-  "onMouseMove",
-  "onMouseOver",
-  "onMouseOut",
-  "onMouseEnter",
-  "onMouseLeave"
-];
-var polarGridProperties = [
-  "cx",
-  "cy",
-  "innerRadius",
-  "outerRadius",
-  "polarAngles",
-  "polarRadius",
-  "gridType"
-];
-var polarAngleAxisProperties = [
-  "dataKey",
-  "cx",
-  "cy",
-  "radius",
-  "axisLine",
-  "axisLineType",
-  "tickLine",
-  "tickSize",
-  "tick",
-  "ticks",
-  "orient",
-  "tickFormatter",
-  "type",
-  "allowDuplicatedCategory",
-  "onClick",
-  "onMouseDown",
-  "onMouseUp",
-  "onMouseMove",
-  "onMouseOver",
-  "onMouseOut",
-  "onMouseEnter",
-  "onMouseLeave"
-];
-var polarRadiusAxisProperties = [
-  "angle",
-  "type",
-  "allowDuplicatedCategory",
-  "cx",
-  "cy",
-  "domain",
-  "reversed",
-  "label",
-  "orientation",
-  "axisLine",
-  "tick",
-  "tickSize",
-  "tickFormatter",
-  "tickCount",
-  "scale",
-  "onClick",
-  "onMouseDown",
-  "onMouseUp",
-  "onMouseMove",
-  "onMouseOver",
-  "onMouseOut",
-  "onMouseEnter",
-  "onMouseLeave"
-];
-
-// src/use-chart.ts
-var [ChartProvider, useChartContext] = (0, import_utils2.createContext)({
-  name: "ChartContext",
-  errorMessage: `useChartContext returned is 'undefined'. Seems you forgot to wrap the components in "<LineChart />" or "<BarChart />" etc.`
-});
-var useChart = ({ containerProps = {} }) => {
-  const { theme } = (0, import_core2.useTheme)();
-  const [reChartsProps, propClassName] = getComponentProps([
-    containerProps,
-    containerProperties
-  ])(theme);
-  const getContainerProps = (0, import_react.useCallback)(
-    ({ className, ...props } = {}, ref = null) => ({
-      ref,
-      className: (0, import_utils2.cx)("ui-chart__container", className, propClassName),
-      ...props,
-      ...reChartsProps
-    }),
-    [propClassName, reChartsProps]
-  );
-  return {
-    getContainerProps
-  };
-};
-var useLegend = ({} = {}) => {
-  const { styles } = useChartContext();
-  return {
-    styles
-  };
-};
-var useTooltip = ({} = {}) => {
-  const { styles } = useChartContext();
-  return {
-    styles
-  };
-};
-
-// src/chart-legend.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var ChartLegend = (0, import_core3.forwardRef)(
-  ({ className, payload = [], onHighlight, ...rest }, ref) => {
-    const { styles } = useLegend();
-    const items = payload.map(({ dataKey, value: valueProp, color }, index) => {
-      const value = dataKey != null ? dataKey : valueProp;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_core3.ui.div,
-        {
-          className: "ui-chart__legend-item",
-          onMouseEnter: () => onHighlight(value),
-          onMouseLeave: () => onHighlight(null),
-          __css: styles.legendItem,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_core3.ui.div,
-              {
-                className: "ui-chart__legend-swatch",
-                background: color,
-                __css: styles.legendSwatch
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core3.ui.span, { className: "ui-chart__legend-label", children: value })
-          ]
-        },
-        `legend-${index}`
-      );
-    });
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_core3.ui.div,
-      {
-        ref,
-        className: (0, import_utils3.cx)("ui-chart__legend", className),
-        __css: styles.legend,
-        ...rest,
-        children: items
-      }
-    );
-  }
-);
-
-// src/chart-tooltip.tsx
-var import_core4 = require("@yamada-ui/core");
-var import_utils4 = require("@yamada-ui/utils");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ChartTooltip = (0, import_core4.forwardRef)(
-  ({ label, className, payload = [], valueFormatter, unit, ...rest }, ref) => {
-    const { styles } = useTooltip();
-    const items = payload.map(
-      ({ color: colorProp, name, value: valueProp, payload: payload2 } = {}, index) => {
-        var _a;
-        const color = colorProp != null ? colorProp : payload2 == null ? void 0 : payload2.color;
-        let value;
-        if ((0, import_utils4.isArray)(valueProp)) {
-          value = valueProp.map((value2) => {
-            var _a2;
-            return `${(_a2 = valueFormatter == null ? void 0 : valueFormatter(value2)) != null ? _a2 : value2}`;
-          }).join(" - ");
-        } else {
-          value = (_a = valueFormatter == null ? void 0 : valueFormatter(valueProp)) != null ? _a : valueProp;
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          import_core4.ui.div,
-          {
-            className: "ui-chart__tooltip-item",
-            __css: styles.tooltipItem,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                import_core4.ui.div,
-                {
-                  className: "ui-chart__tooltip-swatch",
-                  background: color,
-                  __css: styles.tooltipSwatch
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                import_core4.ui.span,
-                {
-                  className: "ui-chart__tooltip-label",
-                  __css: styles.tooltipLabel,
-                  children: name
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-                import_core4.ui.span,
-                {
-                  className: "ui-chart__tooltip-value",
-                  __css: styles.tooltipValue,
-                  children: [
-                    value,
-                    unit ? unit : ""
-                  ]
-                }
-              )
-            ]
-          },
-          `tooltip-payload-${index}`
-        );
-      }
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      import_core4.ui.div,
-      {
-        ref,
-        className: (0, import_utils4.cx)("ui-chart__tooltip", className),
-        __css: styles.tooltip,
-        ...rest,
-        children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core4.ui.p, { className: "ui-chart__tooltip-title", __css: styles.tooltipTitle, children: label }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core4.ui.div, { className: "ui-chart__tooltip-list", __css: styles.tooltipList, children: items })
-        ]
-      }
-    );
-  }
-);
-
-// src/use-chart-legend.ts
-var import_utils5 = require("@yamada-ui/utils");
-var import_react2 = require("react");
-var useChartLegend = ({
-  legendProps: _legendProps = {}
-}) => {
-  const [rest, legendProps] = (0, import_utils5.splitObject)(
-    _legendProps,
-    legendProperties
-  );
-  const getLegendProps = (0, import_react2.useCallback)(
-    (props, ref = null) => {
-      return {
-        ref,
-        verticalAlign: "top",
-        ...props,
-        ...rest
-      };
-    },
-    [rest]
-  );
-  return { legendProps, getLegendProps };
-};
-
-// src/use-chart-tooltip.ts
-var import_core5 = require("@yamada-ui/core");
-var import_utils6 = require("@yamada-ui/utils");
-var import_react3 = require("react");
-var useChartTooltip = ({
-  tooltipProps: _tooltipProps = {},
-  tooltipAnimationDuration = 0,
-  styles
-}) => {
-  const { theme } = (0, import_core5.useTheme)();
-  const { cursor, ...rest } = _tooltipProps;
-  const cursorClassName = (0, import_react3.useMemo)(
-    () => getClassName({ ...styles.cursor, ...cursor })(theme),
-    [cursor, styles.cursor, theme]
-  );
-  const [tooltipProps, tooltipUIProps] = (0, import_utils6.splitObject)(
-    rest,
-    tooltipProperties
-  );
-  const getTooltipProps = (0, import_react3.useCallback)(
-    (props, ref = null) => ({
-      ref,
-      animationDuration: tooltipAnimationDuration,
-      isAnimationActive: (tooltipAnimationDuration || 0) > 0,
-      cursor: {
-        className: (0, import_utils6.cx)("ui-chart__cursor", cursorClassName)
-      },
-      ...props,
-      ...tooltipProps
-    }),
-    [cursorClassName, tooltipAnimationDuration, tooltipProps]
-  );
-  return { tooltipProps: tooltipUIProps, getTooltipProps };
-};
-
-// src/use-radar-chart.ts
-var import_core6 = require("@yamada-ui/core");
-var import_utils7 = require("@yamada-ui/utils");
-var import_react4 = require("react");
-var useRadarChart = ({
-  data,
-  series,
-  dataKey,
-  withDots = false,
-  withActiveDots = false,
-  strokeWidth = 2,
-  fillOpacity = 0.4,
-  valueFormatter,
-  strokeDasharray,
-  styles,
-  ...rest
-}) => {
-  var _a;
-  const { theme } = (0, import_core6.useTheme)();
-  const [highlightedArea, setHighlightedArea] = (0, import_react4.useState)(null);
-  const shouldHighlight = highlightedArea !== null;
-  const {
-    dot = {},
-    activeDot = {},
-    dimDot,
-    dimRadar,
-    ...computedRadarProps
-  } = (_a = rest.radarProps) != null ? _a : {};
-  const radarColors = (0, import_react4.useMemo)(
-    () => series.map(({ color }, index) => ({
-      __prefix: "ui",
-      name: `radar-${index}`,
-      token: "colors",
-      value: color != null ? color : "transparent"
-    })),
-    [series]
-  );
-  const radarVars = (0, import_react4.useMemo)(
-    () => [
-      ...radarColors,
-      { __prefix: "ui", name: "fill-opacity", value: fillOpacity }
-    ],
-    [fillOpacity, radarColors]
-  );
-  const [chartProps, radarChartClassName] = (0, import_react4.useMemo)(
-    () => {
-      var _a2;
-      return getComponentProps(
-        [(_a2 = rest.chartProps) != null ? _a2 : {}, radarChartProperties],
-        styles.chart
-      )(theme);
-    },
-    [rest.chartProps, styles.chart, theme]
-  );
-  const [polarGridProps, polarGridClassName] = (0, import_react4.useMemo)(
-    () => {
-      var _a2;
-      return getComponentProps(
-        [(_a2 = rest.polarGridProps) != null ? _a2 : {}, polarGridProperties],
-        styles.polarGrid
-      )(theme);
-    },
-    [rest.polarGridProps, styles.polarGrid, theme]
-  );
-  const [polarAngleAxisProps, polarAngleAxisClassName] = (0, import_react4.useMemo)(
-    () => {
-      var _a2;
-      return getComponentProps(
-        [(_a2 = rest.polarAngleAxisProps) != null ? _a2 : {}, polarAngleAxisProperties],
-        styles.polarAngleAxis
-      )(theme);
-    },
-    [rest.polarAngleAxisProps, styles.polarAngleAxis, theme]
-  );
-  const polarAngleAxisTickClassName = (0, import_react4.useMemo)(
-    () => getClassName({
-      ...styles.polarAngleAxisTick,
-      ...rest.polarAngleAxisTickProps
-    })(theme),
-    [rest.polarAngleAxisTickProps, styles.polarAngleAxisTick, theme]
-  );
-  const [polarRadiusAxisProps, polarRadiusAxisClassName] = (0, import_react4.useMemo)(
-    () => {
-      var _a2;
-      return getComponentProps(
-        [(_a2 = rest.polarRadiusAxisProps) != null ? _a2 : {}, polarRadiusAxisProperties],
-        styles.polarRadiusAxis
-      )(theme);
-    },
-    [rest.polarRadiusAxisProps, styles.polarRadiusAxis, theme]
-  );
-  const polarRadiusAxisTickClassName = (0, import_react4.useMemo)(
-    () => getClassName({
-      ...styles.polarRadiusAxisTick,
-      ...rest.polarRadiusAxisTickProps
-    })(theme),
-    [rest.polarRadiusAxisTickProps, styles.polarRadiusAxisTick, theme]
-  );
-  const [radarProps, radarClassName] = (0, import_react4.useMemo)(() => {
-    const resolvedRadarProps = {
-      fillOpacity: "var(--ui-fill-opacity)",
-      ...computedRadarProps
-    };
-    return getComponentProps(
-      [resolvedRadarProps, radarProperties],
-      styles.radar
-    )(theme);
-  }, [computedRadarProps, styles.radar, theme]);
-  const [dimRadarProps, dimRadarClassName] = (0, import_react4.useMemo)(() => {
-    const resolvedDimRadar = {
-      fillOpacity: 0.3,
-      strokeOpacity: 0.3,
-      ...dimRadar
-    };
-    return getComponentProps([resolvedDimRadar, radarProperties])(
-      theme
-    );
-  }, [dimRadar, theme]);
-  const [dotProps, dotClassName] = (0, import_react4.useMemo)(() => {
-    const resolvedDot = { fillOpacity: 1, strokeWidth: 2, ...dot };
-    return getComponentProps(
-      [resolvedDot, dotProperties],
-      styles.dot
-    )(theme);
-  }, [dot, styles.dot, theme]);
-  const [activeDotProps, activeDotClassName] = (0, import_react4.useMemo)(
-    () => getComponentProps(
-      [activeDot, dotProperties],
-      styles.activeDot
-    )(theme),
-    [activeDot, styles.activeDot, theme]
-  );
-  const [dimDotProps, dimDotClassName] = (0, import_react4.useMemo)(() => {
-    const resolvedDimDot = { fillOpacity: 0, strokeOpacity: 0, ...dimDot };
-    return getComponentProps([resolvedDimDot, dotProperties])(
-      theme
-    );
-  }, [dimDot, theme]);
-  const radarPropList = (0, import_react4.useMemo)(
-    () => series.map((props, index) => {
-      const {
-        dataKey: dataKey2,
-        dot: dot2 = {},
-        activeDot: activeDot2 = {},
-        dimDot: dimDot2 = {},
-        dimRadar: dimRadar2 = {},
-        ...computedProps
-      } = props;
-      const color = `var(--ui-radar-${index})`;
-      const dimmed = shouldHighlight && highlightedArea !== dataKey2;
-      const computedDimRadar = { ...dimRadarProps, ...dimRadar2 };
-      const resolvedProps = {
-        ...radarProps,
-        ...computedProps,
-        ...dimmed ? computedDimRadar : {}
-      };
-      const rest2 = getComponentProps(
-        [resolvedProps, radarProperties],
-        radarClassName,
-        dimmed ? dimRadarClassName : void 0
-      )(theme, true);
-      let resolvedActiveDot;
-      if (withActiveDots) {
-        const computedActiveDot = {
-          ...activeDotProps,
-          ...activeDot2
-        };
-        const [rest3, className] = getComponentProps(
-          [computedActiveDot, dotProperties],
-          activeDotClassName
-        )(theme);
-        resolvedActiveDot = {
-          className: (0, import_utils7.cx)("ui-radar-chart__active-dot", className),
-          fill: color,
-          stroke: color,
-          r: 4,
-          ...rest3
-        };
-      } else {
-        resolvedActiveDot = false;
-      }
-      let resolvedDot;
-      if (withDots) {
-        const computedDimDot = { ...dimDotProps, ...dimDot2 };
-        const computedDot = {
-          ...dotProps,
-          ...dot2,
-          ...dimmed ? computedDimDot : {}
-        };
-        const [rest3, className] = getComponentProps(
-          [computedDot, dotProperties],
-          dotClassName,
-          dimmed ? dimDotClassName : void 0
-        )(theme);
-        resolvedDot = {
-          className: (0, import_utils7.cx)("ui-radar-chart__dot", className),
-          fill: color,
-          r: 4,
-          ...rest3
-        };
-      } else {
-        resolvedDot = false;
-      }
-      return {
-        ...rest2,
-        color,
-        dataKey: dataKey2,
-        dot: resolvedDot,
-        activeDot: resolvedActiveDot
-      };
-    }),
-    [
-      activeDotClassName,
-      activeDotProps,
-      dimDotClassName,
-      dimDotProps,
-      dimRadarClassName,
-      dimRadarProps,
-      dotClassName,
-      dotProps,
-      highlightedArea,
-      radarClassName,
-      radarProps,
-      series,
-      shouldHighlight,
-      theme,
-      withActiveDots,
-      withDots
-    ]
-  );
-  const getRadarChartProps = (0, import_react4.useCallback)(
-    ({ className, ...props } = {}, ref = null) => ({
-      ref,
-      className: (0, import_utils7.cx)(className, radarChartClassName),
-      data,
-      ...props,
-      ...chartProps
-    }),
-    [data, radarChartClassName, chartProps]
-  );
-  const getRadarProps = (0, import_react4.useCallback)(
-    ({ index, className: classNameProp, ...props }, ref = null) => {
-      const { color, className, dataKey: dataKey2, activeDot: activeDot2, dot: dot2, ...rest2 } = radarPropList[index];
-      return {
-        ref,
-        className: (0, import_utils7.cx)(classNameProp, className),
-        activeDot: activeDot2,
-        dot: dot2,
-        name: dataKey2,
-        dataKey: dataKey2,
-        fill: color,
-        strokeWidth,
-        stroke: color,
-        isAnimationActive: false,
-        ...props,
-        ...rest2
-      };
-    },
-    [radarPropList, strokeWidth]
-  );
-  const getPolarGridProps = (0, import_react4.useCallback)(
-    ({ className, ...props } = {}, ref = null) => ({
-      ref,
-      className: (0, import_utils7.cx)(className, polarGridClassName),
-      strokeDasharray,
-      ...props,
-      ...polarGridProps
-    }),
-    [polarGridClassName, polarGridProps, strokeDasharray]
-  );
-  const getPolarAngleAxisProps = (0, import_react4.useCallback)(
-    ({ className, ...props } = {}, ref = null) => ({
-      ref,
-      className: (0, import_utils7.cx)(className, polarAngleAxisClassName),
-      dataKey,
-      tick: {
-        className: (0, import_utils7.cx)(
-          "ui-radar-chart__polar-angle-axis-tick",
-          polarAngleAxisTickClassName
-        )
-      },
-      tickFormatter: valueFormatter,
-      tickSize: 16,
-      ...props,
-      ...polarAngleAxisProps
-    }),
-    [
-      dataKey,
-      polarAngleAxisClassName,
-      polarAngleAxisProps,
-      polarAngleAxisTickClassName,
-      valueFormatter
-    ]
-  );
-  const getPolarRadiusAxisProps = (0, import_react4.useCallback)(
-    ({ className, ...props } = {}, ref = null) => ({
-      ref,
-      className: (0, import_utils7.cx)(className, polarRadiusAxisClassName),
-      tick: {
-        className: (0, import_utils7.cx)(
-          "ui-radar-chart__polar-radius-axis-tick",
-          polarRadiusAxisTickClassName
-        )
-      },
-      tickFormatter: valueFormatter,
-      ...props,
-      ...polarRadiusAxisProps
-    }),
-    [
-      polarRadiusAxisClassName,
-      polarRadiusAxisProps,
-      polarRadiusAxisTickClassName,
-      valueFormatter
-    ]
-  );
-  return {
-    radarVars,
-    getRadarChartProps,
-    getRadarProps,
-    getPolarGridProps,
-    getPolarAngleAxisProps,
-    getPolarRadiusAxisProps,
-    setHighlightedArea
-  };
-};
-
-// src/radar-chart.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var RadarChart = (0, import_core7.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core7.useMultiComponentStyle)("RadarChart", props);
-  const {
-    className,
-    data,
-    series,
-    dataKey,
-    radarProps,
-    chartProps,
-    polarGridProps,
-    polarAngleAxisProps,
-    polarAngleAxisTickProps,
-    polarRadiusAxisProps,
-    polarRadiusAxisTickProps,
-    containerProps,
-    tooltipProps,
-    legendProps,
-    tooltipAnimationDuration,
-    unit,
-    valueFormatter,
-    strokeDasharray,
-    withDots,
-    withActiveDots,
-    strokeWidth,
-    fillOpacity,
-    withTooltip = true,
-    withLegend = false,
-    withPolarGrid = true,
-    withPolarAngleAxis = true,
-    withPolarRadiusAxis = false,
-    ...rest
-  } = (0, import_core7.omitThemeProps)(mergedProps);
-  const {
-    getRadarProps,
-    getRadarChartProps,
-    getPolarGridProps,
-    getPolarAngleAxisProps,
-    getPolarRadiusAxisProps,
-    radarVars,
-    setHighlightedArea
-  } = useRadarChart({
-    data,
-    series,
-    dataKey,
-    radarProps,
-    chartProps,
-    polarGridProps,
-    polarAngleAxisProps,
-    polarAngleAxisTickProps,
-    polarRadiusAxisProps,
-    polarRadiusAxisTickProps,
-    withDots,
-    withActiveDots,
-    strokeWidth,
-    fillOpacity,
-    valueFormatter,
-    strokeDasharray,
-    styles
-  });
-  const { getContainerProps } = useChart({ containerProps });
-  const { tooltipProps: computedTooltipProps, getTooltipProps } = useChartTooltip({
-    tooltipProps,
-    tooltipAnimationDuration,
-    styles
-  });
-  const { legendProps: computedLegendProps, getLegendProps } = useChartLegend({
-    legendProps
-  });
-  const radars = (0, import_react5.useMemo)(
-    () => series.map(({ dataKey: dataKey2 }, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_recharts.Radar,
-      {
-        ...getRadarProps({ index, className: "ui-radar-chart__radar" })
-      },
-      `radar-${dataKey2}`
-    )),
-    [getRadarProps, series]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChartProvider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_core7.ui.div,
-    {
-      ref,
-      className: (0, import_utils8.cx)("ui-radar-chart", className),
-      var: radarVars,
-      __css: { maxW: "full", ...styles.container },
-      ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_recharts.ResponsiveContainer,
-        {
-          ...getContainerProps({ className: "ui-radar-chart__container" }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-            import_recharts.RadarChart,
-            {
-              ...getRadarChartProps({ className: "ui-radar-chart__chart" }),
-              children: [
-                withPolarGrid ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_recharts.PolarGrid,
-                  {
-                    ...getPolarGridProps({
-                      className: "ui-radar-chart__polar-grid"
-                    })
-                  }
-                ) : null,
-                withPolarAngleAxis ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_recharts.PolarAngleAxis,
-                  {
-                    ...getPolarAngleAxisProps({
-                      className: "ui-radar-chart__polar-angle-axis"
-                    })
-                  }
-                ) : null,
-                withPolarRadiusAxis ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_recharts.PolarRadiusAxis,
-                  {
-                    ...getPolarRadiusAxisProps({
-                      className: "ui-radar-chart__polar-radius-axis"
-                    })
-                  }
-                ) : null,
-                withLegend ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_recharts.Legend,
-                  {
-                    content: ({ payload }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                      ChartLegend,
-                      {
-                        className: "ui-area-chart__legend",
-                        payload,
-                        onHighlight: setHighlightedArea,
-                        ...computedLegendProps
-                      }
-                    ),
-                    ...getLegendProps()
-                  }
-                ) : null,
-                withTooltip ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_recharts.Tooltip,
-                  {
-                    content: ({ label, payload }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                      ChartTooltip,
-                      {
-                        className: "ui-line-chart__tooltip",
-                        label,
-                        payload,
-                        valueFormatter,
-                        unit,
-                        ...computedTooltipProps
-                      }
-                    ),
-                    ...getTooltipProps()
-                  }
-                ) : null,
-                radars
-              ]
-            }
-          )
-        }
-      )
-    }
-  ) });
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  RadarChart
-});
-//# sourceMappingURL=radar-chart.js.map