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

package/dist/chunk-HDOYOHLA.mjs

@@ -1,326 +0,0 @@
-"use client"
-import {
-  areaChartProperties,
-  areaProperties,
-  dotProperties
-} from "./chunk-OSNFBRHL.mjs";
-import {
-  getComponentProps
-} from "./chunk-QL3DB7OJ.mjs";
-
-// src/use-area-chart.ts
-import { useTheme } from "@yamada-ui/core";
-import { cx } from "@yamada-ui/utils";
-import { useCallback, useId, useMemo, useState } from "react";
-var useAreaChart = ({
-  data,
-  series,
-  type,
-  layoutType = "horizontal",
-  withGradient: withGradientProp,
-  withDots = true,
-  withActiveDots = true,
-  curveType = "monotone",
-  strokeWidth = 2,
-  connectNulls = true,
-  fillOpacity = 0.4,
-  splitColors = ["#ee6a5d", "#5fce7d"],
-  splitOffset,
-  referenceLineProps,
-  syncId,
-  styles,
-  ...rest
-}) => {
-  var _a;
-  const uuid = useId();
-  const { theme } = useTheme();
-  const [highlightedArea, setHighlightedArea] = useState(null);
-  const splitId = `${uuid}-split`;
-  const stacked = type === "stacked" || type === "percent";
-  const withGradient = typeof withGradientProp === "boolean" ? withGradientProp : type === "default";
-  const shouldHighlight = highlightedArea !== null;
-  const {
-    dot = {},
-    activeDot = {},
-    dimDot,
-    dimArea,
-    ...computedAreaProps
-  } = (_a = rest.areaProps) != null ? _a : {};
-  const areaColors = useMemo(
-    () => series.map(({ color }, index) => ({
-      __prefix: "ui",
-      name: `area-${index}`,
-      token: "colors",
-      value: color != null ? color : "transparent"
-    })),
-    [series]
-  );
-  const areaSplitColors = useMemo(
-    () => splitColors.map((color, index) => ({
-      __prefix: "ui",
-      name: `area-split-${index}`,
-      token: "colors",
-      value: color != null ? color : "transparent"
-    })),
-    [splitColors]
-  );
-  const referenceLineColors = useMemo(
-    () => referenceLineProps ? referenceLineProps.map(({ color }, index) => ({
-      __prefix: "ui",
-      name: `reference-line-${index}`,
-      token: "colors",
-      value: color != null ? color : "transparent"
-    })) : [],
-    [referenceLineProps]
-  );
-  const areaVars = useMemo(() => {
-    return [
-      ...areaColors,
-      ...areaSplitColors,
-      ...referenceLineColors,
-      { __prefix: "ui", name: "fill-opacity", value: fillOpacity }
-    ];
-  }, [areaColors, areaSplitColors, referenceLineColors, fillOpacity]);
-  const [chartProps, areaChartClassName] = useMemo(
-    () => {
-      var _a2;
-      return getComponentProps(
-        [(_a2 = rest.chartProps) != null ? _a2 : {}, areaChartProperties],
-        styles.chart
-      )(theme);
-    },
-    [rest.chartProps, styles.chart, theme]
-  );
-  const [areaProps, areaClassName] = useMemo(() => {
-    const resolvedAreaProps = {
-      fillOpacity: 1,
-      strokeOpacity: 1,
-      ...computedAreaProps
-    };
-    return getComponentProps(
-      [resolvedAreaProps, areaProperties],
-      styles.area
-    )(theme);
-  }, [computedAreaProps, styles.area, theme]);
-  const [dimAreaProps, dimAreaClassName] = useMemo(() => {
-    const resolvedDimArea = {
-      fillOpacity: 0,
-      strokeOpacity: 0.3,
-      ...dimArea
-    };
-    return getComponentProps([resolvedDimArea, areaProperties])(
-      theme
-    );
-  }, [dimArea, theme]);
-  const [dotProps, dotClassName] = useMemo(() => {
-    const resolvedDot = { fillOpacity: 1, strokeWidth: 2, ...dot };
-    return getComponentProps(
-      [resolvedDot, dotProperties],
-      styles.dot
-    )(theme);
-  }, [dot, styles.dot, theme]);
-  const [activeDotProps, activeDotClassName] = useMemo(
-    () => getComponentProps(
-      [activeDot, dotProperties],
-      styles.activeDot
-    )(theme),
-    [activeDot, styles.activeDot, theme]
-  );
-  const [dimDotProps, dimDotClassName] = useMemo(() => {
-    const resolvedDimDot = { fillOpacity: 0, strokeOpacity: 0, ...dimDot };
-    return getComponentProps([resolvedDimDot, dotProperties])(
-      theme
-    );
-  }, [dimDot, theme]);
-  const defaultSplitOffset = useMemo(() => {
-    if (series.length === 1) {
-      const dataKey = series[0].dataKey;
-      const dataMax = Math.max(...data.map((item) => item[dataKey]));
-      const dataMin = Math.min(...data.map((item) => item[dataKey]));
-      if (dataMax <= 0)
-        return 0;
-      if (dataMin >= 0)
-        return 1;
-      return dataMax / (dataMax - dataMin);
-    }
-    return 0.5;
-  }, [data, series]);
-  const areaPropsList = useMemo(
-    () => series.map((props, index) => {
-      const {
-        dataKey,
-        dot: dot2 = {},
-        activeDot: activeDot2 = {},
-        dimDot: dimDot2 = {},
-        dimArea: dimArea2 = {},
-        strokeDasharray,
-        ...computedProps
-      } = props;
-      const id = `${uuid}-${dataKey}`;
-      const color = `var(--ui-area-${index})`;
-      const dimmed = shouldHighlight && highlightedArea !== dataKey;
-      const computedDimArea = { ...dimAreaProps, ...dimArea2 };
-      const resolvedProps = {
-        ...areaProps,
-        ...computedProps,
-        ...dimmed ? computedDimArea : {}
-      };
-      const rest2 = getComponentProps(
-        [resolvedProps, areaProperties],
-        areaClassName,
-        dimmed ? dimAreaClassName : void 0
-      )(theme, true);
-      let resolvedActiveDot;
-      if (withActiveDots) {
-        const computedActiveDot = { ...activeDotProps, ...activeDot2 };
-        const [rest3, className] = getComponentProps(
-          [computedActiveDot, dotProperties],
-          activeDotClassName
-        )(theme);
-        resolvedActiveDot = {
-          className: cx("ui-area-chart__active-dot", className),
-          stroke: color,
-          r: 4,
-          ...rest3
-        };
-      } else {
-        resolvedActiveDot = false;
-      }
-      let resolvedDot;
-      if (withDots) {
-        const computedDimDot = { ...dimDotProps, ...dimDot2 };
-        const computedDot = {
-          ...dotProps,
-          ...dot2,
-          ...dimmed ? computedDimDot : {}
-        };
-        const [rest3, className] = getComponentProps(
-          [computedDot, dotProperties],
-          dotClassName,
-          dimmed ? dimDotClassName : void 0
-        )(theme);
-        resolvedDot = {
-          className: cx("ui-area-chart__dot", className),
-          fill: color,
-          r: 4,
-          ...rest3
-        };
-      } else {
-        resolvedDot = false;
-      }
-      return {
-        ...rest2,
-        id,
-        color,
-        strokeDasharray,
-        dataKey,
-        activeDot: resolvedActiveDot,
-        dot: resolvedDot
-      };
-    }),
-    [
-      series,
-      uuid,
-      shouldHighlight,
-      highlightedArea,
-      dimAreaProps,
-      dimDotProps,
-      areaProps,
-      areaClassName,
-      dimAreaClassName,
-      theme,
-      withActiveDots,
-      withDots,
-      activeDotProps,
-      activeDotClassName,
-      dotProps,
-      dotClassName,
-      dimDotClassName
-    ]
-  );
-  const getAreaChartProps = useCallback(
-    ({ className, ...props } = {}, ref = null) => ({
-      ref,
-      className: cx(className, areaChartClassName),
-      data,
-      stackOffset: type === "percent" ? "expand" : void 0,
-      layout: layoutType,
-      syncId,
-      ...props,
-      ...chartProps
-    }),
-    [areaChartClassName, data, type, layoutType, syncId, chartProps]
-  );
-  const getAreaSplitProps = useCallback(
-    (props = {}) => ({
-      id: splitId,
-      offset: splitOffset != null ? splitOffset : defaultSplitOffset,
-      fillOpacity: "var(--ui-fill-opacity)",
-      ...props
-    }),
-    [defaultSplitOffset, splitId, splitOffset]
-  );
-  const getAreaProps = useCallback(
-    ({ index, className: classNameProp, ...props }, ref = null) => {
-      const {
-        id,
-        color,
-        className,
-        dataKey,
-        strokeDasharray,
-        activeDot: activeDot2,
-        dot: dot2,
-        ...rest2
-      } = areaPropsList[index];
-      return {
-        ref,
-        className: cx(classNameProp, className),
-        id,
-        activeDot: activeDot2,
-        dot: dot2,
-        name: dataKey,
-        type: curveType,
-        dataKey,
-        fill: type === "split" ? `url(#${splitId})` : `url(#${id})`,
-        strokeWidth,
-        stroke: color,
-        isAnimationActive: false,
-        connectNulls,
-        stackId: stacked ? "stack" : void 0,
-        strokeDasharray,
-        ...props,
-        ...rest2
-      };
-    },
-    [
-      areaPropsList,
-      connectNulls,
-      curveType,
-      splitId,
-      stacked,
-      strokeWidth,
-      type
-    ]
-  );
-  const getAreaGradientProps = useCallback(
-    (props = {}) => ({
-      withGradient,
-      fillOpacity: "var(--ui-fill-opacity)",
-      ...props
-    }),
-    [withGradient]
-  );
-  return {
-    getAreaChartProps,
-    getAreaSplitProps,
-    getAreaProps,
-    getAreaGradientProps,
-    areaVars,
-    setHighlightedArea
-  };
-};
-
-export {
-  useAreaChart
-};
-//# sourceMappingURL=chunk-HDOYOHLA.mjs.map

