@yamada-ui/charts 1.0.0

package/dist/chunk-FGDWJUA3.mjs

@@ -0,0 +1,56 @@
+"use client"
+import {
+  referenceLineProperties
+} from "./chunk-5QCKM3B3.mjs";
+import {
+  getComponentProps
+} from "./chunk-QL3DB7OJ.mjs";
+
+// src/use-chart-reference-line.ts
+import { getCSS, useTheme } from "@yamada-ui/core";
+import { isObject, cx } from "@yamada-ui/utils";
+import { useCallback, useMemo } from "react";
+var useChartReferenceLine = ({
+  referenceLineProps = [],
+  styles
+}) => {
+  const { theme } = useTheme();
+  const styleClassName = getCSS(styles.referenceLine)(theme);
+  const propList = useMemo(
+    () => referenceLineProps.map((props, index) => {
+      const [{ label: labelProp, ...rest }, propClassName] = getComponentProps(
+        [props, referenceLineProperties],
+        styleClassName
+      )(theme);
+      const color = `var(--ui-reference-line-${index})`;
+      const label = {
+        value: labelProp,
+        fill: color,
+        position: "insideBottomLeft",
+        ...isObject(labelProp) ? labelProp : {}
+      };
+      return { propClassName, color, label, ...rest };
+    }),
+    [referenceLineProps, styleClassName, theme]
+  );
+  const getReferenceLineProps = useCallback(
+    ({ index, className, ...props }, ref = null) => {
+      const { propClassName, color, label, ...rest } = propList[index];
+      return {
+        ref,
+        className: cx(className, propClassName),
+        stroke: color,
+        label,
+        ...props,
+        ...rest
+      };
+    },
+    [propList]
+  );
+  return { getReferenceLineProps };
+};
+
+export {
+  useChartReferenceLine
+};
+//# sourceMappingURL=chunk-FGDWJUA3.mjs.map

package/dist/chunk-FGDWJUA3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-chart-reference-line.ts"],"sourcesContent":["import { getCSS, useTheme } from \"@yamada-ui/core\"\nimport type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { isObject, cx } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getComponentProps } from \"./chart-utils\"\nimport type { ReferenceLineProps, RequiredChartPropGetter } from \"./chart.types\"\nimport { referenceLineProperties } from \"./rechart-properties\"\n\nexport type UseChartReferenceLineOptions = {\n  /**\n   * Reference lines that should be displayed on the chart.\n   */\n  referenceLineProps?: ReferenceLineProps[]\n}\n\ntype UseChartReferenceLineProps = UseChartReferenceLineOptions & {\n  styles: Dict<CSSUIObject>\n}\n\nexport const useChartReferenceLine = ({\n  referenceLineProps = [],\n  styles,\n}: UseChartReferenceLineProps) => {\n  const { theme } = useTheme()\n  const styleClassName = getCSS(styles.referenceLine)(theme)\n  const propList = useMemo(\n    () =>\n      referenceLineProps.map((props, index) => {\n        const [{ label: labelProp, ...rest }, propClassName] =\n          getComponentProps(\n            [props, referenceLineProperties],\n            styleClassName,\n          )(theme)\n\n        const color = `var(--ui-reference-line-${index})`\n        const label: Recharts.ReferenceLineProps[\"label\"] = {\n          value: labelProp as string,\n          fill: color,\n          position: \"insideBottomLeft\",\n          ...(isObject(labelProp) ? labelProp : {}),\n        }\n\n        return { propClassName, color, label, ...rest }\n      }),\n    [referenceLineProps, styleClassName, theme],\n  )\n\n  const getReferenceLineProps: RequiredChartPropGetter<\n    \"div\",\n    {\n      index: number\n    },\n    Omit<Recharts.ReferenceLineProps, \"ref\">\n  > = useCallback(\n    ({ index, className, ...props }, ref = null) => {\n      const { propClassName, color, label, ...rest } = propList[index]\n\n      return {\n        ref,\n        className: cx(className, propClassName),\n        stroke: color,\n        label,\n        ...(props as Recharts.ReferenceLineProps),\n        ...rest,\n      }\n    },\n    [propList],\n  )\n\n  return { getReferenceLineProps }\n}\n"],"mappings":";;;;;;;;;AAAA,SAAS,QAAQ,gBAAgB;AAGjC,SAAS,UAAU,UAAU;AAC7B,SAAS,aAAa,eAAe;AAiB9B,IAAM,wBAAwB,CAAC;AAAA,EACpC,qBAAqB,CAAC;AAAA,EACtB;AACF,MAAkC;AAChC,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,iBAAiB,OAAO,OAAO,aAAa,EAAE,KAAK;AACzD,QAAM,WAAW;AAAA,IACf,MACE,mBAAmB,IAAI,CAAC,OAAO,UAAU;AACvC,YAAM,CAAC,EAAE,OAAO,WAAW,GAAG,KAAK,GAAG,aAAa,IACjD;AAAA,QACE,CAAC,OAAO,uBAAuB;AAAA,QAC/B;AAAA,MACF,EAAE,KAAK;AAET,YAAM,QAAQ,2BAA2B,KAAK;AAC9C,YAAM,QAA8C;AAAA,QAClD,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAI,SAAS,SAAS,IAAI,YAAY,CAAC;AAAA,MACzC;AAEA,aAAO,EAAE,eAAe,OAAO,OAAO,GAAG,KAAK;AAAA,IAChD,CAAC;AAAA,IACH,CAAC,oBAAoB,gBAAgB,KAAK;AAAA,EAC5C;AAEA,QAAM,wBAMF;AAAA,IACF,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,MAAM,SAAS;AAC9C,YAAM,EAAE,eAAe,OAAO,OAAO,GAAG,KAAK,IAAI,SAAS,KAAK;AAE/D,aAAO;AAAA,QACL;AAAA,QACA,WAAW,GAAG,WAAW,aAAa;AAAA,QACtC,QAAQ;AAAA,QACR;AAAA,QACA,GAAI;AAAA,QACJ,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SAAO,EAAE,sBAAsB;AACjC;","names":[]}

