@yamada-ui/charts 2.0.0-next-20240820160301 → 2.0.0-next-20240908154823

package/dist/use-radial-chart.js

@@ -0,0 +1,228 @@
+"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/use-radial-chart.ts
+var use_radial_chart_exports = {};
+__export(use_radial_chart_exports, {
+  useRadialChart: () => useRadialChart
+});
+module.exports = __toCommonJS(use_radial_chart_exports);
+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 radialChartProperties = [
+  "width",
+  "height",
+  "data",
+  "margin",
+  "barCategoryGap",
+  "barGap",
+  "cx",
+  "cy",
+  "startAngle",
+  "endAngle",
+  "innerRadius",
+  "outerRadius",
+  "barSize",
+  "onMouseEnter",
+  "onMouseLeave",
+  "onClick"
+];
+var radialBarProperties = [
+  "legendType",
+  "label",
+  "background",
+  "data",
+  "dataKey",
+  "isAnimationActive",
+  "animationBegin",
+  "animationDuration",
+  "animationEasing",
+  "onAnimationStart",
+  "onAnimationEnd",
+  "onClick",
+  "onMouseDown",
+  "onMouseUp",
+  "onMouseMove",
+  "onMouseOver",
+  "onMouseOut",
+  "onMouseEnter",
+  "onMouseLeave",
+  "cornerRadius"
+];
+
+// src/use-radial-chart.ts
+var useRadialChart = ({
+  data: dataProp,
+  dataKey = "value",
+  innerRadius = "10%",
+  outerRadius = "80%",
+  startAngle = 90,
+  endAngle = -180,
+  fillOpacity = 1,
+  styles,
+  ...rest
+}) => {
+  var _a;
+  const { theme } = (0, import_core2.useTheme)();
+  const [highlightedArea, setHighlightedArea] = (0, import_react.useState)(null);
+  const shouldHighlight = highlightedArea !== null;
+  const {
+    background: backgroundProps = {},
+    dimRadialBar: dimRadialBarProps = {},
+    ...computedRadialBarProps
+  } = (_a = rest.radialBarProps) != null ? _a : {};
+  const radialVars = (0, import_react.useMemo)(
+    () => dataProp.map(({ color }, index) => ({
+      name: `radial-bar-${index}`,
+      token: "colors",
+      value: color != null ? color : "transparent"
+    })),
+    [dataProp]
+  );
+  const dimRadialBarClassName = (0, import_react.useMemo)(() => {
+    const resolvedDimRadialBar = {
+      fillOpacity: 0.3,
+      strokeOpacity: 0,
+      ...dimRadialBarProps
+    };
+    return getClassName(resolvedDimRadialBar)(theme);
+  }, [dimRadialBarProps, theme]);
+  const [chartProps, chartClassName] = (0, import_react.useMemo)(
+    () => {
+      var _a2;
+      return getComponentProps(
+        [(_a2 = rest.chartProps) != null ? _a2 : {}, radialChartProperties],
+        styles.chart
+      )(theme);
+    },
+    [rest.chartProps, styles.chart, theme]
+  );
+  const background = (0, import_react.useMemo)(
+    () => getComponentProps(
+      [backgroundProps, radialBarProperties],
+      styles.background
+    )(theme, true),
+    [backgroundProps, styles.background, theme]
+  );
+  const [radialBarProps, radialBarClassName] = (0, import_react.useMemo)(
+    () => getComponentProps(
+      [computedRadialBarProps != null ? computedRadialBarProps : {}, radialBarProperties],
+      styles.radialBar
+    )(theme),
+    [computedRadialBarProps, styles.radialBar, theme]
+  );
+  const data = (0, import_react.useMemo)(
+    () => dataProp.map((props, index) => {
+      const {
+        name,
+        value,
+        color,
+        dimRadialBar = {},
+        ...computedProps
+      } = props;
+      const dimmed = shouldHighlight && highlightedArea !== name;
+      const resolvedProps = {
+        ...computedProps,
+        ...dimmed ? dimRadialBar : { fillOpacity }
+      };
+      const className = getClassName(
+        resolvedProps,
+        dimmed ? dimRadialBarClassName : void 0
+      )(theme);
+      return {
+        className,
+        fill: (0, import_core2.getVar)(`radial-bar-${index}`)(theme),
+        name,
+        value,
+        color
+      };
+    }),
+    [
+      dataProp,
+      dimRadialBarClassName,
+      fillOpacity,
+      highlightedArea,
+      shouldHighlight,
+      theme
+    ]
+  );
+  const getRadialChartProps = (0, import_react.useCallback)(
+    ({ className, ...props } = {}, ref = null) => ({
+      ref,
+      className: (0, import_utils2.cx)(className, chartClassName),
+      data,
+      innerRadius,
+      outerRadius,
+      startAngle,
+      endAngle,
+      ...props,
+      ...chartProps
+    }),
+    [
+      chartClassName,
+      chartProps,
+      data,
+      endAngle,
+      innerRadius,
+      outerRadius,
+      startAngle
+    ]
+  );
+  const getRadialBarProps = (0, import_react.useCallback)(
+    ({ className, ...props }, ref = null) => ({
+      ref,
+      className: (0, import_utils2.cx)(className, radialBarClassName),
+      dataKey,
+      isAnimationActive: false,
+      background,
+      ...props,
+      ...radialBarProps
+    }),
+    [background, dataKey, radialBarClassName, radialBarProps]
+  );
+  return {
+    radialVars,
+    setHighlightedArea,
+    getRadialChartProps,
+    getRadialBarProps
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useRadialChart
+});
+//# sourceMappingURL=use-radial-chart.js.map

