@yamada-ui/charts 1.1.2 → 1.1.4-dev-20240508155232

package/dist/chart.types.d.mts

@@ -0,0 +1,78 @@
+import { As, HTMLUIProps, CSSUIProps } from '@yamada-ui/core';
+import { Merge } from '@yamada-ui/utils';
+import { ComponentPropsWithoutRef, SVGProps, ReactElement, ReactNode } from 'react';
+import * as Recharts from 'recharts';
+
+type ChartPropGetter<Y extends As = "div", M = undefined, D = undefined> = (props?: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D;
+type RequiredChartPropGetter<Y extends As = "div", M = undefined, D = undefined> = (props: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D;
+type ChartLayoutType = "horizontal" | "vertical";
+type AreaChartType = "default" | "stacked" | "percent" | "split";
+type BarChartType = Exclude<AreaChartType, "split">;
+type ChartAxisType = "x" | "y" | "xy" | "none";
+type ChartCurveType = "bump" | "linear" | "natural" | "monotone" | "step" | "stepBefore" | "stepAfter";
+type TooltipDataSourceType = "segment" | "all";
+type AreaChartProps = Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.AreaChart>>;
+type BarChartProps = Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.BarChart>>;
+type LineChartProps = Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.LineChart>>;
+type RadarChartProps = Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.RadarChart>>;
+type PieChartProps = Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.PieChart>>;
+type ReferenceLineProps = Merge<CSSUIProps, Recharts.ReferenceLineProps>;
+type ResponsiveContainerProps = Merge<CSSUIProps, Omit<Recharts.ResponsiveContainerProps, "children">>;
+type AreaProps = Merge<Merge<CSSUIProps, Recharts.AreaProps>, {
+    color: CSSUIProps["color"];
+    dot?: DotProps;
+    activeDot?: DotProps;
+    dimDot?: DotProps;
+    dimArea?: Partial<AreaProps>;
+}>;
+type LineProps = Merge<Merge<CSSUIProps, Recharts.LineProps>, {
+    color: CSSUIProps["color"];
+    activeDot?: DotProps;
+    dot?: DotProps;
+    dimDot?: DotProps;
+    dimLine?: Partial<LineProps>;
+}>;
+type BarProps = Merge<Merge<CSSUIProps, Recharts.BarProps>, {
+    color: CSSUIProps["color"];
+    activeBar?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
+    background?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
+    dimBar?: Partial<BarProps>;
+}>;
+type RadarProps = Merge<Merge<CSSUIProps, Recharts.RadarProps>, {
+    color: CSSUIProps["color"];
+    dot?: DotProps;
+    activeDot?: DotProps;
+    dimDot?: DotProps;
+    dimRadar?: Partial<RadarProps>;
+}>;
+type PieProps = Merge<Merge<CSSUIProps, Recharts.PieProps>, {
+    activeShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
+    inactiveShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
+    label?: CSSUIProps;
+    labelLine?: CSSUIProps;
+}>;
+type CellProps = Merge<CSSUIProps, {
+    name: string;
+    value: number;
+    dimCell?: Partial<CellProps>;
+}>;
+type DotProps = Merge<Omit<Recharts.DotProps, "ref">, CSSUIProps>;
+type XAxisProps = Merge<Merge<CSSUIProps, Recharts.XAxisProps>, {
+    color?: CSSUIProps["color"];
+    stroke?: CSSUIProps["color"];
+    fill?: CSSUIProps["color"];
+}>;
+type YAxisProps = Merge<Merge<CSSUIProps, Recharts.YAxisProps>, {
+    color?: CSSUIProps["color"];
+}>;
+type LegendProps = Merge<CSSUIProps, Omit<Recharts.LegendProps, "ref">>;
+type TooltipProps = Merge<Merge<CSSUIProps, Omit<Recharts.TooltipProps<any, any>, "ref">>, {
+    cursor?: CSSUIProps;
+}>;
+type GridProps = Merge<CSSUIProps, Recharts.CartesianGridProps>;
+type PolarGridProps = Merge<CSSUIProps, Recharts.PolarGridProps>;
+type PolarAngleAxisProps = Merge<Recharts.PolarAngleAxisProps, CSSUIProps>;
+type PolarRadiusAxisProps = Merge<CSSUIProps, Recharts.PolarRadiusAxisProps>;
+type ChartTooltip = ReactElement | ((props: Recharts.TooltipProps<number | string | Array<number | string>, number | string>) => ReactNode);
+
+export type { AreaChartProps, AreaChartType, AreaProps, BarChartProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLayoutType, ChartPropGetter, ChartTooltip, DotProps, GridProps, LegendProps, LineChartProps, LineProps, PieChartProps, PieProps, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarChartProps, RadarProps, ReferenceLineProps, RequiredChartPropGetter, ResponsiveContainerProps, TooltipDataSourceType, TooltipProps, XAxisProps, YAxisProps };

package/dist/chart.types.d.ts

@@ -0,0 +1,78 @@
+import { As, HTMLUIProps, CSSUIProps } from '@yamada-ui/core';
+import { Merge } from '@yamada-ui/utils';
+import { ComponentPropsWithoutRef, SVGProps, ReactElement, ReactNode } from 'react';
+import * as Recharts from 'recharts';
+
+type ChartPropGetter<Y extends As = "div", M = undefined, D = undefined> = (props?: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D;
+type RequiredChartPropGetter<Y extends As = "div", M = undefined, D = undefined> = (props: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D;
+type ChartLayoutType = "horizontal" | "vertical";
+type AreaChartType = "default" | "stacked" | "percent" | "split";
+type BarChartType = Exclude<AreaChartType, "split">;
+type ChartAxisType = "x" | "y" | "xy" | "none";
+type ChartCurveType = "bump" | "linear" | "natural" | "monotone" | "step" | "stepBefore" | "stepAfter";
+type TooltipDataSourceType = "segment" | "all";
+type AreaChartProps = Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.AreaChart>>;
+type BarChartProps = Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.BarChart>>;
+type LineChartProps = Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.LineChart>>;
+type RadarChartProps = Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.RadarChart>>;
+type PieChartProps = Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.PieChart>>;
+type ReferenceLineProps = Merge<CSSUIProps, Recharts.ReferenceLineProps>;
+type ResponsiveContainerProps = Merge<CSSUIProps, Omit<Recharts.ResponsiveContainerProps, "children">>;
+type AreaProps = Merge<Merge<CSSUIProps, Recharts.AreaProps>, {
+    color: CSSUIProps["color"];
+    dot?: DotProps;
+    activeDot?: DotProps;
+    dimDot?: DotProps;
+    dimArea?: Partial<AreaProps>;
+}>;
+type LineProps = Merge<Merge<CSSUIProps, Recharts.LineProps>, {
+    color: CSSUIProps["color"];
+    activeDot?: DotProps;
+    dot?: DotProps;
+    dimDot?: DotProps;
+    dimLine?: Partial<LineProps>;
+}>;
+type BarProps = Merge<Merge<CSSUIProps, Recharts.BarProps>, {
+    color: CSSUIProps["color"];
+    activeBar?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
+    background?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
+    dimBar?: Partial<BarProps>;
+}>;
+type RadarProps = Merge<Merge<CSSUIProps, Recharts.RadarProps>, {
+    color: CSSUIProps["color"];
+    dot?: DotProps;
+    activeDot?: DotProps;
+    dimDot?: DotProps;
+    dimRadar?: Partial<RadarProps>;
+}>;
+type PieProps = Merge<Merge<CSSUIProps, Recharts.PieProps>, {
+    activeShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
+    inactiveShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
+    label?: CSSUIProps;
+    labelLine?: CSSUIProps;
+}>;
+type CellProps = Merge<CSSUIProps, {
+    name: string;
+    value: number;
+    dimCell?: Partial<CellProps>;
+}>;
+type DotProps = Merge<Omit<Recharts.DotProps, "ref">, CSSUIProps>;
+type XAxisProps = Merge<Merge<CSSUIProps, Recharts.XAxisProps>, {
+    color?: CSSUIProps["color"];
+    stroke?: CSSUIProps["color"];
+    fill?: CSSUIProps["color"];
+}>;
+type YAxisProps = Merge<Merge<CSSUIProps, Recharts.YAxisProps>, {
+    color?: CSSUIProps["color"];
+}>;
+type LegendProps = Merge<CSSUIProps, Omit<Recharts.LegendProps, "ref">>;
+type TooltipProps = Merge<Merge<CSSUIProps, Omit<Recharts.TooltipProps<any, any>, "ref">>, {
+    cursor?: CSSUIProps;
+}>;
+type GridProps = Merge<CSSUIProps, Recharts.CartesianGridProps>;
+type PolarGridProps = Merge<CSSUIProps, Recharts.PolarGridProps>;
+type PolarAngleAxisProps = Merge<Recharts.PolarAngleAxisProps, CSSUIProps>;
+type PolarRadiusAxisProps = Merge<CSSUIProps, Recharts.PolarRadiusAxisProps>;
+type ChartTooltip = ReactElement | ((props: Recharts.TooltipProps<number | string | Array<number | string>, number | string>) => ReactNode);
+
+export type { AreaChartProps, AreaChartType, AreaProps, BarChartProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLayoutType, ChartPropGetter, ChartTooltip, DotProps, GridProps, LegendProps, LineChartProps, LineProps, PieChartProps, PieProps, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarChartProps, RadarProps, ReferenceLineProps, RequiredChartPropGetter, ResponsiveContainerProps, TooltipDataSourceType, TooltipProps, XAxisProps, YAxisProps };

package/dist/chart.types.js

@@ -0,0 +1,20 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/chart.types.ts
+var chart_types_exports = {};
+module.exports = __toCommonJS(chart_types_exports);
+//# sourceMappingURL=chart.types.js.map

package/dist/chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chart.types.ts"],"sourcesContent":["import type { As, CSSUIProps, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { Merge } from \"@yamada-ui/utils\"\nimport type {\n  ComponentPropsWithoutRef,\n  ReactElement,\n  ReactNode,\n  SVGProps,\n} from \"react\"\nimport type * as Recharts from \"recharts\"\n\nexport type ChartPropGetter<\n  Y extends As = \"div\",\n  M = undefined,\n  D = undefined,\n> = (props?: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D\n\nexport type RequiredChartPropGetter<\n  Y extends As = \"div\",\n  M = undefined,\n  D = undefined,\n> = (props: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D\n\nexport type ChartLayoutType = \"horizontal\" | \"vertical\"\nexport type AreaChartType = \"default\" | \"stacked\" | \"percent\" | \"split\"\nexport type BarChartType = Exclude<AreaChartType, \"split\">\nexport type ChartAxisType = \"x\" | \"y\" | \"xy\" | \"none\"\nexport type ChartCurveType =\n  | \"bump\"\n  | \"linear\"\n  | \"natural\"\n  | \"monotone\"\n  | \"step\"\n  | \"stepBefore\"\n  | \"stepAfter\"\nexport type TooltipDataSourceType = \"segment\" | \"all\"\n\nexport type AreaChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.AreaChart>\n>\nexport type BarChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.BarChart>\n>\nexport type LineChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.LineChart>\n>\nexport type RadarChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.RadarChart>\n>\nexport type PieChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.PieChart>\n>\nexport type ReferenceLineProps = Merge<CSSUIProps, Recharts.ReferenceLineProps>\nexport type ResponsiveContainerProps = Merge<\n  CSSUIProps,\n  Omit<Recharts.ResponsiveContainerProps, \"children\">\n>\nexport type AreaProps = Merge<\n  Merge<CSSUIProps, Recharts.AreaProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    dot?: DotProps\n    activeDot?: DotProps\n    dimDot?: DotProps\n    dimArea?: Partial<AreaProps>\n  }\n>\nexport type LineProps = Merge<\n  Merge<CSSUIProps, Recharts.LineProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    activeDot?: DotProps\n    dot?: DotProps\n    dimDot?: DotProps\n    dimLine?: Partial<LineProps>\n  }\n>\nexport type BarProps = Merge<\n  Merge<CSSUIProps, Recharts.BarProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    activeBar?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n    background?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n    dimBar?: Partial<BarProps>\n  }\n>\nexport type RadarProps = Merge<\n  Merge<CSSUIProps, Recharts.RadarProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    dot?: DotProps\n    activeDot?: DotProps\n    dimDot?: DotProps\n    dimRadar?: Partial<RadarProps>\n  }\n>\nexport type PieProps = Merge<\n  Merge<CSSUIProps, Recharts.PieProps>,\n  {\n    activeShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n    inactiveShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n    label?: CSSUIProps\n    labelLine?: CSSUIProps\n  }\n>\nexport type CellProps = Merge<\n  CSSUIProps,\n  {\n    name: string\n    value: number\n    dimCell?: Partial<CellProps>\n  }\n>\nexport type DotProps = Merge<Omit<Recharts.DotProps, \"ref\">, CSSUIProps>\nexport type XAxisProps = Merge<\n  Merge<CSSUIProps, Recharts.XAxisProps>,\n  {\n    color?: CSSUIProps[\"color\"]\n    stroke?: CSSUIProps[\"color\"]\n    fill?: CSSUIProps[\"color\"]\n  }\n>\nexport type YAxisProps = Merge<\n  Merge<CSSUIProps, Recharts.YAxisProps>,\n  { color?: CSSUIProps[\"color\"] }\n>\nexport type LegendProps = Merge<CSSUIProps, Omit<Recharts.LegendProps, \"ref\">>\nexport type TooltipProps = Merge<\n  Merge<CSSUIProps, Omit<Recharts.TooltipProps<any, any>, \"ref\">>,\n  { cursor?: CSSUIProps }\n>\nexport type GridProps = Merge<CSSUIProps, Recharts.CartesianGridProps>\nexport type PolarGridProps = Merge<CSSUIProps, Recharts.PolarGridProps>\nexport type PolarAngleAxisProps = Merge<\n  Recharts.PolarAngleAxisProps,\n  CSSUIProps\n>\nexport type PolarRadiusAxisProps = Merge<\n  CSSUIProps,\n  Recharts.PolarRadiusAxisProps\n>\n\nexport type ChartTooltip =\n  | ReactElement\n  | ((\n      props: Recharts.TooltipProps<\n        number | string | Array<number | string>,\n        number | string\n      >,\n    ) => ReactNode)\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/chart.types.mjs

@@ -0,0 +1,2 @@
+"use client"
+//# sourceMappingURL=chart.types.mjs.map

package/dist/chart.types.mjs.map

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

package/dist/chunk-4WX5YS7M.mjs

@@ -0,0 +1,179 @@
+"use client"
+import {
+  usePieChart
+} from "./chunk-LHI57S6P.mjs";
+import {
+  useChartLegend
+} from "./chunk-LM2DQK2P.mjs";
+import {
+  useChartTooltip
+} from "./chunk-RN6PXJAD.mjs";
+import {
+  ChartLegend
+} from "./chunk-NEGDEVRX.mjs";
+import {
+  ChartTooltip
+} from "./chunk-LBC2B6UX.mjs";
+import {
+  ChartProvider,
+  useChart
+} from "./chunk-XIFDRM7J.mjs";
+
+// src/pie-chart.tsx
+import {
+  forwardRef,
+  omitThemeProps,
+  ui,
+  useMultiComponentStyle
+} from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { useMemo } from "react";
+import {
+  Cell,
+  Legend,
+  Pie,
+  PieChart as RechartsPieChart,
+  ResponsiveContainer,
+  Tooltip
+} from "recharts";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PieChart = forwardRef((props, ref) => {
+  const [styles, mergedProps] = useMultiComponentStyle("PieChart", props);
+  const {
+    className,
+    data,
+    pieProps,
+    chartProps,
+    cellProps,
+    containerProps,
+    withTooltip = true,
+    withLegend = false,
+    tooltipProps,
+    tooltipAnimationDuration,
+    tooltipDataSource = "all",
+    valueFormatter,
+    unit,
+    innerRadius,
+    outerRadius,
+    paddingAngle,
+    startAngle,
+    endAngle,
+    withLabels,
+    withLabelLines,
+    strokeWidth,
+    legendProps,
+    ...rest
+  } = omitThemeProps(mergedProps);
+  const {
+    pieVars,
+    getPieProps,
+    getPieChartProps,
+    getCellProps,
+    setHighlightedArea
+  } = usePieChart({
+    data,
+    pieProps,
+    chartProps,
+    cellProps,
+    innerRadius,
+    outerRadius,
+    paddingAngle,
+    startAngle,
+    endAngle,
+    strokeWidth,
+    withLabels,
+    withLabelLines,
+    styles
+  });
+  const { getContainerProps } = useChart({ containerProps });
+  const { tooltipProps: computedTooltipProps, getTooltipProps } = useChartTooltip({
+    tooltipProps,
+    tooltipAnimationDuration,
+    styles
+  });
+  const { legendProps: computedLegendProps, getLegendProps } = useChartLegend({
+    legendProps
+  });
+  const cells = useMemo(
+    () => data.map(({ name }, index) => /* @__PURE__ */ jsx(
+      Cell,
+      {
+        ...getCellProps({ index, className: "ui-pie-chart__cell" })
+      },
+      `pie-cell-${name}`
+    )),
+    [data, getCellProps]
+  );
+  return /* @__PURE__ */ jsx(ChartProvider, { value: { styles }, children: /* @__PURE__ */ jsx(
+    ui.div,
+    {
+      ref,
+      className: cx("ui-pie-chart", className),
+      var: pieVars,
+      __css: { maxW: "full", ...styles.container },
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        ResponsiveContainer,
+        {
+          ...getContainerProps({ className: "ui-pie-chart__container" }),
+          children: /* @__PURE__ */ jsxs(
+            RechartsPieChart,
+            {
+              ...getPieChartProps({ className: "ui-pie-chart__chart" }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Pie,
+                  {
+                    ...getPieProps({
+                      className: "ui-pie-chart__pie",
+                      labelClassName: "ui-pie-chart__label",
+                      labelLineClassName: "ui-pie-chart__label-line"
+                    }),
+                    children: cells
+                  }
+                ),
+                withLegend ? /* @__PURE__ */ jsx(
+                  Legend,
+                  {
+                    content: ({ payload }) => /* @__PURE__ */ jsx(
+                      ChartLegend,
+                      {
+                        className: "ui-pie-chart__legend",
+                        payload,
+                        onHighlight: setHighlightedArea,
+                        ...computedLegendProps
+                      }
+                    ),
+                    ...getLegendProps()
+                  }
+                ) : null,
+                withTooltip ? /* @__PURE__ */ jsx(
+                  Tooltip,
+                  {
+                    content: ({ label, payload }) => /* @__PURE__ */ jsx(
+                      ChartTooltip,
+                      {
+                        className: "ui-pie-chart__tooltip",
+                        label,
+                        payload: tooltipDataSource === "segment" ? payload : data,
+                        valueFormatter,
+                        unit,
+                        ...computedTooltipProps
+                      }
+                    ),
+                    ...getTooltipProps()
+                  }
+                ) : null
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) });
+});
+
+export {
+  PieChart
+};
+//# sourceMappingURL=chunk-4WX5YS7M.mjs.map

package/dist/chunk-4WX5YS7M.mjs.map

@@ -0,0 +1 @@
+{"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   * A function to format values inside the tooltip\n   */\n  valueFormatter?: (value: number) => string\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  UseChartTooltipOptions &\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    unit,\n    innerRadius,\n    outerRadius,\n    paddingAngle,\n    startAngle,\n    endAngle,\n    withLabels,\n    withLabelLines,\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    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={{ maxW: \"full\", ...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                labelClassName: \"ui-pie-chart__label\",\n                labelLineClassName: \"ui-pie-chart__label-line\",\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-5TVYPA64.mjs

@@ -0,0 +1,256 @@
+"use client"
+import {
+  useAreaChart
+} from "./chunk-HDOYOHLA.mjs";
+import {
+  AreaGradient
+} from "./chunk-MSIOYYWR.mjs";
+import {
+  AreaSplit
+} from "./chunk-PNE3JG54.mjs";
+import {
+  useChartAxis
+} from "./chunk-P7AFSM5W.mjs";
+import {
+  useChartGrid
+} from "./chunk-LGMALZCN.mjs";
+import {
+  useChartReferenceLine
+} from "./chunk-MWPICUEW.mjs";
+import {
+  useChartLegend
+} from "./chunk-LM2DQK2P.mjs";
+import {
+  useChartTooltip
+} from "./chunk-RN6PXJAD.mjs";
+import {
+  ChartLegend
+} from "./chunk-NEGDEVRX.mjs";
+import {
+  ChartTooltip
+} from "./chunk-LBC2B6UX.mjs";
+import {
+  ChartProvider,
+  useChart
+} from "./chunk-XIFDRM7J.mjs";
+
+// src/area-chart.tsx
+import {
+  ui,
+  forwardRef,
+  useMultiComponentStyle,
+  omitThemeProps
+} from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { Fragment, useMemo } from "react";
+import {
+  CartesianGrid,
+  Legend,
+  AreaChart as ReChartsAreaChart,
+  Area,
+  ReferenceLine,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis
+} from "recharts";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AreaChart = forwardRef((props, ref) => {
+  const [styles, mergedProps] = useMultiComponentStyle("AreaChart", props);
+  const {
+    className,
+    series,
+    dataKey,
+    layoutType,
+    tickLine,
+    gridAxis,
+    withXAxis,
+    withYAxis,
+    xAxisProps,
+    yAxisProps,
+    type = "default",
+    withTooltip = true,
+    withLegend = false,
+    referenceLineProps = [],
+    containerProps,
+    unit,
+    gridProps,
+    strokeDasharray,
+    valueFormatter,
+    tooltipProps,
+    tooltipAnimationDuration,
+    legendProps,
+    data,
+    chartProps,
+    areaProps,
+    withGradient,
+    withDots,
+    withActiveDots,
+    curveType,
+    strokeWidth,
+    connectNulls,
+    fillOpacity,
+    splitColors,
+    splitOffset,
+    syncId,
+    ...rest
+  } = omitThemeProps(mergedProps);
+  const {
+    getAreaChartProps,
+    getAreaSplitProps,
+    getAreaProps,
+    getAreaGradientProps,
+    areaVars,
+    setHighlightedArea
+  } = useAreaChart({
+    layoutType,
+    type,
+    series,
+    referenceLineProps,
+    data,
+    chartProps,
+    areaProps,
+    withGradient,
+    withDots,
+    withActiveDots,
+    curveType,
+    strokeWidth,
+    connectNulls,
+    fillOpacity,
+    splitColors,
+    splitOffset,
+    syncId,
+    styles
+  });
+  const { getContainerProps } = useChart({ containerProps });
+  const { getXAxisProps, getYAxisProps } = useChartAxis({
+    dataKey,
+    type,
+    layoutType,
+    tickLine,
+    gridAxis,
+    withXAxis,
+    withYAxis,
+    xAxisProps,
+    yAxisProps,
+    unit,
+    valueFormatter,
+    styles
+  });
+  const { getReferenceLineProps } = useChartReferenceLine({
+    referenceLineProps,
+    styles
+  });
+  const { getGridProps } = useChartGrid({
+    gridProps,
+    gridAxis,
+    strokeDasharray,
+    styles
+  });
+  const { tooltipProps: computedTooltipProps, getTooltipProps } = useChartTooltip({
+    tooltipProps,
+    tooltipAnimationDuration,
+    styles
+  });
+  const { legendProps: computedLegendProps, getLegendProps } = useChartLegend({
+    legendProps
+  });
+  const areas = useMemo(
+    () => series.map(({ dataKey: dataKey2 }, index) => {
+      const { id, stroke, ...rest2 } = getAreaProps({
+        index,
+        className: "ui-area-chart__area"
+      });
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(AreaGradient, { ...getAreaGradientProps({ id, color: stroke }) }) }),
+        /* @__PURE__ */ jsx(Area, { id, stroke, ...rest2 })
+      ] }, `area-${dataKey2}`);
+    }),
+    [getAreaGradientProps, getAreaProps, series]
+  );
+  const referenceLinesItems = useMemo(
+    () => referenceLineProps.map((_, index) => /* @__PURE__ */ jsx(
+      ReferenceLine,
+      {
+        ...getReferenceLineProps({
+          index,
+          className: "ui-area-chart__reference-line"
+        })
+      },
+      `referenceLine-${index}`
+    )),
+    [getReferenceLineProps, referenceLineProps]
+  );
+  return /* @__PURE__ */ jsx(ChartProvider, { value: { styles }, children: /* @__PURE__ */ jsx(
+    ui.div,
+    {
+      ref,
+      className: cx("ui-area-chart", className),
+      var: areaVars,
+      __css: { maxW: "full", ...styles.container },
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        ResponsiveContainer,
+        {
+          ...getContainerProps({ className: "ui-area-chart__container" }),
+          children: /* @__PURE__ */ jsxs(
+            ReChartsAreaChart,
+            {
+              ...getAreaChartProps({ className: "ui-area-chart__chart" }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  CartesianGrid,
+                  {
+                    ...getGridProps({ className: "ui-area-chart__grid" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(XAxis, { ...getXAxisProps({ className: "ui-area-chart__x-axis" }) }),
+                /* @__PURE__ */ jsx(YAxis, { ...getYAxisProps({ className: "ui-area-chart__y-axis" }) }),
+                withLegend ? /* @__PURE__ */ jsx(
+                  Legend,
+                  {
+                    content: ({ payload }) => /* @__PURE__ */ jsx(
+                      ChartLegend,
+                      {
+                        className: "ui-area-chart__legend",
+                        payload,
+                        onHighlight: setHighlightedArea,
+                        ...computedLegendProps
+                      }
+                    ),
+                    ...getLegendProps()
+                  }
+                ) : null,
+                withTooltip ? /* @__PURE__ */ jsx(
+                  Tooltip,
+                  {
+                    content: ({ label, payload }) => /* @__PURE__ */ jsx(
+                      ChartTooltip,
+                      {
+                        className: "ui-area-chart__tooltip",
+                        label,
+                        payload,
+                        valueFormatter,
+                        unit,
+                        ...computedTooltipProps
+                      }
+                    ),
+                    ...getTooltipProps()
+                  }
+                ) : null,
+                type === "split" ? /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(AreaSplit, { ...getAreaSplitProps() }) }) : null,
+                areas,
+                referenceLinesItems
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) });
+});
+
+export {
+  AreaChart
+};
+//# sourceMappingURL=chunk-5TVYPA64.mjs.map

package/dist/chunk-5TVYPA64.mjs.map

@@ -0,0 +1 @@
+{"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} 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    type = \"default\",\n    withTooltip = true,\n    withLegend = false,\n    referenceLineProps = [],\n    containerProps,\n    unit,\n    gridProps,\n    strokeDasharray,\n    valueFormatter,\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    styles,\n  })\n  const { getContainerProps } = useChart({ containerProps })\n  const { getXAxisProps, getYAxisProps } = useChartAxis({\n    dataKey,\n    type,\n    layoutType,\n    tickLine,\n    gridAxis,\n    withXAxis,\n    withYAxis,\n    xAxisProps,\n    yAxisProps,\n    unit,\n    valueFormatter,\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={{ maxW: \"full\", ...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            <XAxis {...getXAxisProps({ className: \"ui-area-chart__x-axis\" })} />\n            <YAxis {...getYAxisProps({ className: \"ui-area-chart__y-axis\" })} />\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                    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"]}