package/dist/chunk-GZLE5XDS.mjs

@@ -0,0 +1,227 @@
+"use client"
+import {
+  useBarChart
+} from "./chunk-TKLHZBVY.mjs";
+import {
+  useChartReferenceLine
+} from "./chunk-FGDWJUA3.mjs";
+import {
+  useChartLegend
+} from "./chunk-LXZCGIND.mjs";
+import {
+  useChartTooltip
+} from "./chunk-WF3BD34Y.mjs";
+import {
+  useChartAxis
+} from "./chunk-AURFFNDQ.mjs";
+import {
+  useChartGrid
+} from "./chunk-3CY3IFRN.mjs";
+import {
+  ChartLegend
+} from "./chunk-RTTZPOUT.mjs";
+import {
+  ChartTooltip
+} from "./chunk-32BO2QEP.mjs";
+import {
+  ChartProvider,
+  useChart
+} from "./chunk-RXWD2EJ2.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,
+    barChartProps,
+    ...rest
+  } = omitThemeProps(mergedProps);
+  const { getBarChartProps, getBarProps, barVars, setHighlightedArea } = useBarChart({
+    data,
+    series,
+    type,
+    layoutType,
+    barChartProps,
+    barProps,
+    referenceLineProps,
+    fillOpacity,
+    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,
+    tooltipVars
+  } = 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, ...tooltipVars],
+      __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-area-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-GZLE5XDS.mjs.map

package/dist/chunk-GZLE5XDS.mjs.map

@@ -0,0 +1 @@
+{"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\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    barChartProps,\n    ...rest\n  } = omitThemeProps(mergedProps)\n\n  const { getBarChartProps, getBarProps, barVars, setHighlightedArea } =\n    useBarChart({\n      data,\n      series,\n      type,\n      layoutType,\n      barChartProps,\n      barProps,\n      referenceLineProps,\n      fillOpacity,\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 {\n    tooltipProps: computedTooltipProps,\n    getTooltipProps,\n    tooltipVars,\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, ...tooltipVars]}\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-area-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"]}

package/dist/chunk-HE6SM47L.mjs