package/dist/use-radial-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-radial-chart.ts","../src/chart-utils.ts","../src/rechart-properties.ts"],"sourcesContent":["import type { CSSUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { getVar, useTheme } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo, useState } from \"react\"\nimport type { ComponentPropsWithoutRef } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getClassName, getComponentProps } from \"./chart-utils\"\nimport type {\n  ChartPropGetter,\n  RadialBarProps,\n  RadialChartProps,\n  RequiredChartPropGetter,\n} from \"./chart.types\"\nimport {\n  radialBarProperties,\n  radialChartProperties,\n} from \"./rechart-properties\"\n\nexport type UseRadialChartOptions = {\n  /**\n   * Chart data.\n   */\n  data: Dict[]\n  /**\n   * The key of a group of data which should be unique in an chart.\n   *\n   * @default 'value'\n   */\n  dataKey?: string\n  /**\n   * Props passed down to recharts `RadialBarChart` component.\n   */\n  chartProps?: RadialChartProps\n  /**\n   * Props for the radialBar.\n   */\n  radialBarProps?: Partial<RadialBarProps>\n  /**\n   * Controls innerRadius of the chart segments.\n   * If it is a number, it is the width of the radius.\n   * For example, `60` means the radius is `60px` and the diameter is `120px`.\n   *\n   * @default '10%'\n   */\n  innerRadius?: number | string\n  /**\n   * Controls thickness of the chart segments. If it is a number, it is calculated as px.\n   * If it is a number, it is the width of the radius.\n   * For example, `60` means the radius is `60px` and the diameter is `120px`.\n   *\n   * @default '80%'\n   */\n  outerRadius?: number | string\n  /**\n   * Controls angle at which chart starts.\n   *\n   * @default 90\n   */\n  startAngle?: number\n  /**\n   * Controls angle at which chart ends.\n   *\n   * @default -180\n   */\n  endAngle?: number\n  /**\n   * Controls fill opacity of all pies.\n   *\n   * @default 1\n   */\n  fillOpacity?: number | [number, number]\n}\n\ntype UseRadialChartProps = UseRadialChartOptions & {\n  styles: Dict<CSSUIObject>\n}\n\nexport const useRadialChart = ({\n  data: dataProp,\n  dataKey = \"value\",\n  innerRadius = \"10%\",\n  outerRadius = \"80%\",\n  startAngle = 90,\n  endAngle = -180,\n  fillOpacity = 1,\n  styles,\n  ...rest\n}: UseRadialChartProps) => {\n  const { theme } = useTheme()\n  const [highlightedArea, setHighlightedArea] = useState<string | null>(null)\n  const shouldHighlight = highlightedArea !== null\n  const {\n    background: backgroundProps = {},\n    dimRadialBar: dimRadialBarProps = {},\n    ...computedRadialBarProps\n  } = rest.radialBarProps ?? {}\n\n  const radialVars: CSSUIProps[\"vars\"] = useMemo(\n    () =>\n      dataProp.map(({ color }, index) => ({\n        name: `radial-bar-${index}`,\n        token: \"colors\",\n        value: color ?? \"transparent\",\n      })),\n    [dataProp],\n  )\n\n  const dimRadialBarClassName = useMemo(() => {\n    const resolvedDimRadialBar = {\n      fillOpacity: 0.3,\n      strokeOpacity: 0,\n      ...dimRadialBarProps,\n    }\n\n    return getClassName(resolvedDimRadialBar)(theme)\n  }, [dimRadialBarProps, theme])\n\n  const [chartProps, chartClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [rest.chartProps ?? {}, radialChartProperties],\n        styles.chart,\n      )(theme),\n    [rest.chartProps, styles.chart, theme],\n  )\n\n  const background = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [backgroundProps, radialBarProperties],\n        styles.background,\n      )(theme, true),\n    [backgroundProps, styles.background, theme],\n  )\n\n  const [radialBarProps, radialBarClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [computedRadialBarProps ?? {}, radialBarProperties],\n        styles.radialBar,\n      )(theme),\n    [computedRadialBarProps, styles.radialBar, theme],\n  )\n\n  const data = useMemo(\n    () =>\n      dataProp.map((props, index) => {\n        const {\n          name,\n          value,\n          color,\n          dimRadialBar = {},\n          ...computedProps\n        } = props\n        const dimmed = shouldHighlight && highlightedArea !== name\n        const resolvedProps = {\n          ...computedProps,\n          ...(dimmed ? dimRadialBar : { fillOpacity }),\n        }\n\n        const className = getClassName(\n          resolvedProps,\n          dimmed ? dimRadialBarClassName : undefined,\n        )(theme)\n\n        return {\n          className,\n          fill: getVar(`radial-bar-${index}`)(theme),\n          name,\n          value,\n          color,\n        }\n      }),\n    [\n      dataProp,\n      dimRadialBarClassName,\n      fillOpacity,\n      highlightedArea,\n      shouldHighlight,\n      theme,\n    ],\n  )\n\n  const getRadialChartProps: ChartPropGetter<\n    \"div\",\n    ComponentPropsWithoutRef<typeof Recharts.RadialBarChart>,\n    ComponentPropsWithoutRef<typeof Recharts.RadialBarChart>\n  > = useCallback(\n    ({ className, ...props } = {}, ref = null) => ({\n      ref,\n      className: cx(className, chartClassName),\n      data,\n      innerRadius,\n      outerRadius,\n      startAngle,\n      endAngle,\n      ...props,\n      ...chartProps,\n    }),\n    [\n      chartClassName,\n      chartProps,\n      data,\n      endAngle,\n      innerRadius,\n      outerRadius,\n      startAngle,\n    ],\n  )\n\n  const getRadialBarProps: RequiredChartPropGetter<\n    \"div\",\n    Partial<Recharts.RadialBarProps>,\n    Omit<Recharts.RadialBarProps, \"ref\">\n  > = useCallback(\n    ({ className, ...props }, ref = null) => ({\n      ref,\n      className: cx(className, radialBarClassName),\n      dataKey,\n      isAnimationActive: false,\n      background,\n      ...props,\n      ...radialBarProps,\n    }),\n    [background, dataKey, radialBarClassName, radialBarProps],\n  )\n\n  return {\n    radialVars,\n    setHighlightedArea,\n    getRadialChartProps,\n    getRadialBarProps,\n  }\n}\n\nexport type UseRadialChartReturn = ReturnType<typeof useRadialChart>\n","import type { StyledTheme } from \"@yamada-ui/core\"\nimport { getCSS } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { cx, isString, splitObject } from \"@yamada-ui/utils\"\n\nexport const getClassName =\n  (...styles: (Dict | string | undefined)[]) =>\n  (theme: StyledTheme) =>\n    cx(\n      ...styles.map((style) =>\n        isString(style) ? style : getCSS(style)(theme),\n      ),\n    )\n\nexport const getComponentProps =\n  <T extends Dict, K extends keyof T>(\n    [obj, keys]: [T, K[]],\n    ...props: (Dict | string | undefined)[]\n  ) =>\n  <P extends boolean = false>(theme: StyledTheme, isContain?: P) => {\n    const [pickedProps, omittedProps] = splitObject<T, K>(obj, keys)\n    const className = getClassName(...props, omittedProps)(theme)\n\n    return (\n      !isContain ? [pickedProps, className] : { ...pickedProps, className }\n    ) as P extends false\n      ? [{ [P in K]: T[P] }, string]\n      : { [P in K]: T[P] } & { className: string }\n  }\n","import type { Dict } from \"@yamada-ui/utils\"\nimport type { ComponentPropsWithoutRef } from \"react\"\nimport type * as Recharts from \"recharts\"\n\nexport const areaChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.AreaChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"stackOffset\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const barChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.BarChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"barSize\",\n  \"maxBarSize\",\n  \"stackOffset\",\n  \"reverseStackOrder\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const lineChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.LineChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const radarChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"margin\",\n  \"onMouseEnter\",\n  \"onClick\",\n]\n\nexport const pieChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.PieChart\n>)[] = [\"width\", \"height\", \"margin\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\"]\n\nexport const radialChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadialBarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"barSize\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"onClick\",\n]\n\nexport const referenceLineProperties: (keyof Recharts.ReferenceLineProps)[] = [\n  \"xAxisId\",\n  \"yAxisId\",\n  \"x\",\n  \"y\",\n  \"ifOverflow\",\n  \"viewBox\",\n  \"xAxis\",\n  \"yAxis\",\n  \"label\",\n  \"isFront\",\n  \"strokeWidth\",\n  \"segment\",\n]\n\nexport const containerProperties: (keyof Omit<\n  Recharts.ResponsiveContainerProps,\n  \"children\"\n>)[] = [\n  \"aspect\",\n  \"width\",\n  \"height\",\n  \"minWidth\",\n  \"minHeight\",\n  \"debounce\",\n  \"onResize\",\n]\n\nexport const gridProperties: (keyof Recharts.CartesianGridProps)[] = [\n  \"x\",\n  \"y\",\n  \"width\",\n  \"height\",\n  \"horizontal\",\n  \"vertical\",\n  \"horizontalPoints\",\n  \"horizontalCoordinatesGenerator\",\n  \"verticalPoints\",\n  \"verticalCoordinatesGenerator\",\n  \"fill\",\n  \"fillOpacity\",\n  \"strokeDasharray\",\n]\n\nexport const xAxisProperties: (keyof Recharts.XAxisProps)[] = [\n  \"hide\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"width\",\n  \"height\",\n  \"orientation\",\n  \"type\",\n  \"allowDecimals\",\n  \"allowDataOverflow\",\n  \"allowDuplicatedCategory\",\n  \"angle\",\n  \"tickCount\",\n  \"domain\",\n  \"includeHidden\",\n  \"interval\",\n  \"padding\",\n  \"minTickGap\",\n  \"axisLine\",\n  \"tickLine\",\n  \"tickSize\",\n  \"tickFormatter\",\n  \"ticks\",\n  \"tick\",\n  \"mirror\",\n  \"reversed\",\n  \"label\",\n  \"scale\",\n  \"unit\",\n  \"name\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"tickMargin\",\n]\n\nexport const yAxisProperties: (keyof Recharts.YAxisProps)[] = [\n  \"hide\",\n  \"dataKey\",\n  \"yAxisId\",\n  \"width\",\n  \"height\",\n  \"orientation\",\n  \"type\",\n  \"tickCount\",\n  \"domain\",\n  \"includeHidden\",\n  \"interval\",\n  \"padding\",\n  \"minTickGap\",\n  \"allowDecimals\",\n  \"allowDataOverflow\",\n  \"allowDuplicatedCategory\",\n  \"axisLine\",\n  \"tickLine\",\n  \"tickSize\",\n  \"tickFormatter\",\n  \"ticks\",\n  \"tick\",\n  \"mirror\",\n  \"reversed\",\n  \"label\",\n  \"scale\",\n  \"unit\",\n  \"name\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"tickMargin\",\n]\n\nexport const legendProperties: (keyof Omit<Recharts.LegendProps, \"ref\">)[] = [\n  \"width\",\n  \"height\",\n  \"layout\",\n  \"align\",\n  \"verticalAlign\",\n  \"iconSize\",\n  \"iconType\",\n  \"payload\",\n  \"chartWidth\",\n  \"chartHeight\",\n  \"margin\",\n  \"content\",\n  \"formatter\",\n  \"wrapperStyle\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const tooltipProperties: (keyof Recharts.TooltipProps<any, any>)[] = [\n  \"offset\",\n  \"filterNull\",\n  \"itemStyle\",\n  \"wrapperStyle\",\n  \"contentStyle\",\n  \"labelStyle\",\n  \"cursor\",\n  \"viewBox\",\n  \"allowEscapeViewBox\",\n  \"active\",\n  \"position\",\n  \"coordinate\",\n  \"payload\",\n  \"label\",\n  \"content\",\n  \"formatter\",\n  \"labelFormatter\",\n  \"itemSorter\",\n  \"isAnimationActive\",\n  \"animationDuration\",\n  \"animationEasing\",\n]\n\nexport const areaProperties: (keyof Omit<Recharts.AreaProps, \"ref\">)[] = [\n  \"type\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"dot\",\n  \"activeDot\",\n  \"label\",\n  \"stroke\",\n  \"strokeWidth\",\n  \"layout\",\n  \"baseLine\",\n  \"points\",\n  \"stackId\",\n  \"connectNulls\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const barProperties: (keyof Omit<Recharts.BarProps, \"ref\">)[] = [\n  \"layout\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"label\",\n  \"data\",\n  \"barSize\",\n  \"maxBarSize\",\n  \"minPointSize\",\n  \"background\",\n  \"shape\",\n  \"activeBar\",\n  \"stackId\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"radius\",\n]\n\nexport const radarProperties: (keyof Omit<Recharts.RadarProps, \"ref\">)[] = [\n  \"dataKey\",\n  \"points\",\n  \"shape\",\n  \"dot\",\n  \"activeDot\",\n  \"legendType\",\n  \"label\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n]\n\nexport const lineProperties: (keyof Omit<Recharts.LineProps, \"ref\">)[] = [\n  \"type\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"dot\",\n  \"activeDot\",\n  \"label\",\n  \"hide\",\n  \"points\",\n  \"stroke\",\n  \"strokeWidth\",\n  \"layout\",\n  \"connectNulls\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"strokeDasharray\",\n]\n\nexport const pieProperties: (keyof Omit<Recharts.PieProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"startAngle\",\n  \"endAngle\",\n  \"minAngle\",\n  \"paddingAngle\",\n  \"nameKey\",\n  \"dataKey\",\n  \"legendType\",\n  \"label\",\n  \"labelLine\",\n  \"data\",\n  \"activeIndex\",\n  \"activeShape\",\n  \"inactiveShape\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const radialBarProperties: (keyof Omit<\n  Recharts.RadialBarProps,\n  \"ref\"\n>)[] = [\n  \"legendType\",\n  \"label\",\n  \"background\",\n  \"data\",\n  \"dataKey\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"cornerRadius\",\n]\n\nexport const dotProperties: (keyof Omit<Recharts.DotProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"r\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const polarGridProperties: (keyof Recharts.PolarGridProps)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"polarAngles\",\n  \"polarRadius\",\n  \"gridType\",\n  \"radialLines\",\n]\n\nexport const polarAngleAxisProperties: (keyof Recharts.PolarAngleAxisProps)[] =\n  [\n    \"dataKey\",\n    \"cx\",\n    \"cy\",\n    \"radius\",\n    \"axisLine\",\n    \"axisLineType\",\n    \"tickLine\",\n    \"tickSize\",\n    \"tick\",\n    \"ticks\",\n    \"orient\",\n    \"tickFormatter\",\n    \"type\",\n    \"allowDuplicatedCategory\",\n    \"onClick\",\n    \"onMouseDown\",\n    \"onMouseUp\",\n    \"onMouseMove\",\n    \"onMouseOver\",\n    \"onMouseOut\",\n    \"onMouseEnter\",\n    \"onMouseLeave\",\n  ]\n\nexport const polarRadiusAxisProperties: (keyof Recharts.PolarRadiusAxisProps)[] =\n  [\n    \"angle\",\n    \"type\",\n    \"allowDuplicatedCategory\",\n    \"cx\",\n    \"cy\",\n    \"domain\",\n    \"reversed\",\n    \"label\",\n    \"orientation\",\n    \"axisLine\",\n    \"tick\",\n    \"tickSize\",\n    \"tickFormatter\",\n    \"tickCount\",\n    \"scale\",\n    \"onClick\",\n    \"onMouseDown\",\n    \"onMouseUp\",\n    \"onMouseMove\",\n    \"onMouseOver\",\n    \"onMouseOut\",\n    \"onMouseEnter\",\n    \"onMouseLeave\",\n  ]\n\nexport const labelProperties: (keyof Recharts.LabelProps)[] = [\n  \"viewBox\",\n  \"formatter\",\n  \"value\",\n  \"position\",\n  \"offset\",\n  \"children\",\n  \"content\",\n  \"id\",\n]\n\nexport const labelListProperties: (keyof Recharts.LabelListProps<Dict>)[] = [\n  \"dataKey\",\n  \"valueAccessor\",\n  \"content\",\n  \"position\",\n  \"offset\",\n  \"formatter\",\n  \"data\",\n  \"clockWise\",\n  \"id\",\n  \"position\",\n]\n"],"mappings":"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","names":["import_core","import_utils","_a"]}

package/dist/use-radial-chart.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  useRadialChart
+} from "./chunk-PG7ZV76C.mjs";
+import "./chunk-6YUJLLGN.mjs";
+import "./chunk-QL3DB7OJ.mjs";
+export {
+  useRadialChart
+};
+//# sourceMappingURL=use-radial-chart.mjs.map

