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

package/dist/chart.types.d.mts

@@ -1,78 +0,0 @@
-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

@@ -1,78 +0,0 @@
-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

@@ -1,20 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

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

package/dist/chart.types.mjs.map

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

package/dist/chunk-4WX5YS7M.mjs

@@ -1,179 +0,0 @@
-"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

@@ -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   * 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

@@ -1,256 +0,0 @@
-"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

@@ -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} 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"]}