@@ -0,0 +1,234 @@
+"use client"
+import {
+  useLineChart
+} from "./chunk-RG5JQJXE.mjs";
+import {
+  useChartReferenceLine
+} from "./chunk-FGDWJUA3.mjs";
+import {
+  useChartLegend
+} from "./chunk-LXZCGIND.mjs";
+import {
+  useChartTooltip
+} from "./chunk-WF3BD34Y.mjs";
+import {
+  useChartAxis
+} from "./chunk-AURFFNDQ.mjs";
+import {
+  useChartGrid
+} from "./chunk-3CY3IFRN.mjs";
+import {
+  ChartLegend
+} from "./chunk-RTTZPOUT.mjs";
+import {
+  ChartTooltip
+} from "./chunk-32BO2QEP.mjs";
+import {
+  ChartProvider,
+  useChart
+} from "./chunk-RXWD2EJ2.mjs";
+
+// src/line-chart.tsx
+import {
+  ui,
+  forwardRef,
+  useMultiComponentStyle,
+  omitThemeProps
+} from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { useMemo } from "react";
+import {
+  LineChart as ReChartsLineChart,
+  Legend,
+  CartesianGrid,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis,
+  ReferenceLine,
+  Line
+} from "recharts";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LineChart = forwardRef((props, ref) => {
+  const [styles, mergedProps] = useMultiComponentStyle("LineChart", props);
+  const {
+    className,
+    containerProps,
+    gridProps,
+    gridAxis,
+    strokeDasharray,
+    dataKey,
+    type,
+    layoutType,
+    tickLine,
+    withXAxis,
+    withYAxis,
+    xAxisProps,
+    yAxisProps,
+    unit,
+    valueFormatter,
+    referenceLineProps,
+    tooltipProps,
+    tooltipAnimationDuration,
+    legendProps,
+    withLegend = false,
+    withTooltip = true,
+    series,
+    data,
+    lineChartProps,
+    lineProps,
+    withDots,
+    withActiveDots,
+    curveType,
+    strokeWidth,
+    connectNulls,
+    fillOpacity,
+    ...rest
+  } = omitThemeProps(mergedProps);
+  const { getLineProps, getLineChartProps, lineVars, setHighlightedArea } = useLineChart({
+    layoutType,
+    series,
+    referenceLineProps,
+    data,
+    lineChartProps,
+    lineProps,
+    withDots,
+    withActiveDots,
+    curveType,
+    strokeWidth,
+    connectNulls,
+    fillOpacity,
+    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,
+    tooltipVars
+  } = useChartTooltip({
+    tooltipProps,
+    tooltipAnimationDuration,
+    styles
+  });
+  const { legendProps: computedLegendProps, getLegendProps } = useChartLegend({
+    legendProps
+  });
+  const lines = useMemo(
+    () => series.map(({ dataKey: dataKey2 }, index) => /* @__PURE__ */ jsx(
+      Line,
+      {
+        ...getLineProps({ index, className: "ui-line-chart__line" })
+      },
+      `line-${dataKey2}`
+    )),
+    [getLineProps, series]
+  );
+  const referenceLinesItems = useMemo(
+    () => referenceLineProps == null ? void 0 : referenceLineProps.map((_, index) => /* @__PURE__ */ jsx(
+      ReferenceLine,
+      {
+        ...getReferenceLineProps({
+          index,
+          className: "ui-line-chart__reference-line"
+        })
+      },
+      `referenceLine-${index}`
+    )),
+    [getReferenceLineProps, referenceLineProps]
+  );
+  return /* @__PURE__ */ jsx(ChartProvider, { value: { styles }, children: /* @__PURE__ */ jsx(
+    ui.div,
+    {
+      ref,
+      className: cx("ui-line-chart", className),
+      var: [...lineVars, ...tooltipVars],
+      __css: { maxW: "full", ...styles.container },
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        ResponsiveContainer,
+        {
+          ...getContainerProps({ className: "ui-line-chart__container" }),
+          children: /* @__PURE__ */ jsxs(
+            ReChartsLineChart,
+            {
+              ...getLineChartProps({ className: "ui-line-chart__chart" }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  CartesianGrid,
+                  {
+                    ...getGridProps({ className: "ui-line-chart__grid" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(XAxis, { ...getXAxisProps({ className: "ui-line-chart__x-axis" }) }),
+                /* @__PURE__ */ jsx(YAxis, { ...getYAxisProps({ className: "ui-line-chart__y-axis" }) }),
+                withLegend ? /* @__PURE__ */ jsx(
+                  Legend,
+                  {
+                    content: ({ payload }) => /* @__PURE__ */ jsx(
+                      ChartLegend,
+                      {
+                        className: "ui-line-chart__legend",
+                        payload,
+                        onHighlight: setHighlightedArea,
+                        ...computedLegendProps
+                      }
+                    ),
+                    ...getLegendProps()
+                  }
+                ) : null,
+                withTooltip ? /* @__PURE__ */ jsx(
+                  Tooltip,
+                  {
+                    content: ({ label, payload }) => /* @__PURE__ */ jsx(
+                      ChartTooltip,
+                      {
+                        className: "ui-line-chart__tooltip",
+                        label,
+                        payload,
+                        valueFormatter,
+                        unit,
+                        ...computedTooltipProps
+                      }
+                    ),
+                    ...getTooltipProps()
+                  }
+                ) : null,
+                lines,
+                referenceLinesItems
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) });
+});
+
+export {
+  LineChart
+};
+//# sourceMappingURL=chunk-HE6SM47L.mjs.map

package/dist/chunk-HE6SM47L.mjs.map

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

package/dist/chunk-LXZCGIND.mjs

@@ -0,0 +1,33 @@
+"use client"
+import {
+  legendProperties
+} from "./chunk-5QCKM3B3.mjs";
+
+// src/use-chart-legend.ts
+import { splitObject } from "@yamada-ui/utils";
+import { useCallback } from "react";
+var useChartLegend = ({
+  legendProps: _legendProps = {}
+}) => {
+  const [rest, legendProps] = splitObject(
+    _legendProps,
+    legendProperties
+  );
+  const getLegendProps = useCallback(
+    (props, ref = null) => {
+      return {
+        ref,
+        verticalAlign: "top",
+        ...props,
+        ...rest
+      };
+    },
+    [rest]
+  );
+  return { legendProps, getLegendProps };
+};
+
+export {
+  useChartLegend
+};
+//# sourceMappingURL=chunk-LXZCGIND.mjs.map

package/dist/chunk-LXZCGIND.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-chart-legend.ts"],"sourcesContent":["import type { Dict } from \"@yamada-ui/utils\"\nimport { splitObject } from \"@yamada-ui/utils\"\nimport { useCallback } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport type { ChartPropGetter, LegendProps } from \"./chart.types\"\nimport { legendProperties } from \"./rechart-properties\"\n\nexport type UseChartLegendProps = {\n  /**\n   * Props passed down to recharts 'Legend' component.\n   */\n  legendProps?: LegendProps\n}\n\nexport const useChartLegend = ({\n  legendProps: _legendProps = {},\n}: UseChartLegendProps) => {\n  const [rest, legendProps] = splitObject<Dict, string>(\n    _legendProps,\n    legendProperties,\n  )\n\n  const getLegendProps: ChartPropGetter<\n    \"div\",\n    Partial<Recharts.LegendProps>,\n    Omit<Recharts.LegendProps, \"ref\">\n  > = useCallback(\n    (props, ref = null) => {\n      return {\n        ref,\n        verticalAlign: \"top\",\n        ...props,\n        ...rest,\n      }\n    },\n    [rest],\n  )\n\n  return { legendProps, getLegendProps }\n}\n"],"mappings":";;;;;;AACA,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAYrB,IAAM,iBAAiB,CAAC;AAAA,EAC7B,aAAa,eAAe,CAAC;AAC/B,MAA2B;AACzB,QAAM,CAAC,MAAM,WAAW,IAAI;AAAA,IAC1B;AAAA,IACA;AAAA,EACF;AAEA,QAAM,iBAIF;AAAA,IACF,CAAC,OAAO,MAAM,SAAS;AACrB,aAAO;AAAA,QACL;AAAA,QACA,eAAe;AAAA,QACf,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO,EAAE,aAAa,eAAe;AACvC;","names":[]}

package/dist/chunk-MSIOYYWR.mjs

@@ -0,0 +1,24 @@
+"use client"
+
+// src/area-chart-gradient.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var AreaGradient = ({
+  color,
+  id,
+  withGradient,
+  fillOpacity
+}) => {
+  if (withGradient) {
+    return /* @__PURE__ */ jsxs("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: fillOpacity }),
+      /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.01 })
+    ] });
+  } else {
+    return /* @__PURE__ */ jsx("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: /* @__PURE__ */ jsx("stop", { stopColor: color, stopOpacity: fillOpacity }) });
+  }
+};
+
+export {
+  AreaGradient
+};
+//# sourceMappingURL=chunk-MSIOYYWR.mjs.map

package/dist/chunk-MSIOYYWR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/area-chart-gradient.tsx"],"sourcesContent":["export type AreaGradientProps = {\n  id?: string\n  color?: string\n  withGradient?: boolean\n  fillOpacity: number | string\n}\n\nexport const AreaGradient = ({\n  color,\n  id,\n  withGradient,\n  fillOpacity,\n}: AreaGradientProps) => {\n  if (withGradient) {\n    return (\n      <linearGradient id={id} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n        <stop offset=\"0%\" stopColor={color} stopOpacity={fillOpacity} />\n        <stop offset=\"100%\" stopColor={color} stopOpacity={0.01} />\n      </linearGradient>\n    )\n  } else {\n    return (\n      <linearGradient id={id} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n        <stop stopColor={color} stopOpacity={fillOpacity} />\n      </linearGradient>\n    )\n  }\n}\n"],"mappings":";;;AAeM,SACE,KADF;AARC,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,MAAI,cAAc;AAChB,WACE,qBAAC,oBAAe,IAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC9C;AAAA,0BAAC,UAAK,QAAO,MAAK,WAAW,OAAO,aAAa,aAAa;AAAA,MAC9D,oBAAC,UAAK,QAAO,QAAO,WAAW,OAAO,aAAa,MAAM;AAAA,OAC3D;AAAA,EAEJ,OAAO;AACL,WACE,oBAAC,oBAAe,IAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC9C,8BAAC,UAAK,WAAW,OAAO,aAAa,aAAa,GACpD;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-PNE3JG54.mjs

@@ -0,0 +1,29 @@
+"use client"
+
+// src/area-chart-split.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var AreaSplit = ({ offset, id, fillOpacity }) => {
+  return /* @__PURE__ */ jsxs("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    /* @__PURE__ */ jsx(
+      "stop",
+      {
+        offset,
+        stopColor: "var(--ui-area-split-0)",
+        stopOpacity: fillOpacity != null ? fillOpacity : 0.4
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "stop",
+      {
+        offset,
+        stopColor: "var(--ui-area-split-1)",
+        stopOpacity: fillOpacity != null ? fillOpacity : 0.4
+      }
+    )
+  ] });
+};
+
+export {
+  AreaSplit
+};
+//# sourceMappingURL=chunk-PNE3JG54.mjs.map

package/dist/chunk-PNE3JG54.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/area-chart-split.tsx"],"sourcesContent":["export type AreaSplitProps = {\n  offset: number\n  id?: string\n  fillOpacity: number | string | undefined\n}\n\nexport const AreaSplit = ({ offset, id, fillOpacity }: AreaSplitProps) => {\n  return (\n    <linearGradient id={id} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n      <stop\n        offset={offset}\n        stopColor=\"var(--ui-area-split-0)\"\n        stopOpacity={fillOpacity ?? 0.4}\n      />\n      <stop\n        offset={offset}\n        stopColor=\"var(--ui-area-split-1)\"\n        stopOpacity={fillOpacity ?? 0.4}\n      />\n    </linearGradient>\n  )\n}\n"],"mappings":";;;AAQI,SACE,KADF;AAFG,IAAM,YAAY,CAAC,EAAE,QAAQ,IAAI,YAAY,MAAsB;AACxE,SACE,qBAAC,oBAAe,IAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC9C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACV,aAAa,oCAAe;AAAA;AAAA,IAC9B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACV,aAAa,oCAAe;AAAA;AAAA,IAC9B;AAAA,KACF;AAEJ;","names":[]}