package/dist/use-radial-chart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/charts",
-  "version": "2.0.0-next-20240820160301",
+  "version": "2.0.0-next-20240908154823",
   "description": "Yamada UI charts component",
   "keywords": [
     "yamada",
@@ -29,7 +29,7 @@
   "homepage": "https://yamada-ui.com",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/hirotomoyamada/yamada-ui",
+    "url": "https://github.com/hirotomoyamada/yamada-ui",
     "directory": "packages/components/charts"
   },
   "bugs": {
@@ -37,8 +37,8 @@
   },
   "dependencies": {
     "recharts": "^2.12.7",
-    "@yamada-ui/core": "1.13.0-next-20240820160301",
-    "@yamada-ui/utils": "1.4.0-next-20240820160301"
+    "@yamada-ui/core": "1.14.0-next-20240908154823",
+    "@yamada-ui/utils": "1.4.1-next-20240908154823"
   },
   "devDependencies": {
     "clean-package": "2.2.0",

package/dist/chunk-6BNJZIBK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/use-area-chart.ts"],"sourcesContent":["import type { CSSUIObject, CSSUIProps } from \"@yamada-ui/core\"\nimport { useTheme } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { ComponentPropsWithoutRef } from \"react\"\nimport { useCallback, useId, useMemo, useState } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport type { AreaGradientProps } from \"./area-chart-gradient\"\nimport type { AreaSplitProps } from \"./area-chart-split\"\nimport { getComponentProps } from \"./chart-utils\"\nimport type {\n  ChartCurveType,\n  AreaProps,\n  AreaChartType,\n  AreaChartProps,\n  ChartPropGetter,\n  ChartLayoutType,\n  ReferenceLineProps,\n  RequiredChartPropGetter,\n} from \"./chart.types\"\nimport {\n  areaChartProperties,\n  dotProperties,\n  areaProperties,\n} from \"./rechart-properties\"\n\nexport type UseAreaChartOptions = {\n  /**\n   * Chart data.\n   */\n  data: Dict[]\n  /**\n   * An array of objects with `dataKey` and `color` keys. Determines which data should be consumed from the `data` array.\n   */\n  series: AreaProps[]\n  /**\n   * Props for the areas.\n   */\n  areaProps?: Partial<AreaProps>\n  /**\n   * Controls how chart areas are positioned relative to each other.\n   *\n   * @default `default`\n   */\n  type?: AreaChartType\n  /**\n   * Props passed down to recharts `AreaChart` component.\n   */\n  chartProps?: AreaChartProps\n  /**\n   * If any two categorical charts have the same syncId,\n   * these two charts can sync the position tooltip, and the startIndex, endIndex of Brush.\n   */\n  syncId?: number | string\n  /**\n   * Chart orientation.\n   *\n   * @default 'horizontal'\n   */\n  layoutType?: ChartLayoutType\n  /**\n   * Determines whether the chart area should be represented with a gradient instead of the solid color.\n   */\n  withGradient?: boolean\n  /**\n   * Determines whether dots should be displayed.\n   *\n   * @default true\n   */\n  withDots?: boolean\n  /**\n   * Determines whether activeDots should be displayed.\n   *\n   * @default true\n   */\n  withActiveDots?: boolean\n  /**\n   * Type of the curve.\n   *\n   * @default `monotone`\n   */\n  curveType?: ChartCurveType\n  /**\n   * Stroke width for the chart areas.\n   *\n   * @default 2\n   */\n  strokeWidth?: number\n  /**\n   * Determines whether points with `null` values should be connected.\n   *\n   * @default true\n   */\n  connectNulls?: boolean\n  /**\n   * A tuple of colors used when `type=\"split\"` is set, ignored in all other cases.\n   *\n   * @default '[\"red.400\", \"green.400\"]'\n   */\n  splitColors?: [string, string]\n  /**\n   * Offset for the split gradient. By default, value is inferred from `data` and `series` if possible.\n   * Must be generated from the data array with `getSplitOffset` function.\n   */\n  splitOffset?: number\n  /**\n   * Reference lines that should be displayed on the chart.\n   */\n  referenceLineProps?: ReferenceLineProps[]\n  /**\n   * Controls fill opacity of all areas.\n   *\n   * @default 0.4\n   */\n  fillOpacity?: number | [number, number]\n  /**\n   * A label to display below the X axis.\n   */\n  xAxisLabel?: string\n  /**\n   * A label to display below the Y axis.\n   */\n  yAxisLabel?: string\n}\n\nexport type UseAreaChartProps = UseAreaChartOptions & {\n  styles: Dict<CSSUIObject>\n}\n\nexport const useAreaChart = ({\n  data,\n  series,\n  type,\n  layoutType = \"horizontal\",\n  withGradient: withGradientProp,\n  withDots = true,\n  withActiveDots = true,\n  curveType = \"monotone\",\n  strokeWidth = 2,\n  connectNulls = true,\n  fillOpacity = 0.4,\n  splitColors = [\"#ee6a5d\", \"#5fce7d\"],\n  splitOffset,\n  referenceLineProps,\n  syncId,\n  xAxisLabel,\n  yAxisLabel,\n  styles,\n  ...rest\n}: UseAreaChartProps) => {\n  const uuid = useId()\n  const { theme } = useTheme()\n  const [highlightedArea, setHighlightedArea] = useState<string | null>(null)\n  const splitId = `${uuid}-split`\n  const stacked = type === \"stacked\" || type === \"percent\"\n  const withGradient =\n    typeof withGradientProp === \"boolean\"\n      ? withGradientProp\n      : type === \"default\"\n  const shouldHighlight = highlightedArea !== null\n  const {\n    dot = {},\n    activeDot = {},\n    dimDot = {},\n    dimArea = {},\n    ...computedAreaProps\n  } = rest.areaProps ?? {}\n\n  const areaColors: CSSUIProps[\"var\"] = useMemo(\n    () =>\n      series.map(({ color }, index) => ({\n        __prefix: \"ui\",\n        name: `area-${index}`,\n        token: \"colors\",\n        value: color ?? \"transparent\",\n      })),\n    [series],\n  )\n\n  const areaSplitColors: CSSUIProps[\"var\"] = useMemo(\n    () =>\n      splitColors.map((color, index) => ({\n        __prefix: \"ui\",\n        name: `area-split-${index}`,\n        token: \"colors\",\n        value: color ?? \"transparent\",\n      })),\n    [splitColors],\n  )\n\n  const referenceLineColors: CSSUIProps[\"var\"] = useMemo(\n    () =>\n      referenceLineProps\n        ? referenceLineProps.map(({ color }, index) => ({\n            __prefix: \"ui\",\n            name: `reference-line-${index}`,\n            token: \"colors\",\n            value: color ?? \"transparent\",\n          }))\n        : [],\n    [referenceLineProps],\n  )\n\n  const areaVars: CSSUIProps[\"var\"] = useMemo(() => {\n    return [\n      ...areaColors,\n      ...areaSplitColors,\n      ...referenceLineColors,\n      { __prefix: \"ui\", name: \"fill-opacity\", value: fillOpacity },\n    ]\n  }, [areaColors, areaSplitColors, referenceLineColors, fillOpacity])\n\n  const [chartProps, areaChartClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [rest.chartProps ?? {}, areaChartProperties],\n        styles.chart,\n      )(theme),\n    [rest.chartProps, styles.chart, theme],\n  )\n\n  const [areaProps, areaClassName] = useMemo(() => {\n    const resolvedAreaProps = {\n      ...computedAreaProps,\n    }\n\n    return getComponentProps<Dict, string>(\n      [resolvedAreaProps, areaProperties],\n      styles.area,\n    )(theme)\n  }, [computedAreaProps, styles.area, theme])\n\n  const [dimAreaProps, dimAreaClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [dimArea, areaProperties],\n        styles.dimArea,\n      )(theme),\n    [dimArea, styles.dimArea, theme],\n  )\n\n  const [dotProps, dotClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>([dot, dotProperties], styles.dot)(theme),\n    [dot, styles.dot, theme],\n  )\n\n  const [activeDotProps, activeDotClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [activeDot, dotProperties],\n        styles.activeDot,\n      )(theme),\n    [activeDot, styles.activeDot, theme],\n  )\n\n  const [dimDotProps, dimDotClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [dimDot, dotProperties],\n        styles.dimDot,\n      )(theme),\n    [dimDot, styles.dimDot, theme],\n  )\n\n  const defaultSplitOffset = useMemo(() => {\n    if (series.length === 1) {\n      const dataKey = series[0].dataKey as string\n\n      const dataMax = Math.max(...data.map((item) => item[dataKey]))\n      const dataMin = Math.min(...data.map((item) => item[dataKey]))\n\n      if (dataMax <= 0) return 0\n      if (dataMin >= 0) return 1\n\n      return dataMax / (dataMax - dataMin)\n    }\n\n    return 0.5\n  }, [data, series])\n\n  const areaPropsList = useMemo(\n    () =>\n      series.map((props, index) => {\n        const {\n          dataKey,\n          dot = {},\n          activeDot = {},\n          dimDot = {},\n          dimArea = {},\n          strokeDasharray,\n          ...computedProps\n        } = props\n        const id = `${uuid}-${dataKey}`\n        const color = `var(--ui-area-${index})`\n        const dimmed = shouldHighlight && highlightedArea !== dataKey\n        const computedDimArea = { ...dimAreaProps, ...dimArea }\n\n        const resolvedProps = {\n          ...areaProps,\n          ...computedProps,\n          ...(dimmed ? computedDimArea : {}),\n        }\n        const rest = getComponentProps<Dict, string>(\n          [resolvedProps, areaProperties],\n          areaClassName,\n          dimmed ? dimAreaClassName : undefined,\n        )(theme, true)\n\n        let resolvedActiveDot: Recharts.DotProps | boolean\n\n        if (withActiveDots) {\n          const computedActiveDot = { ...activeDotProps, ...activeDot }\n\n          const [rest, className] = getComponentProps(\n            [computedActiveDot, dotProperties],\n            activeDotClassName,\n          )(theme)\n\n          resolvedActiveDot = {\n            className: cx(\n              \"ui-area-chart__dot\",\n              \"ui-area-chart__dot--active\",\n              className,\n            ),\n            stroke: color,\n            r: 4,\n            ...rest,\n          } as Recharts.DotProps\n        } else {\n          resolvedActiveDot = false\n        }\n\n        let resolvedDot: Recharts.DotProps | boolean\n\n        if (withDots) {\n          const computedDimDot = { ...dimDotProps, ...dimDot }\n          const computedDot = {\n            ...dotProps,\n            ...dot,\n            ...(dimmed ? computedDimDot : {}),\n          }\n\n          const [rest, className] = getComponentProps(\n            [computedDot, dotProperties],\n            dotClassName,\n            dimmed ? dimDotClassName : undefined,\n          )(theme)\n\n          resolvedDot = {\n            className: cx(\"ui-area-chart__dot\", className),\n            fill: color,\n            r: 4,\n            ...rest,\n          } as Recharts.DotProps\n        } else {\n          resolvedDot = false\n        }\n\n        return {\n          ...rest,\n          id,\n          color,\n          strokeDasharray,\n          dataKey,\n          activeDot: resolvedActiveDot,\n          dot: resolvedDot,\n        }\n      }),\n    [\n      series,\n      uuid,\n      shouldHighlight,\n      highlightedArea,\n      dimAreaProps,\n      dimDotProps,\n      areaProps,\n      areaClassName,\n      dimAreaClassName,\n      theme,\n      withActiveDots,\n      withDots,\n      activeDotProps,\n      activeDotClassName,\n      dotProps,\n      dotClassName,\n      dimDotClassName,\n    ],\n  )\n\n  const getAreaChartProps: ChartPropGetter<\n    \"div\",\n    ComponentPropsWithoutRef<typeof Recharts.AreaChart>,\n    ComponentPropsWithoutRef<typeof Recharts.AreaChart>\n  > = useCallback(\n    ({ className, ...props } = {}, ref = null) => ({\n      ref,\n      className: cx(className, areaChartClassName),\n      data,\n      stackOffset: type === \"percent\" ? \"expand\" : undefined,\n      layout: layoutType,\n      syncId,\n      margin: {\n        bottom: xAxisLabel ? 30 : undefined,\n        left: yAxisLabel ? 10 : undefined,\n        right: yAxisLabel ? 5 : undefined,\n      },\n      ...props,\n      ...chartProps,\n    }),\n    [\n      areaChartClassName,\n      data,\n      type,\n      layoutType,\n      syncId,\n      xAxisLabel,\n      yAxisLabel,\n      chartProps,\n    ],\n  )\n\n  const getAreaSplitProps: ChartPropGetter<\n    \"div\",\n    Partial<AreaSplitProps>,\n    AreaSplitProps\n  > = useCallback(\n    (props = {}) => ({\n      id: splitId,\n      offset: splitOffset ?? defaultSplitOffset,\n      fillOpacity: \"var(--ui-fill-opacity)\",\n      ...props,\n    }),\n    [defaultSplitOffset, splitId, splitOffset],\n  )\n\n  const getAreaProps: RequiredChartPropGetter<\n    \"div\",\n    {\n      index: number\n    },\n    Omit<Recharts.AreaProps, \"ref\">\n  > = useCallback(\n    ({ index, className: classNameProp, ...props }, ref = null) => {\n      const {\n        id,\n        color,\n        className,\n        dataKey,\n        strokeDasharray,\n        activeDot,\n        dot,\n        ...rest\n      } = areaPropsList[index]\n\n      return {\n        ref,\n        className: cx(classNameProp, className),\n        id,\n        activeDot,\n        dot,\n        name: dataKey as string,\n        type: curveType,\n        dataKey,\n        fill: type === \"split\" ? `url(#${splitId})` : `url(#${id})`,\n        strokeWidth,\n        stroke: color,\n        isAnimationActive: false,\n        connectNulls,\n        stackId: stacked ? \"stack\" : undefined,\n        strokeDasharray,\n        ...(props as Omit<Recharts.AreaProps, \"dataKey\">),\n        ...rest,\n      }\n    },\n    [\n      areaPropsList,\n      connectNulls,\n      curveType,\n      splitId,\n      stacked,\n      strokeWidth,\n      type,\n    ],\n  )\n\n  const getAreaGradientProps: ChartPropGetter<\n    \"div\",\n    Partial<AreaGradientProps>,\n    AreaGradientProps\n  > = useCallback(\n    (props = {}) => ({\n      withGradient,\n      fillOpacity: \"var(--ui-fill-opacity)\",\n      ...props,\n    }),\n    [withGradient],\n  )\n\n  return {\n    getAreaChartProps,\n    getAreaSplitProps,\n    getAreaProps,\n    getAreaGradientProps,\n    areaVars,\n    setHighlightedArea,\n  }\n}\n\nexport type UseAreaChartReturn = ReturnType<typeof useAreaChart>\n"],"mappings":"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","names":["_a","dot","activeDot","dimDot","dimArea","rest"]}