package/dist/chunk-HDOYOHLA.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\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  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      fillOpacity: 1,\n      strokeOpacity: 1,\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    const resolvedDimArea = {\n      fillOpacity: 0,\n      strokeOpacity: 0.3,\n      ...dimArea,\n    }\n\n    return getComponentProps<Dict, string>([resolvedDimArea, areaProperties])(\n      theme,\n    )\n  }, [dimArea, theme])\n\n  const [dotProps, dotClassName] = useMemo(() => {\n    const resolvedDot = { fillOpacity: 1, strokeWidth: 2, ...dot }\n\n    return getComponentProps<Dict, string>(\n      [resolvedDot, dotProperties],\n      styles.dot,\n    )(theme)\n  }, [dot, styles.dot, theme])\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    const resolvedDimDot = { fillOpacity: 0, strokeOpacity: 0, ...dimDot }\n    return getComponentProps<Dict, string>([resolvedDimDot, dotProperties])(\n      theme,\n    )\n  }, [dimDot, theme])\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(\"ui-area-chart__active-dot\", className),\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      ...props,\n      ...chartProps,\n    }),\n    [areaChartClassName, data, type, layoutType, syncId, chartProps],\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-KNAADLWO.mjs

@@ -1,225 +0,0 @@
-"use client"
-import {
-  useBarChart
-} from "./chunk-STBYRLC5.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/bar-chart.tsx
-import {
-  ui,
-  forwardRef,
-  useMultiComponentStyle,
-  omitThemeProps
-} from "@yamada-ui/core";
-import { cx } from "@yamada-ui/utils";
-import { useMemo } from "react";
-import {
-  Legend,
-  BarChart as ReChartsBarChart,
-  Bar,
-  CartesianGrid,
-  Tooltip,
-  XAxis,
-  YAxis,
-  ResponsiveContainer,
-  ReferenceLine
-} from "recharts";
-import { jsx, jsxs } from "react/jsx-runtime";
-var BarChart = forwardRef((props, ref) => {
-  const [styles, mergedProps] = useMultiComponentStyle("BarChart", props);
-  const {
-    className,
-    series,
-    dataKey,
-    layoutType,
-    tickLine,
-    gridAxis,
-    withXAxis,
-    withYAxis,
-    barProps,
-    xAxisProps,
-    yAxisProps,
-    type = "default",
-    withTooltip = true,
-    withLegend = false,
-    containerProps,
-    unit,
-    valueFormatter,
-    tooltipProps,
-    tooltipAnimationDuration,
-    legendProps,
-    data,
-    referenceLineProps = [],
-    gridProps,
-    strokeDasharray,
-    fillOpacity,
-    chartProps,
-    syncId,
-    ...rest
-  } = omitThemeProps(mergedProps);
-  const { getBarChartProps, getBarProps, barVars, setHighlightedArea } = useBarChart({
-    data,
-    series,
-    type,
-    layoutType,
-    chartProps,
-    barProps,
-    referenceLineProps,
-    fillOpacity,
-    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 bars = useMemo(
-    () => series.map(({ dataKey: dataKey2 }, index) => {
-      return /* @__PURE__ */ jsx(
-        Bar,
-        {
-          ...getBarProps({ index, className: "ui-bar-chart__bar" })
-        },
-        `bar-${dataKey2}`
-      );
-    }),
-    [getBarProps, series]
-  );
-  const referenceLinesItems = useMemo(
-    () => referenceLineProps.map((_, index) => /* @__PURE__ */ jsx(
-      ReferenceLine,
-      {
-        ...getReferenceLineProps({
-          index,
-          className: "ui-bar-chart__reference-line"
-        })
-      },
-      `referenceLine-${index}`
-    )),
-    [getReferenceLineProps, referenceLineProps]
-  );
-  return /* @__PURE__ */ jsx(ChartProvider, { value: { styles }, children: /* @__PURE__ */ jsx(
-    ui.div,
-    {
-      ref,
-      className: cx("ui-bar-chart", className),
-      var: barVars,
-      __css: { maxW: "full", ...styles.container },
-      ...rest,
-      children: /* @__PURE__ */ jsx(
-        ResponsiveContainer,
-        {
-          ...getContainerProps({ className: "ui-bar-chart__container" }),
-          children: /* @__PURE__ */ jsxs(
-            ReChartsBarChart,
-            {
-              ...getBarChartProps({ className: "ui-bar-chart__chart" }),
-              children: [
-                /* @__PURE__ */ jsx(
-                  CartesianGrid,
-                  {
-                    ...getGridProps({ className: "ui-bar-chart__grid" })
-                  }
-                ),
-                /* @__PURE__ */ jsx(XAxis, { ...getXAxisProps({ className: "ui-bar-chart__x-axis" }) }),
-                /* @__PURE__ */ jsx(YAxis, { ...getYAxisProps({ className: "ui-bar-chart__y-axis" }) }),
-                withLegend ? /* @__PURE__ */ jsx(
-                  Legend,
-                  {
-                    content: ({ payload }) => /* @__PURE__ */ jsx(
-                      ChartLegend,
-                      {
-                        className: "ui-bar-chart__legend",
-                        payload,
-                        onHighlight: setHighlightedArea,
-                        ...computedLegendProps
-                      }
-                    ),
-                    ...getLegendProps()
-                  }
-                ) : null,
-                withTooltip ? /* @__PURE__ */ jsx(
-                  Tooltip,
-                  {
-                    content: ({ label, payload }) => /* @__PURE__ */ jsx(
-                      ChartTooltip,
-                      {
-                        className: "ui-bar-chart__tooltip",
-                        label,
-                        payload,
-                        valueFormatter,
-                        unit,
-                        ...computedTooltipProps
-                      }
-                    ),
-                    ...getTooltipProps()
-                  }
-                ) : null,
-                bars,
-                referenceLinesItems
-              ]
-            }
-          )
-        }
-      )
-    }
-  ) });
-});
-
-export {
-  BarChart
-};
-//# sourceMappingURL=chunk-KNAADLWO.mjs.map

package/dist/chunk-KNAADLWO.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  Bar,\n  CartesianGrid,\n  Tooltip,\n  XAxis,\n  YAxis,\n  ResponsiveContainer,\n  ReferenceLine,\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    type = \"default\",\n    withTooltip = true,\n    withLegend = false,\n    containerProps,\n    unit,\n    valueFormatter,\n    tooltipProps,\n    tooltipAnimationDuration,\n    legendProps,\n    data,\n    referenceLineProps = [],\n    gridProps,\n    strokeDasharray,\n    fillOpacity,\n    chartProps,\n    syncId,\n    ...rest\n  } = omitThemeProps(mergedProps)\n\n  const { getBarChartProps, getBarProps, barVars, setHighlightedArea } =\n    useBarChart({\n      data,\n      series,\n      type,\n      layoutType,\n      chartProps,\n      barProps,\n      referenceLineProps,\n      fillOpacity,\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 bars = useMemo(\n    () =>\n      series.map(({ dataKey }, index) => {\n        return (\n          <Bar\n            key={`bar-${dataKey}`}\n            {...getBarProps({ index, className: \"ui-bar-chart__bar\" })}\n          />\n        )\n      }),\n    [getBarProps, 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-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={{ maxW: \"full\", ...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            <XAxis {...getXAxisProps({ className: \"ui-bar-chart__x-axis\" })} />\n            <YAxis {...getYAxisProps({ className: \"ui-bar-chart__y-axis\" })} />\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                    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":["dataKey"]}