package/dist/chunk-6L73M52L.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/use-line-chart.ts"],"sourcesContent":["import { useTheme } from \"@yamada-ui/core\"\nimport type { CSSUIObject, CSSUIProps } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport type { ComponentPropsWithoutRef } from \"react\"\nimport { useCallback, useMemo, useState } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getComponentProps } from \"./chart-utils\"\nimport type {\n  ChartLayoutType,\n  LineProps,\n  LineChartProps,\n  ReferenceLineProps,\n  ChartPropGetter,\n  ChartCurveType,\n  RequiredChartPropGetter,\n} from \"./chart.types\"\nimport {\n  dotProperties,\n  lineChartProperties,\n  lineProperties,\n} from \"./rechart-properties\"\n\nexport type UseLineChartOptions = {\n  /**\n   * Chart data.\n   */\n  data: Dict[]\n  /**\n   * An array of objects with `dataKey` and `color` keys. Determines which data should be consumed from the `data` array.\n   */\n  series: LineProps[]\n  /**\n   * Props for the lines.\n   */\n  lineProps?: Partial<LineProps>\n  /**\n   * If any two categorical charts have the same syncId,\n   * these two charts can sync the position tooltip, and the startIndex, endIndex of Brush.\n   */\n  syncId?: number | string\n  /**\n   * Props passed down to recharts `LineChart` component.\n   */\n  chartProps?: LineChartProps\n  /**\n   * Chart orientation.\n   *\n   * @default 'horizontal'\n   */\n  layoutType?: ChartLayoutType\n  /**\n   * Determines whether dots should be displayed.\n   *\n   * @default true\n   */\n  withDots?: boolean\n  /**\n   * Determines whether activeDots should be displayed.\n   *\n   * @default true\n   */\n  withActiveDots?: boolean\n  /**\n   * Type of the curve.\n   *\n   * @default `monotone`\n   */\n  curveType?: ChartCurveType\n  /**\n   * Stroke width for the chart lines.\n   *\n   * @default 2\n   */\n  strokeWidth?: number\n  /**\n   * Determines whether points with `null` values should be connected.\n   *\n   * @default true\n   */\n  connectNulls?: boolean\n  /**\n   * Reference lines that should be displayed on the chart.\n   */\n  referenceLineProps?: ReferenceLineProps[]\n  /**\n   * Controls fill opacity of all lines.\n   *\n   * @default 1\n   */\n  fillOpacity?: number | [number, number]\n  /**\n   * A label to display below the X axis.\n   */\n  xAxisLabel?: string\n  /**\n   * A label to display below the Y axis.\n   */\n  yAxisLabel?: string\n}\n\ntype UseLineChartProps = UseLineChartOptions & {\n  styles: Dict<CSSUIObject>\n}\n\nexport const useLineChart = ({\n  data,\n  series,\n  layoutType = \"horizontal\",\n  withDots = true,\n  withActiveDots = true,\n  curveType = \"monotone\",\n  strokeWidth = 2,\n  connectNulls = true,\n  referenceLineProps,\n  fillOpacity = 1,\n  syncId,\n  xAxisLabel,\n  yAxisLabel,\n  styles,\n  ...rest\n}: UseLineChartProps) => {\n  const { theme } = useTheme()\n  const [highlightedArea, setHighlightedArea] = useState<string | null>(null)\n  const shouldHighlight = highlightedArea !== null\n  const {\n    dot = {},\n    activeDot = {},\n    dimDot = {},\n    dimLine = {},\n    ...computedLineProps\n  } = rest.lineProps ?? {}\n\n  const lineColors: CSSUIProps[\"var\"] = useMemo(\n    () =>\n      series.map(({ color }, index) => ({\n        __prefix: \"ui\",\n        name: `line-${index}`,\n        token: \"colors\",\n        value: color ?? \"transparent\",\n      })),\n    [series],\n  )\n\n  const referenceLineColors: CSSUIProps[\"var\"] = useMemo(\n    () =>\n      referenceLineProps\n        ? referenceLineProps.map(({ color }, index) => ({\n            __prefix: \"ui\",\n            name: `reference-line-${index}`,\n            token: \"colors\",\n            value: color ?? \"transparent\",\n          }))\n        : [],\n    [referenceLineProps],\n  )\n\n  const lineVars: CSSUIProps[\"var\"] = useMemo(\n    () => [\n      ...lineColors,\n      ...referenceLineColors,\n      { __prefix: \"ui\", name: \"fill-opacity\", value: fillOpacity },\n    ],\n    [fillOpacity, lineColors, referenceLineColors],\n  )\n\n  const [chartProps, lineChartClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [rest.chartProps ?? {}, lineChartProperties],\n        styles.chart,\n      )(theme),\n    [rest.chartProps, styles.chart, theme],\n  )\n\n  const [lineProps, lineClassName] = useMemo(() => {\n    const resolvedLineProps = {\n      fillOpacity: \"var(--ui-fill-opacity)\",\n      strokeOpacity: \"var(--ui-fill-opacity)\",\n      ...computedLineProps,\n    }\n\n    return getComponentProps<Dict, string>(\n      [resolvedLineProps, lineProperties],\n      styles.line,\n    )(theme)\n  }, [computedLineProps, styles.line, theme])\n\n  const [dimLineProps, dimLineClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [dimLine, lineProperties],\n        styles.dimLine,\n      )(theme),\n    [dimLine, styles.dimLine, theme],\n  )\n\n  const [dotProps, dotClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>([dot, dotProperties], styles.dot)(theme),\n    [dot, styles.dot, theme],\n  )\n\n  const [activeDotProps, activeDotClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [activeDot, dotProperties],\n        styles.activeDot,\n      )(theme),\n    [activeDot, styles.activeDot, theme],\n  )\n\n  const [dimDotProps, dimDotClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [dimDot, dotProperties],\n        styles.dimDot,\n      )(theme),\n    [dimDot, styles.dimDot, theme],\n  )\n\n  const linePropList = useMemo(\n    () =>\n      series.map((props, index) => {\n        const {\n          dataKey,\n          dot = {},\n          activeDot = {},\n          dimDot = {},\n          dimLine = {},\n          ...computedProps\n        } = props\n        const color = `var(--ui-line-${index})`\n        const dimmed = shouldHighlight && highlightedArea !== dataKey\n        const computedDimLine = { ...dimLineProps, ...dimLine }\n        const resolvedProps = {\n          ...lineProps,\n          ...computedProps,\n          ...(dimmed ? computedDimLine : {}),\n        }\n\n        const rest = getComponentProps<Dict, string>(\n          [resolvedProps, lineProperties],\n          lineClassName,\n          dimmed ? dimLineClassName : undefined,\n        )(theme, true)\n\n        let resolvedActiveDot: Recharts.DotProps | boolean\n\n        if (withActiveDots) {\n          const computedActiveDot = { ...activeDotProps, ...activeDot }\n\n          const [rest, className] = getComponentProps(\n            [computedActiveDot, dotProperties],\n            activeDotClassName,\n          )(theme)\n\n          resolvedActiveDot = {\n            className: cx(\n              \"ui-line-chart__dot\",\n              \"ui-line-chart__dot--active\",\n              className,\n            ),\n            fill: color,\n            stroke: color,\n            r: 4,\n            ...rest,\n          } as Recharts.DotProps\n        } else {\n          resolvedActiveDot = false\n        }\n\n        let resolvedDot: Recharts.DotProps | boolean\n\n        if (withDots) {\n          const computedDimDot = { ...dimDotProps, ...dimDot }\n          const computedDot = {\n            ...dotProps,\n            ...dot,\n            ...(dimmed ? computedDimDot : {}),\n          }\n\n          const [rest, className] = getComponentProps(\n            [computedDot, dotProperties],\n            dotClassName,\n            dimmed ? dimDotClassName : undefined,\n          )(theme)\n\n          resolvedDot = {\n            className: cx(\"ui-line-chart__dot\", className),\n            fill: color,\n            ...rest,\n          } as Recharts.DotProps\n        } else {\n          resolvedDot = false\n        }\n\n        return {\n          ...rest,\n          color,\n          dataKey,\n          activeDot: resolvedActiveDot,\n          dot: resolvedDot,\n        }\n      }),\n    [\n      series,\n      shouldHighlight,\n      highlightedArea,\n      dimLineProps,\n      lineProps,\n      lineClassName,\n      dimLineClassName,\n      theme,\n      withActiveDots,\n      withDots,\n      activeDotProps,\n      activeDotClassName,\n      dimDotProps,\n      dotProps,\n      dotClassName,\n      dimDotClassName,\n    ],\n  )\n\n  const getLineChartProps: ChartPropGetter<\n    \"div\",\n    ComponentPropsWithoutRef<typeof Recharts.LineChart>,\n    ComponentPropsWithoutRef<typeof Recharts.LineChart>\n  > = useCallback(\n    ({ className, ...props } = {}, ref = null) => ({\n      ref,\n      className: cx(className, lineChartClassName),\n      data,\n      layout: layoutType,\n      syncId,\n      margin: {\n        bottom: xAxisLabel ? 30 : undefined,\n        left: yAxisLabel ? 10 : undefined,\n        right: yAxisLabel ? 5 : undefined,\n      },\n      ...props,\n      ...chartProps,\n    }),\n    [\n      lineChartClassName,\n      data,\n      layoutType,\n      syncId,\n      xAxisLabel,\n      yAxisLabel,\n      chartProps,\n    ],\n  )\n\n  const getLineProps: RequiredChartPropGetter<\n    \"div\",\n    {\n      index: number\n    },\n    Omit<Recharts.LineProps, \"ref\">\n  > = useCallback(\n    ({ index, className: classNameProp, ...props }, ref = null) => {\n      const { color, className, dataKey, activeDot, dot, ...rest } =\n        linePropList[index]\n\n      return {\n        ref,\n        className: cx(classNameProp, className),\n        activeDot,\n        dot,\n        name: dataKey as string,\n        type: curveType,\n        dataKey,\n        fill: color,\n        strokeWidth,\n        stroke: color,\n        isAnimationActive: false,\n        connectNulls,\n        ...(props as Omit<Recharts.LineProps, \"dataKey\">),\n        ...rest,\n      }\n    },\n    [connectNulls, curveType, linePropList, strokeWidth],\n  )\n\n  return {\n    getLineProps,\n    getLineChartProps,\n    lineVars,\n    setHighlightedArea,\n  }\n}\n\nexport type UseLineChartReturn = ReturnType<typeof useLineChart>\n"],"mappings":"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","names":["_a","dot","activeDot","dimDot","dimLine","rest"]}

package/dist/chunk-AODYT4HF.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/bar-chart.tsx"],"sourcesContent":["import type { HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  useMultiComponentStyle,\n  omitThemeProps,\n} from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useMemo } from \"react\"\nimport {\n  Legend,\n  BarChart as ReChartsBarChart,\n  CartesianGrid,\n  Tooltip,\n  XAxis,\n  YAxis,\n  ResponsiveContainer,\n  ReferenceLine,\n  Label,\n} from \"recharts\"\nimport { ChartLegend } from \"./chart-legend\"\nimport { ChartTooltip } from \"./chart-tooltip\"\nimport { useBarChart } from \"./use-bar-chart\"\nimport type { UseBarChartOptions } from \"./use-bar-chart\"\nimport type { UseChartProps } from \"./use-chart\"\nimport { ChartProvider, useChart } from \"./use-chart\"\nimport type { UseChartAxisOptions } from \"./use-chart-axis\"\nimport { useChartAxis } from \"./use-chart-axis\"\nimport { useChartGrid, type UseChartGridOptions } from \"./use-chart-grid\"\nimport type { UseChartLegendProps } from \"./use-chart-legend\"\nimport { useChartLegend } from \"./use-chart-legend\"\nimport {\n  useChartReferenceLine,\n  type UseChartReferenceLineOptions,\n} from \"./use-chart-reference-line\"\nimport type { UseChartTooltipOptions } from \"./use-chart-tooltip\"\nimport { useChartTooltip } from \"./use-chart-tooltip\"\n\ntype BarChartOptions = {\n  /**\n   * If `true`, tooltip is visible.\n   *\n   * @default true\n   */\n  withTooltip?: boolean\n  /**\n   * If `true`, legend is visible.\n   *\n   * @default false\n   */\n  withLegend?: boolean\n}\n\nexport type BarChartProps = HTMLUIProps<\"div\"> &\n  ThemeProps<\"BarChart\"> &\n  BarChartOptions &\n  UseBarChartOptions &\n  UseChartProps &\n  UseChartAxisOptions &\n  UseChartReferenceLineOptions &\n  UseChartGridOptions &\n  UseChartTooltipOptions &\n  UseChartLegendProps\n\n/**\n * `BarChart` is a component for drawing bar charts to compare multiple sets of data.\n *\n * @see Docs https://yamada-ui.com/components/feedback/bar-chart\n */\nexport const BarChart = forwardRef<BarChartProps, \"div\">((props, ref) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"BarChart\", props)\n  const {\n    className,\n    series,\n    dataKey,\n    layoutType,\n    tickLine,\n    gridAxis,\n    withXAxis,\n    withYAxis,\n    barProps,\n    xAxisProps,\n    yAxisProps,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisLabelProps,\n    yAxisLabelProps,\n    type = \"default\",\n    withTooltip = true,\n    withLegend = false,\n    containerProps,\n    unit,\n    yAxisTickFormatter,\n    xAxisTickFormatter,\n    valueFormatter,\n    labelFormatter,\n    tooltipProps,\n    tooltipAnimationDuration,\n    legendProps,\n    data,\n    referenceLineProps = [],\n    gridProps,\n    strokeDasharray,\n    fillOpacity,\n    chartProps,\n    syncId,\n    cell,\n    ...rest\n  } = omitThemeProps(mergedProps)\n\n  const { bars, barVars, getBarChartProps, setHighlightedArea } = useBarChart({\n    data,\n    series,\n    cell,\n    type,\n    layoutType,\n    chartProps,\n    barProps,\n    referenceLineProps,\n    fillOpacity,\n    syncId,\n    xAxisLabel,\n    yAxisLabel,\n    styles,\n  })\n  const { getContainerProps } = useChart({ containerProps })\n  const {\n    getXAxisProps,\n    getYAxisProps,\n    getXAxisLabelProps,\n    getYAxisLabelProps,\n  } = useChartAxis({\n    dataKey,\n    type,\n    layoutType,\n    tickLine,\n    gridAxis,\n    withXAxis,\n    withYAxis,\n    xAxisProps,\n    yAxisProps,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisLabelProps,\n    yAxisLabelProps,\n    unit,\n    yAxisTickFormatter,\n    xAxisTickFormatter,\n    styles,\n  })\n  const { getReferenceLineProps } = useChartReferenceLine({\n    referenceLineProps,\n    styles,\n  })\n  const { getGridProps } = useChartGrid({\n    gridProps,\n    gridAxis,\n    strokeDasharray,\n    styles,\n  })\n  const { tooltipProps: computedTooltipProps, getTooltipProps } =\n    useChartTooltip({\n      tooltipProps,\n      tooltipAnimationDuration,\n      styles,\n    })\n  const { legendProps: computedLegendProps, getLegendProps } = useChartLegend({\n    legendProps,\n  })\n\n  const referenceLinesItems = useMemo(\n    () =>\n      referenceLineProps.map((_, index) => (\n        <ReferenceLine\n          key={`referenceLine-${index}`}\n          {...getReferenceLineProps({\n            index,\n            className: \"ui-bar-chart__reference-line\",\n          })}\n        />\n      )),\n    [getReferenceLineProps, referenceLineProps],\n  )\n\n  return (\n    <ChartProvider value={{ styles }}>\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-bar-chart\", className)}\n        var={barVars}\n        __css={{ ...styles.container }}\n        {...rest}\n      >\n        <ResponsiveContainer\n          {...getContainerProps({ className: \"ui-bar-chart__container\" })}\n        >\n          <ReChartsBarChart\n            {...getBarChartProps({ className: \"ui-bar-chart__chart\" })}\n          >\n            <CartesianGrid\n              {...getGridProps({ className: \"ui-bar-chart__grid\" })}\n            />\n\n            <XAxis {...getXAxisProps({ className: \"ui-bar-chart__x-axis\" })}>\n              <Label\n                {...getXAxisLabelProps({\n                  className: \"ui-bar-chart__x-axis-label\",\n                })}\n              />\n            </XAxis>\n\n            <YAxis {...getYAxisProps({ className: \"ui-bar-chart__y-axis\" })}>\n              <Label\n                {...getYAxisLabelProps({\n                  className: \"ui-bar-chart__y-axis-label\",\n                })}\n              />\n            </YAxis>\n\n            {withLegend ? (\n              <Legend\n                content={({ payload }) => (\n                  <ChartLegend\n                    className=\"ui-bar-chart__legend\"\n                    payload={payload}\n                    onHighlight={setHighlightedArea}\n                    {...computedLegendProps}\n                  />\n                )}\n                {...getLegendProps()}\n              />\n            ) : null}\n\n            {withTooltip ? (\n              <Tooltip\n                content={({ label, payload }) => (\n                  <ChartTooltip\n                    className=\"ui-bar-chart__tooltip\"\n                    label={label}\n                    payload={payload}\n                    valueFormatter={valueFormatter}\n                    labelFormatter={labelFormatter}\n                    unit={unit}\n                    {...computedTooltipProps}\n                  />\n                )}\n                {...getTooltipProps()}\n              />\n            ) : null}\n\n            {bars}\n            {referenceLinesItems}\n          </ReChartsBarChart>\n        </ResponsiveContainer>\n      </ui.div>\n    </ChartProvider>\n  )\n})\n"],"mappings":"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","names":[]}

package/dist/chunk-BGMNYKQY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/use-pie-chart.ts"],"sourcesContent":["import { useTheme, type CSSUIObject, type CSSUIProps } from \"@yamada-ui/core\"\nimport { cx, type Dict } from \"@yamada-ui/utils\"\nimport type { ComponentPropsWithoutRef } from \"react\"\nimport { useCallback, useMemo, useState } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getClassName, getComponentProps } from \"./chart-utils\"\nimport type {\n  CellProps,\n  ChartPropGetter,\n  PieChartProps,\n  PieProps,\n  RequiredChartPropGetter,\n} from \"./chart.types\"\nimport { pieChartLabel, pieChartLabelLine } from \"./pie-chart-label\"\nimport { pieChartProperties, pieProperties } from \"./rechart-properties\"\n\nexport type UsePieChartOptions = {\n  /**\n   * Chart data.\n   */\n  data: CellProps[]\n  /**\n   * Props passed down to recharts `PieChart` component.\n   */\n  chartProps?: PieChartProps\n  /**\n   * Props for the pie.\n   */\n  pieProps?: Partial<PieProps>\n  /**\n   * Props for the cell.\n   */\n  cellProps?: Partial<CellProps>\n  /**\n   * Determines whether each segment should have associated label.\n   *\n   * @default false\n   */\n  withLabels?: boolean\n  /**\n   * Determines whether segments labels should have lines that connect the segment with the label.\n   *\n   * @default false\n   */\n  withLabelLines?: boolean\n  /**\n   * Distance between chart and label.\n   */\n  labelOffset?: number\n  /**\n   * Determines whether labels should be displayed as percentages.\n   *\n   * @default false\n   */\n  isPercent?: boolean\n  /**\n   * Controls innerRadius of the chart segments.\n   * If it is a number, it is the width of the radius.\n   * For example, `60` means the radius is `60px` and the diameter is `120px`.\n   *\n   * @default '0%'\n   */\n  innerRadius?: number | string\n  /**\n   * Controls thickness of the chart segments. If it is a number, it is calculated as px.\n   * If it is a number, it is the width of the radius.\n   * For example, `60` means the radius is `60px` and the diameter is `120px`.\n   *\n   * @default '80%'\n   */\n  outerRadius?: number | string\n  /**\n   * Controls padding between segments.\n   *\n   * @default 0\n   */\n  paddingAngle?: number\n  /**\n   * Stroke width for the chart pies.\n   *\n   * @default 1\n   */\n  strokeWidth?: number\n  /**\n   * Controls angle at which chart starts.\n   *\n   * @default 90\n   */\n  startAngle?: number\n  /**\n   * Controls angle at which chart ends.\n   *\n   * @default -270\n   */\n  endAngle?: number\n  /**\n   * Controls fill opacity of all pies.\n   *\n   * @default 1\n   */\n  fillOpacity?: number | [number, number]\n  /**\n   * A function to format labels.\n   */\n  labelFormatter?: (value: number) => string\n}\n\ntype UsePieChartProps = UsePieChartOptions & {\n  styles: Dict<CSSUIObject>\n}\n\nexport const usePieChart = ({\n  data,\n  withLabels = false,\n  withLabelLines = false,\n  labelOffset,\n  isPercent = false,\n  strokeWidth = 1,\n  fillOpacity = 1,\n  innerRadius = \"0%\",\n  outerRadius = withLabels ? \"80%\" : \"100%\",\n  paddingAngle = 0,\n  startAngle = 90,\n  endAngle = -270,\n  labelFormatter,\n  styles,\n  ...rest\n}: UsePieChartProps) => {\n  const { theme } = useTheme()\n  const [highlightedArea, setHighlightedArea] = useState<string | null>(null)\n  const shouldHighlight = highlightedArea !== null\n  const { dimCell, ...computedCellProps } = rest.cellProps ?? {}\n  const {\n    activeShape = {},\n    inactiveShape = {},\n    label: labelProps,\n    labelLine: labelLineProps,\n    ...computedPieProps\n  } = rest.pieProps ?? {}\n\n  const cellColors: CSSUIProps[\"var\"] = useMemo(\n    () =>\n      data.map(({ color }, index) => ({\n        __prefix: \"ui\",\n        name: `cell-${index}`,\n        token: \"colors\",\n        value: color ?? \"transparent\",\n      })),\n    [data],\n  )\n\n  const pieVars: CSSUIProps[\"var\"] = useMemo(\n    () =>\n      [\n        ...cellColors,\n        { __prefix: \"ui\", name: \"fill-opacity\", value: fillOpacity },\n      ] as Required<CSSUIProps>[\"var\"],\n    [fillOpacity, cellColors],\n  )\n\n  const [chartProps, chartClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [rest.chartProps ?? {}, pieChartProperties],\n        styles.chart,\n      )(theme),\n    [rest.chartProps, styles.chart, theme],\n  )\n\n  const [pieProps, pieClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [computedPieProps, pieProperties],\n        styles.pie,\n      )(theme),\n    [computedPieProps, styles.pie, theme],\n  )\n\n  const cellClassName = useMemo(() => {\n    const resolvedCellProps = {\n      fillOpacity: \"var(--ui-fill-opacity)\",\n      ...styles.cell,\n      ...computedCellProps,\n    }\n\n    return getClassName(resolvedCellProps)(theme)\n  }, [computedCellProps, styles.cell, theme])\n\n  const dimCellClassName = useMemo(() => {\n    const resolvedDimCell = { ...styles.dimCell, ...dimCell }\n\n    return getClassName(resolvedDimCell)(theme)\n  }, [dimCell, styles.dimCell, theme])\n\n  const activeShapeProps = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [activeShape, pieProperties],\n        styles.activeShape,\n      )(theme, true),\n    [activeShape, styles.activeShape, theme],\n  )\n\n  const inactiveShapeProps = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [inactiveShape, pieProperties],\n        styles.inactiveShape,\n      )(theme, true),\n    [inactiveShape, styles.inactiveShape, theme],\n  )\n\n  const label: Recharts.PieLabel = useCallback(\n    (props: any) =>\n      pieChartLabel({\n        labelOffset,\n        isPercent,\n        labelProps,\n        labelFormatter,\n        styles: styles.label,\n        ...props,\n      }),\n    [isPercent, labelOffset, labelProps, styles.label, labelFormatter],\n  )\n\n  const labelLine = useCallback(\n    (props: any) => {\n      return pieChartLabelLine({\n        labelOffset,\n        labelLineProps,\n        styles: styles.labelLine,\n        ...props,\n      })\n    },\n    [labelLineProps, labelOffset, styles.labelLine],\n  )\n\n  const cellPropList = useMemo(\n    () =>\n      data.map((props, index) => {\n        const { name, dimCell = {}, ...computedProps } = props\n        const color = `var(--ui-cell-${index})`\n        const dimmed = shouldHighlight && highlightedArea !== name\n        const resolvedProps = {\n          ...computedProps,\n          ...(dimmed ? dimCell : {}),\n        }\n\n        const className = getClassName(\n          {\n            cellClassName,\n            ...resolvedProps,\n          },\n          dimmed ? dimCellClassName : undefined,\n        )(theme)\n\n        return {\n          color,\n          className,\n        }\n      }),\n    [\n      cellClassName,\n      data,\n      dimCellClassName,\n      highlightedArea,\n      shouldHighlight,\n      theme,\n    ],\n  )\n\n  const getPieChartProps: ChartPropGetter<\n    \"div\",\n    ComponentPropsWithoutRef<typeof Recharts.PieChart>,\n    ComponentPropsWithoutRef<typeof Recharts.PieChart>\n  > = useCallback(\n    ({ className, ...props } = {}, ref = null) => ({\n      ref,\n      className: cx(className, chartClassName),\n      ...props,\n      ...chartProps,\n    }),\n    [chartProps, chartClassName],\n  )\n\n  const getPieProps: RequiredChartPropGetter<\n    \"div\",\n    Partial<Recharts.PieProps>,\n    Omit<Recharts.PieProps, \"ref\">\n  > = useCallback(\n    ({ className, ...props }, ref = null) => ({\n      ref,\n      className: cx(className, pieClassName),\n      dataKey: \"value\",\n      data,\n      rootTabIndex: -1,\n      outerRadius,\n      innerRadius,\n      paddingAngle,\n      startAngle,\n      endAngle,\n      isAnimationActive: false,\n      label: withLabels ? label : false,\n      labelLine: withLabelLines ? labelLine : false,\n      activeShape: activeShapeProps,\n      inactiveShape: inactiveShapeProps,\n      ...(props as Omit<Recharts.PieProps, \"dataKey\">),\n      ...pieProps,\n    }),\n    [\n      pieClassName,\n      data,\n      outerRadius,\n      innerRadius,\n      paddingAngle,\n      startAngle,\n      endAngle,\n      withLabels,\n      label,\n      withLabelLines,\n      labelLine,\n      activeShapeProps,\n      inactiveShapeProps,\n      pieProps,\n    ],\n  )\n\n  const getCellProps: RequiredChartPropGetter<\n    \"div\",\n    Omit<Recharts.CellProps, \"ref\"> & { index: number },\n    Omit<Recharts.CellProps, \"ref\">\n  > = useCallback(\n    ({ index, className: classNameProp, ...props }, ref = null) => {\n      const { className, color } = cellPropList[index]\n\n      return {\n        ref,\n        className: cx(classNameProp, className),\n        fill: color,\n        stroke: color,\n        strokeWidth,\n        ...(props as Recharts.CellProps),\n      }\n    },\n    [cellPropList, strokeWidth],\n  )\n\n  return {\n    pieVars,\n    getPieProps,\n    getPieChartProps,\n    getCellProps,\n    setHighlightedArea,\n  }\n}\n\nexport type UsePieChartReturn = ReturnType<typeof usePieChart>\n"],"mappings":"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","names":["_a","dimCell"]}

package/dist/chunk-F34FV5DY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/rechart-properties.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\"\nimport type * as Recharts from \"recharts\"\n\nexport const areaChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.AreaChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"stackOffset\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const barChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.BarChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"barSize\",\n  \"maxBarSize\",\n  \"stackOffset\",\n  \"reverseStackOrder\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const lineChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.LineChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const radarChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"margin\",\n  \"onMouseEnter\",\n  \"onClick\",\n]\n\nexport const pieChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.PieChart\n>)[] = [\"width\", \"height\", \"margin\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\"]\n\nexport const referenceLineProperties: (keyof Recharts.ReferenceLineProps)[] = [\n  \"xAxisId\",\n  \"yAxisId\",\n  \"x\",\n  \"y\",\n  \"ifOverflow\",\n  \"viewBox\",\n  \"xAxis\",\n  \"yAxis\",\n  \"label\",\n  \"isFront\",\n  \"strokeWidth\",\n  \"segment\",\n]\n\nexport const containerProperties: (keyof Omit<\n  Recharts.ResponsiveContainerProps,\n  \"children\"\n>)[] = [\n  \"aspect\",\n  \"width\",\n  \"height\",\n  \"minWidth\",\n  \"minHeight\",\n  \"debounce\",\n  \"onResize\",\n]\n\nexport const gridProperties: (keyof Recharts.CartesianGridProps)[] = [\n  \"x\",\n  \"y\",\n  \"width\",\n  \"height\",\n  \"horizontal\",\n  \"vertical\",\n  \"horizontalPoints\",\n  \"horizontalCoordinatesGenerator\",\n  \"verticalPoints\",\n  \"verticalCoordinatesGenerator\",\n  \"fill\",\n  \"fillOpacity\",\n  \"strokeDasharray\",\n]\n\nexport const xAxisProperties: (keyof Recharts.XAxisProps)[] = [\n  \"hide\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"width\",\n  \"height\",\n  \"orientation\",\n  \"type\",\n  \"allowDecimals\",\n  \"allowDataOverflow\",\n  \"allowDuplicatedCategory\",\n  \"angle\",\n  \"tickCount\",\n  \"domain\",\n  \"includeHidden\",\n  \"interval\",\n  \"padding\",\n  \"minTickGap\",\n  \"axisLine\",\n  \"tickLine\",\n  \"tickSize\",\n  \"tickFormatter\",\n  \"ticks\",\n  \"tick\",\n  \"mirror\",\n  \"reversed\",\n  \"label\",\n  \"scale\",\n  \"unit\",\n  \"name\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"tickMargin\",\n]\n\nexport const yAxisProperties: (keyof Recharts.YAxisProps)[] = [\n  \"hide\",\n  \"dataKey\",\n  \"yAxisId\",\n  \"width\",\n  \"height\",\n  \"orientation\",\n  \"type\",\n  \"tickCount\",\n  \"domain\",\n  \"includeHidden\",\n  \"interval\",\n  \"padding\",\n  \"minTickGap\",\n  \"allowDecimals\",\n  \"allowDataOverflow\",\n  \"allowDuplicatedCategory\",\n  \"axisLine\",\n  \"tickLine\",\n  \"tickSize\",\n  \"tickFormatter\",\n  \"ticks\",\n  \"tick\",\n  \"mirror\",\n  \"reversed\",\n  \"label\",\n  \"scale\",\n  \"unit\",\n  \"name\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"tickMargin\",\n]\n\nexport const legendProperties: (keyof Omit<Recharts.LegendProps, \"ref\">)[] = [\n  \"width\",\n  \"height\",\n  \"layout\",\n  \"align\",\n  \"verticalAlign\",\n  \"iconSize\",\n  \"iconType\",\n  \"payload\",\n  \"chartWidth\",\n  \"chartHeight\",\n  \"margin\",\n  \"content\",\n  \"formatter\",\n  \"wrapperStyle\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const tooltipProperties: (keyof Recharts.TooltipProps<any, any>)[] = [\n  \"offset\",\n  \"filterNull\",\n  \"itemStyle\",\n  \"wrapperStyle\",\n  \"contentStyle\",\n  \"labelStyle\",\n  \"cursor\",\n  \"viewBox\",\n  \"allowEscapeViewBox\",\n  \"active\",\n  \"position\",\n  \"coordinate\",\n  \"payload\",\n  \"label\",\n  \"content\",\n  \"formatter\",\n  \"labelFormatter\",\n  \"itemSorter\",\n  \"isAnimationActive\",\n  \"animationDuration\",\n  \"animationEasing\",\n]\n\nexport const areaProperties: (keyof Omit<Recharts.AreaProps, \"ref\">)[] = [\n  \"type\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"dot\",\n  \"activeDot\",\n  \"label\",\n  \"stroke\",\n  \"strokeWidth\",\n  \"layout\",\n  \"baseLine\",\n  \"points\",\n  \"stackId\",\n  \"connectNulls\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const barProperties: (keyof Omit<Recharts.BarProps, \"ref\">)[] = [\n  \"layout\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"label\",\n  \"data\",\n  \"barSize\",\n  \"maxBarSize\",\n  \"minPointSize\",\n  \"background\",\n  \"shape\",\n  \"activeBar\",\n  \"stackId\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"radius\",\n]\n\nexport const radarProperties: (keyof Omit<Recharts.RadarProps, \"ref\">)[] = [\n  \"dataKey\",\n  \"points\",\n  \"shape\",\n  \"dot\",\n  \"activeDot\",\n  \"legendType\",\n  \"label\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n]\n\nexport const lineProperties: (keyof Omit<Recharts.LineProps, \"ref\">)[] = [\n  \"type\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"dot\",\n  \"activeDot\",\n  \"label\",\n  \"hide\",\n  \"points\",\n  \"stroke\",\n  \"strokeWidth\",\n  \"layout\",\n  \"connectNulls\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"strokeDasharray\",\n]\n\nexport const pieProperties: (keyof Omit<Recharts.PieProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"startAngle\",\n  \"endAngle\",\n  \"minAngle\",\n  \"paddingAngle\",\n  \"nameKey\",\n  \"dataKey\",\n  \"legendType\",\n  \"label\",\n  \"labelLine\",\n  \"data\",\n  \"activeIndex\",\n  \"activeShape\",\n  \"inactiveShape\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const dotProperties: (keyof Omit<Recharts.DotProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"r\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const polarGridProperties: (keyof Recharts.PolarGridProps)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"polarAngles\",\n  \"polarRadius\",\n  \"gridType\",\n]\n\nexport const polarAngleAxisProperties: (keyof Recharts.PolarAngleAxisProps)[] =\n  [\n    \"dataKey\",\n    \"cx\",\n    \"cy\",\n    \"radius\",\n    \"axisLine\",\n    \"axisLineType\",\n    \"tickLine\",\n    \"tickSize\",\n    \"tick\",\n    \"ticks\",\n    \"orient\",\n    \"tickFormatter\",\n    \"type\",\n    \"allowDuplicatedCategory\",\n    \"onClick\",\n    \"onMouseDown\",\n    \"onMouseUp\",\n    \"onMouseMove\",\n    \"onMouseOver\",\n    \"onMouseOut\",\n    \"onMouseEnter\",\n    \"onMouseLeave\",\n  ]\n\nexport const polarRadiusAxisProperties: (keyof Recharts.PolarRadiusAxisProps)[] =\n  [\n    \"angle\",\n    \"type\",\n    \"allowDuplicatedCategory\",\n    \"cx\",\n    \"cy\",\n    \"domain\",\n    \"reversed\",\n    \"label\",\n    \"orientation\",\n    \"axisLine\",\n    \"tick\",\n    \"tickSize\",\n    \"tickFormatter\",\n    \"tickCount\",\n    \"scale\",\n    \"onClick\",\n    \"onMouseDown\",\n    \"onMouseUp\",\n    \"onMouseMove\",\n    \"onMouseOver\",\n    \"onMouseOut\",\n    \"onMouseEnter\",\n    \"onMouseLeave\",\n  ]\n\nexport const labelProperties: (keyof Recharts.LabelProps)[] = [\n  \"viewBox\",\n  \"formatter\",\n  \"value\",\n  \"position\",\n  \"offset\",\n  \"children\",\n  \"content\",\n  \"id\",\n]\n"],"mappings":";;;AAGO,IAAM,sBAEN;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,qBAEN;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,sBAEN;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,uBAEN;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,qBAEN,CAAC,SAAS,UAAU,UAAU,WAAW,gBAAgB,cAAc;AAEvE,IAAM,0BAAiE;AAAA,EAC5E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,sBAGN;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,iBAAwD;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,kBAAiD;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,kBAAiD;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,mBAAgE;AAAA,EAC3E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,oBAA+D;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,iBAA4D;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,gBAA0D;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,kBAA8D;AAAA,EACzE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,iBAA4D;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,gBAA0D;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,gBAA0D;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,sBAAyD;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,2BACX;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEK,IAAM,4BACX;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEK,IAAM,kBAAiD;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-FALZDKAW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pie-chart.tsx"],"sourcesContent":["import type { HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useMultiComponentStyle,\n} from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useMemo } from \"react\"\nimport {\n  Cell,\n  Legend,\n  Pie,\n  PieChart as RechartsPieChart,\n  ResponsiveContainer,\n  Tooltip,\n} from \"recharts\"\nimport { ChartLegend } from \"./chart-legend\"\nimport { ChartTooltip } from \"./chart-tooltip\"\nimport type { TooltipDataSourceType } from \"./chart.types\"\nimport type { UseChartProps } from \"./use-chart\"\nimport { ChartProvider, useChart } from \"./use-chart\"\nimport type { UseChartLegendProps } from \"./use-chart-legend\"\nimport { useChartLegend } from \"./use-chart-legend\"\nimport {\n  useChartTooltip,\n  type UseChartTooltipOptions,\n} from \"./use-chart-tooltip\"\nimport type { UsePieChartOptions } from \"./use-pie-chart\"\nimport { usePieChart } from \"./use-pie-chart\"\n\ntype PieChartOptions = {\n  /**\n   * If `true`, tooltip is visible.\n   *\n   * @default true\n   */\n  withTooltip?: boolean\n  /**\n   * If `true`, legend is visible.\n   *\n   * @default false\n   */\n  withLegend?: boolean\n  /**\n   * Determines which data is displayed in the tooltip.\n   *\n   * @default 'all'\n   */\n  tooltipDataSource?: TooltipDataSourceType\n  /**\n   * Unit displayed next to each tick in y-axis.\n   */\n  unit?: string\n}\n\nexport type PieChartProps = HTMLUIProps<\"div\"> &\n  ThemeProps<\"pieChart\"> &\n  PieChartOptions &\n  UsePieChartOptions &\n  Omit<UseChartTooltipOptions, \"labelFormatter\"> &\n  UseChartLegendProps &\n  UseChartProps\n\n/**\n * `PieChart` is a component for drawing pie charts to compare multiple sets of data.\n *\n * @see Docs https://yamada-ui.com/components/feedback/pie-chart\n */\nexport const PieChart = forwardRef<PieChartProps, \"div\">((props, ref) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"PieChart\", props)\n  const {\n    className,\n    data,\n    pieProps,\n    chartProps,\n    cellProps,\n    containerProps,\n    withTooltip = true,\n    withLegend = false,\n    tooltipProps,\n    tooltipAnimationDuration,\n    tooltipDataSource = \"all\",\n    valueFormatter,\n    labelFormatter,\n    unit,\n    innerRadius,\n    outerRadius,\n    paddingAngle,\n    startAngle,\n    endAngle,\n    withLabels,\n    withLabelLines,\n    labelOffset,\n    isPercent,\n    strokeWidth,\n    legendProps,\n    ...rest\n  } = omitThemeProps(mergedProps)\n\n  const {\n    pieVars,\n    getPieProps,\n    getPieChartProps,\n    getCellProps,\n    setHighlightedArea,\n  } = usePieChart({\n    data,\n    pieProps,\n    chartProps,\n    cellProps,\n    innerRadius,\n    outerRadius,\n    paddingAngle,\n    startAngle,\n    endAngle,\n    strokeWidth,\n    withLabels,\n    withLabelLines,\n    labelOffset,\n    isPercent,\n    labelFormatter,\n    styles,\n  })\n  const { getContainerProps } = useChart({ containerProps })\n  const { tooltipProps: computedTooltipProps, getTooltipProps } =\n    useChartTooltip({\n      tooltipProps,\n      tooltipAnimationDuration,\n      styles,\n    })\n  const { legendProps: computedLegendProps, getLegendProps } = useChartLegend({\n    legendProps,\n  })\n\n  const cells = useMemo(\n    () =>\n      data.map(({ name }, index) => (\n        <Cell\n          key={`pie-cell-${name}`}\n          {...getCellProps({ index, className: \"ui-pie-chart__cell\" })}\n        />\n      )),\n    [data, getCellProps],\n  )\n\n  return (\n    <ChartProvider value={{ styles }}>\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-pie-chart\", className)}\n        var={pieVars}\n        __css={{ ...styles.container }}\n        {...rest}\n      >\n        <ResponsiveContainer\n          {...getContainerProps({ className: \"ui-pie-chart__container\" })}\n        >\n          <RechartsPieChart\n            {...getPieChartProps({ className: \"ui-pie-chart__chart\" })}\n          >\n            <Pie\n              {...getPieProps({\n                className: \"ui-pie-chart__pie\",\n              })}\n            >\n              {cells}\n            </Pie>\n\n            {withLegend ? (\n              <Legend\n                content={({ payload }) => (\n                  <ChartLegend\n                    className=\"ui-pie-chart__legend\"\n                    payload={payload}\n                    onHighlight={setHighlightedArea}\n                    {...computedLegendProps}\n                  />\n                )}\n                {...getLegendProps()}\n              />\n            ) : null}\n\n            {withTooltip ? (\n              <Tooltip\n                content={({ label, payload }) => (\n                  <ChartTooltip\n                    className=\"ui-pie-chart__tooltip\"\n                    label={label}\n                    payload={tooltipDataSource === \"segment\" ? payload : data}\n                    valueFormatter={valueFormatter}\n                    unit={unit}\n                    {...computedTooltipProps}\n                  />\n                )}\n                {...getTooltipProps()}\n              />\n            ) : null}\n          </RechartsPieChart>\n        </ResponsiveContainer>\n      </ui.div>\n    </ChartProvider>\n  )\n})\n"],"mappings":"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","names":[]}

package/dist/chunk-FCMP6QEZ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/area-chart.tsx"],"sourcesContent":["import type { HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  useMultiComponentStyle,\n  omitThemeProps,\n} from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { Fragment, useMemo } from \"react\"\nimport {\n  CartesianGrid,\n  Legend,\n  AreaChart as ReChartsAreaChart,\n  Area,\n  ReferenceLine,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n  Label,\n} from \"recharts\"\nimport { AreaGradient } from \"./area-chart-gradient\"\nimport { AreaSplit } from \"./area-chart-split\"\nimport { ChartLegend } from \"./chart-legend\"\nimport { ChartTooltip } from \"./chart-tooltip\"\nimport type { UseAreaChartOptions } from \"./use-area-chart\"\nimport { useAreaChart } from \"./use-area-chart\"\nimport type { UseChartProps } from \"./use-chart\"\nimport { ChartProvider, useChart } from \"./use-chart\"\nimport type { UseChartAxisOptions } from \"./use-chart-axis\"\nimport { useChartAxis } from \"./use-chart-axis\"\nimport type { UseChartGridOptions } from \"./use-chart-grid\"\nimport { useChartGrid } from \"./use-chart-grid\"\nimport type { UseChartLegendProps } from \"./use-chart-legend\"\nimport { useChartLegend } from \"./use-chart-legend\"\nimport type { UseChartReferenceLineOptions } from \"./use-chart-reference-line\"\nimport { useChartReferenceLine } from \"./use-chart-reference-line\"\nimport type { UseChartTooltipOptions } from \"./use-chart-tooltip\"\nimport { useChartTooltip } from \"./use-chart-tooltip\"\n\ntype AreaChartOptions = {\n  /**\n   * If `true`, tooltip is visible.\n   *\n   * @default true\n   */\n  withTooltip?: boolean\n  /**\n   * If `true`, legend is visible.\n   *\n   * @default false\n   */\n  withLegend?: boolean\n}\n\nexport type AreaChartProps = HTMLUIProps<\"div\"> &\n  ThemeProps<\"AreaChart\"> &\n  AreaChartOptions &\n  UseAreaChartOptions &\n  UseChartProps &\n  UseChartAxisOptions &\n  UseChartReferenceLineOptions &\n  UseChartGridOptions &\n  UseChartTooltipOptions &\n  UseChartLegendProps\n\n/**\n * `AreaChart` is a component for drawing area charts to compare multiple sets of data.\n *\n * @see Docs https://yamada-ui.com/components/feedback/area-chart\n */\nexport const AreaChart = forwardRef<AreaChartProps, \"div\">((props, ref) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"AreaChart\", props)\n  const {\n    className,\n    series,\n    dataKey,\n    layoutType,\n    tickLine,\n    gridAxis,\n    withXAxis,\n    withYAxis,\n    xAxisProps,\n    yAxisProps,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisLabelProps,\n    yAxisLabelProps,\n    type = \"default\",\n    withTooltip = true,\n    withLegend = false,\n    referenceLineProps = [],\n    containerProps,\n    unit,\n    gridProps,\n    strokeDasharray,\n    yAxisTickFormatter,\n    xAxisTickFormatter,\n    valueFormatter,\n    labelFormatter,\n    tooltipProps,\n    tooltipAnimationDuration,\n    legendProps,\n    data,\n    chartProps,\n    areaProps,\n    withGradient,\n    withDots,\n    withActiveDots,\n    curveType,\n    strokeWidth,\n    connectNulls,\n    fillOpacity,\n    splitColors,\n    splitOffset,\n    syncId,\n    ...rest\n  } = omitThemeProps(mergedProps)\n\n  const {\n    getAreaChartProps,\n    getAreaSplitProps,\n    getAreaProps,\n    getAreaGradientProps,\n    areaVars,\n    setHighlightedArea,\n  } = useAreaChart({\n    layoutType,\n    type,\n    series,\n    referenceLineProps,\n    data,\n    chartProps,\n    areaProps,\n    withGradient,\n    withDots,\n    withActiveDots,\n    curveType,\n    strokeWidth,\n    connectNulls,\n    fillOpacity,\n    splitColors,\n    splitOffset,\n    syncId,\n    xAxisLabel,\n    yAxisLabel,\n    styles,\n  })\n  const { getContainerProps } = useChart({ containerProps })\n  const {\n    getXAxisProps,\n    getYAxisProps,\n    getXAxisLabelProps,\n    getYAxisLabelProps,\n  } = useChartAxis({\n    dataKey,\n    type,\n    layoutType,\n    tickLine,\n    gridAxis,\n    withXAxis,\n    withYAxis,\n    xAxisProps,\n    yAxisProps,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisLabelProps,\n    yAxisLabelProps,\n    unit,\n    yAxisTickFormatter,\n    xAxisTickFormatter,\n    styles,\n  })\n  const { getReferenceLineProps } = useChartReferenceLine({\n    referenceLineProps,\n    styles,\n  })\n  const { getGridProps } = useChartGrid({\n    gridProps,\n    gridAxis,\n    strokeDasharray,\n    styles,\n  })\n  const { tooltipProps: computedTooltipProps, getTooltipProps } =\n    useChartTooltip({\n      tooltipProps,\n      tooltipAnimationDuration,\n      styles,\n    })\n  const { legendProps: computedLegendProps, getLegendProps } = useChartLegend({\n    legendProps,\n  })\n\n  const areas = useMemo(\n    () =>\n      series.map(({ dataKey }, index) => {\n        const { id, stroke, ...rest } = getAreaProps({\n          index,\n          className: \"ui-area-chart__area\",\n        })\n\n        return (\n          <Fragment key={`area-${dataKey}`}>\n            <defs>\n              <AreaGradient {...getAreaGradientProps({ id, color: stroke })} />\n            </defs>\n\n            <Area id={id} stroke={stroke} {...rest} />\n          </Fragment>\n        )\n      }),\n    [getAreaGradientProps, getAreaProps, series],\n  )\n\n  const referenceLinesItems = useMemo(\n    () =>\n      referenceLineProps.map((_, index) => (\n        <ReferenceLine\n          key={`referenceLine-${index}`}\n          {...getReferenceLineProps({\n            index,\n            className: \"ui-area-chart__reference-line\",\n          })}\n        />\n      )),\n    [getReferenceLineProps, referenceLineProps],\n  )\n\n  return (\n    <ChartProvider value={{ styles }}>\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-area-chart\", className)}\n        var={areaVars}\n        __css={{ ...styles.container }}\n        {...rest}\n      >\n        <ResponsiveContainer\n          {...getContainerProps({ className: \"ui-area-chart__container\" })}\n        >\n          <ReChartsAreaChart\n            {...getAreaChartProps({ className: \"ui-area-chart__chart\" })}\n          >\n            <CartesianGrid\n              {...getGridProps({ className: \"ui-area-chart__grid\" })}\n            />\n\n            <XAxis {...getXAxisProps({ className: \"ui-area-chart__x-axis\" })}>\n              <Label\n                {...getXAxisLabelProps({\n                  className: \"ui-area-chart__x-axis-label\",\n                })}\n              />\n            </XAxis>\n\n            <YAxis {...getYAxisProps({ className: \"ui-area-chart__y-axis\" })}>\n              <Label\n                {...getYAxisLabelProps({\n                  className: \"ui-area-chart__y-axis-label\",\n                })}\n              />\n            </YAxis>\n\n            {withLegend ? (\n              <Legend\n                content={({ payload }) => (\n                  <ChartLegend\n                    className=\"ui-area-chart__legend\"\n                    payload={payload}\n                    onHighlight={setHighlightedArea}\n                    {...computedLegendProps}\n                  />\n                )}\n                {...getLegendProps()}\n              />\n            ) : null}\n\n            {withTooltip ? (\n              <Tooltip\n                content={({ label, payload }) => (\n                  <ChartTooltip\n                    className=\"ui-area-chart__tooltip\"\n                    label={label}\n                    payload={payload}\n                    valueFormatter={valueFormatter}\n                    labelFormatter={labelFormatter}\n                    unit={unit}\n                    {...computedTooltipProps}\n                  />\n                )}\n                {...getTooltipProps()}\n              />\n            ) : null}\n\n            {type === \"split\" ? (\n              <defs>\n                <AreaSplit {...getAreaSplitProps()} />\n              </defs>\n            ) : null}\n\n            {areas}\n            {referenceLinesItems}\n          </ReChartsAreaChart>\n        </ResponsiveContainer>\n      </ui.div>\n    </ChartProvider>\n  )\n})\n"],"mappings":"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","names":["dataKey","rest"]}

package/dist/chunk-KBBHISBO.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/line-chart.tsx"],"sourcesContent":["import type { HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  useMultiComponentStyle,\n  omitThemeProps,\n} from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useMemo } from \"react\"\nimport {\n  LineChart as ReChartsLineChart,\n  Legend,\n  CartesianGrid,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n  ReferenceLine,\n  Line,\n  Label,\n} from \"recharts\"\nimport { ChartLegend } from \"./chart-legend\"\nimport { ChartTooltip } from \"./chart-tooltip\"\nimport type { UseChartProps } from \"./use-chart\"\nimport { ChartProvider, useChart } from \"./use-chart\"\nimport type { UseChartAxisOptions } from \"./use-chart-axis\"\nimport { useChartAxis } from \"./use-chart-axis\"\nimport type { UseChartGridOptions } from \"./use-chart-grid\"\nimport { useChartGrid } from \"./use-chart-grid\"\nimport type { UseChartLegendProps } from \"./use-chart-legend\"\nimport { useChartLegend } from \"./use-chart-legend\"\nimport type { UseChartReferenceLineOptions } from \"./use-chart-reference-line\"\nimport { useChartReferenceLine } from \"./use-chart-reference-line\"\nimport {\n  useChartTooltip,\n  type UseChartTooltipOptions,\n} from \"./use-chart-tooltip\"\nimport { useLineChart } from \"./use-line-chart\"\nimport type { UseLineChartOptions } from \"./use-line-chart\"\n\ntype LineChartOptions = {\n  /**\n   * If `true`, tooltip is visible.\n   *\n   * @default true\n   */\n  withTooltip?: boolean\n  /**\n   * If `true`, legend is visible.\n   *\n   * @default false\n   */\n  withLegend?: boolean\n}\n\nexport type LineChartProps = HTMLUIProps<\"div\"> &\n  ThemeProps<\"LineChart\"> &\n  LineChartOptions &\n  UseChartProps &\n  UseChartAxisOptions &\n  UseChartReferenceLineOptions &\n  UseChartGridOptions &\n  UseChartTooltipOptions &\n  UseChartLegendProps &\n  UseLineChartOptions\n\n/**\n * `LineChart` is a component for drawing line charts to compare multiple sets of data.\n *\n * @see Docs https://yamada-ui.com/components/feedback/line-chart\n */\nexport const LineChart = forwardRef<LineChartProps, \"div\">((props, ref) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"LineChart\", props)\n  const {\n    className,\n    containerProps,\n    gridProps,\n    gridAxis,\n    strokeDasharray,\n    dataKey,\n    type,\n    layoutType,\n    tickLine,\n    withXAxis,\n    withYAxis,\n    xAxisProps,\n    yAxisProps,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisLabelProps,\n    yAxisLabelProps,\n    unit,\n    yAxisTickFormatter,\n    xAxisTickFormatter,\n    valueFormatter,\n    labelFormatter,\n    referenceLineProps,\n    tooltipProps,\n    tooltipAnimationDuration,\n    legendProps,\n    withLegend = false,\n    withTooltip = true,\n    series,\n    data,\n    chartProps,\n    lineProps,\n    withDots,\n    withActiveDots,\n    curveType,\n    strokeWidth,\n    connectNulls,\n    fillOpacity,\n    syncId,\n    ...rest\n  } = omitThemeProps(mergedProps)\n\n  const { getLineProps, getLineChartProps, lineVars, setHighlightedArea } =\n    useLineChart({\n      layoutType,\n      series,\n      referenceLineProps,\n      data,\n      chartProps,\n      lineProps,\n      withDots,\n      withActiveDots,\n      curveType,\n      strokeWidth,\n      connectNulls,\n      fillOpacity,\n      syncId,\n      xAxisLabel,\n      yAxisLabel,\n      styles,\n    })\n  const { getContainerProps } = useChart({ containerProps })\n  const {\n    getXAxisProps,\n    getYAxisProps,\n    getXAxisLabelProps,\n    getYAxisLabelProps,\n  } = useChartAxis({\n    dataKey,\n    type,\n    layoutType,\n    tickLine,\n    gridAxis,\n    withXAxis,\n    withYAxis,\n    xAxisProps,\n    yAxisProps,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisLabelProps,\n    yAxisLabelProps,\n    unit,\n    yAxisTickFormatter,\n    xAxisTickFormatter,\n    styles,\n  })\n  const { getReferenceLineProps } = useChartReferenceLine({\n    referenceLineProps,\n    styles,\n  })\n  const { getGridProps } = useChartGrid({\n    gridProps,\n    gridAxis,\n    strokeDasharray,\n    styles,\n  })\n  const { tooltipProps: computedTooltipProps, getTooltipProps } =\n    useChartTooltip({\n      tooltipProps,\n      tooltipAnimationDuration,\n      styles,\n    })\n  const { legendProps: computedLegendProps, getLegendProps } = useChartLegend({\n    legendProps,\n  })\n\n  const lines = useMemo(\n    () =>\n      series.map(({ dataKey }, index) => (\n        <Line\n          key={`line-${dataKey}`}\n          {...getLineProps({ index, className: \"ui-line-chart__line\" })}\n        />\n      )),\n    [getLineProps, series],\n  )\n\n  const referenceLinesItems = useMemo(\n    () =>\n      referenceLineProps?.map((_, index) => (\n        <ReferenceLine\n          key={`referenceLine-${index}`}\n          {...getReferenceLineProps({\n            index,\n            className: \"ui-line-chart__reference-line\",\n          })}\n        />\n      )),\n    [getReferenceLineProps, referenceLineProps],\n  )\n\n  return (\n    <ChartProvider value={{ styles }}>\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-line-chart\", className)}\n        var={lineVars}\n        __css={{ ...styles.container }}\n        {...rest}\n      >\n        <ResponsiveContainer\n          {...getContainerProps({ className: \"ui-line-chart__container\" })}\n        >\n          <ReChartsLineChart\n            {...getLineChartProps({ className: \"ui-line-chart__chart\" })}\n          >\n            <CartesianGrid\n              {...getGridProps({ className: \"ui-line-chart__grid\" })}\n            />\n\n            <XAxis {...getXAxisProps({ className: \"ui-line-chart__x-axis\" })}>\n              <Label\n                {...getXAxisLabelProps({\n                  className: \"ui-line-chart__x-axis-label\",\n                })}\n              />\n            </XAxis>\n\n            <YAxis {...getYAxisProps({ className: \"ui-line-chart__y-axis\" })}>\n              <Label\n                {...getYAxisLabelProps({\n                  className: \"ui-line-chart__y-axis-label\",\n                })}\n              />\n            </YAxis>\n\n            {withLegend ? (\n              <Legend\n                content={({ payload }) => (\n                  <ChartLegend\n                    className=\"ui-line-chart__legend\"\n                    payload={payload}\n                    onHighlight={setHighlightedArea}\n                    {...computedLegendProps}\n                  />\n                )}\n                {...getLegendProps()}\n              />\n            ) : null}\n\n            {withTooltip ? (\n              <Tooltip\n                content={({ label, payload }) => (\n                  <ChartTooltip\n                    className=\"ui-line-chart__tooltip\"\n                    label={label}\n                    payload={payload}\n                    valueFormatter={valueFormatter}\n                    labelFormatter={labelFormatter}\n                    unit={unit}\n                    {...computedTooltipProps}\n                  />\n                )}\n                {...getTooltipProps()}\n              />\n            ) : null}\n\n            {lines}\n            {referenceLinesItems}\n          </ReChartsLineChart>\n        </ResponsiveContainer>\n      </ui.div>\n    </ChartProvider>\n  )\n})\n"],"mappings":"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","names":["dataKey"]}