@yamada-ui/charts 1.0.0

package/dist/use-chart-legend.mjs

@@ -0,0 +1,9 @@
+"use client"
+import {
+  useChartLegend
+} from "./chunk-LXZCGIND.mjs";
+import "./chunk-5QCKM3B3.mjs";
+export {
+  useChartLegend
+};
+//# sourceMappingURL=use-chart-legend.mjs.map

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

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

package/dist/use-chart-reference-line.d.mts

@@ -0,0 +1,22 @@
+import { CSSUIObject } from '@yamada-ui/core';
+import { Dict } from '@yamada-ui/utils';
+import * as Recharts from 'recharts';
+import { ReferenceLineProps, RequiredChartPropGetter } from './chart.types.mjs';
+import 'react';
+
+type UseChartReferenceLineOptions = {
+    /**
+     * Reference lines that should be displayed on the chart.
+     */
+    referenceLineProps?: ReferenceLineProps[];
+};
+type UseChartReferenceLineProps = UseChartReferenceLineOptions & {
+    styles: Dict<CSSUIObject>;
+};
+declare const useChartReferenceLine: ({ referenceLineProps, styles, }: UseChartReferenceLineProps) => {
+    getReferenceLineProps: RequiredChartPropGetter<"div", {
+        index: number;
+    }, Omit<Recharts.ReferenceLineProps, "ref">>;
+};
+
+export { type UseChartReferenceLineOptions, useChartReferenceLine };

package/dist/use-chart-reference-line.d.ts

@@ -0,0 +1,22 @@
+import { CSSUIObject } from '@yamada-ui/core';
+import { Dict } from '@yamada-ui/utils';
+import * as Recharts from 'recharts';
+import { ReferenceLineProps, RequiredChartPropGetter } from './chart.types.js';
+import 'react';
+
+type UseChartReferenceLineOptions = {
+    /**
+     * Reference lines that should be displayed on the chart.
+     */
+    referenceLineProps?: ReferenceLineProps[];
+};
+type UseChartReferenceLineProps = UseChartReferenceLineOptions & {
+    styles: Dict<CSSUIObject>;
+};
+declare const useChartReferenceLine: ({ referenceLineProps, styles, }: UseChartReferenceLineProps) => {
+    getReferenceLineProps: RequiredChartPropGetter<"div", {
+        index: number;
+    }, Omit<Recharts.ReferenceLineProps, "ref">>;
+};
+
+export { type UseChartReferenceLineOptions, useChartReferenceLine };

package/dist/use-chart-reference-line.js

@@ -0,0 +1,105 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/use-chart-reference-line.ts
+var use_chart_reference_line_exports = {};
+__export(use_chart_reference_line_exports, {
+  useChartReferenceLine: () => useChartReferenceLine
+});
+module.exports = __toCommonJS(use_chart_reference_line_exports);
+var import_core2 = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+var import_react = require("react");
+
+// src/chart-utils.ts
+var import_core = require("@yamada-ui/core");
+var import_utils = require("@yamada-ui/utils");
+var getClassName = (...styles) => (theme) => (0, import_utils.cx)(
+  ...styles.map(
+    (style) => (0, import_utils.isString)(style) ? style : (0, import_core.getCSS)(style)(theme)
+  )
+);
+var getComponentProps = ([obj, keys], ...props) => (theme, isContain) => {
+  const [pickedProps, omittedProps] = (0, import_utils.splitObject)(obj, keys);
+  const className = getClassName(...props, omittedProps)(theme);
+  return !isContain ? [pickedProps, className] : { ...pickedProps, className };
+};
+
+// src/rechart-properties.ts
+var referenceLineProperties = [
+  "xAxisId",
+  "yAxisId",
+  "x",
+  "y",
+  "ifOverflow",
+  "viewBox",
+  "xAxis",
+  "yAxis",
+  "label",
+  "isFront",
+  "strokeWidth",
+  "segment"
+];
+
+// src/use-chart-reference-line.ts
+var useChartReferenceLine = ({
+  referenceLineProps = [],
+  styles
+}) => {
+  const { theme } = (0, import_core2.useTheme)();
+  const styleClassName = (0, import_core2.getCSS)(styles.referenceLine)(theme);
+  const propList = (0, import_react.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",
+        ...(0, import_utils2.isObject)(labelProp) ? labelProp : {}
+      };
+      return { propClassName, color, label, ...rest };
+    }),
+    [referenceLineProps, styleClassName, theme]
+  );
+  const getReferenceLineProps = (0, import_react.useCallback)(
+    ({ index, className, ...props }, ref = null) => {
+      const { propClassName, color, label, ...rest } = propList[index];
+      return {
+        ref,
+        className: (0, import_utils2.cx)(className, propClassName),
+        stroke: color,
+        label,
+        ...props,
+        ...rest
+      };
+    },
+    [propList]
+  );
+  return { getReferenceLineProps };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useChartReferenceLine
+});
+//# sourceMappingURL=use-chart-reference-line.js.map

package/dist/use-chart-reference-line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-chart-reference-line.ts","../src/chart-utils.ts","../src/rechart-properties.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","import type { StyledTheme } from \"@yamada-ui/core\"\nimport { getCSS } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { cx, isString, splitObject } from \"@yamada-ui/utils\"\n\nexport const getClassName =\n  (...styles: (Dict | string | undefined)[]) =>\n  (theme: StyledTheme) =>\n    cx(\n      ...styles.map((style) =>\n        isString(style) ? style : getCSS(style)(theme),\n      ),\n    )\n\nexport const getComponentProps =\n  <T extends Dict, K extends keyof T>(\n    [obj, keys]: [T, K[]],\n    ...props: (Dict | string | undefined)[]\n  ) =>\n  <P extends boolean = false>(theme: StyledTheme, isContain?: P) => {\n    const [pickedProps, omittedProps] = splitObject<T, K>(obj, keys)\n    const className = getClassName(...props, omittedProps)(theme)\n\n    return (\n      !isContain ? [pickedProps, className] : { ...pickedProps, className }\n    ) as P extends false\n      ? [{ [P in K]: T[P] }, string]\n      : { [P in K]: T[P] } & { className: string }\n  }\n","import type { ComponentPropsWithoutRef } from \"react\"\nimport type * as Recharts from \"recharts\"\n\nexport const areaChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.AreaChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"stackOffset\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const barChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.BarChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"barSize\",\n  \"maxBarSize\",\n  \"stackOffset\",\n  \"reverseStackOrder\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const lineChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.LineChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const radarChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"margin\",\n  \"onMouseEnter\",\n  \"onClick\",\n]\n\nexport const referenceLineProperties: (keyof Recharts.ReferenceLineProps)[] = [\n  \"xAxisId\",\n  \"yAxisId\",\n  \"x\",\n  \"y\",\n  \"ifOverflow\",\n  \"viewBox\",\n  \"xAxis\",\n  \"yAxis\",\n  \"label\",\n  \"isFront\",\n  \"strokeWidth\",\n  \"segment\",\n]\n\nexport const containerProperties: (keyof Omit<\n  Recharts.ResponsiveContainerProps,\n  \"children\"\n>)[] = [\n  \"aspect\",\n  \"width\",\n  \"height\",\n  \"minWidth\",\n  \"minHeight\",\n  \"debounce\",\n  \"onResize\",\n]\n\nexport const gridProperties: (keyof Recharts.CartesianGridProps)[] = [\n  \"x\",\n  \"y\",\n  \"width\",\n  \"height\",\n  \"horizontal\",\n  \"vertical\",\n  \"horizontalPoints\",\n  \"horizontalCoordinatesGenerator\",\n  \"verticalPoints\",\n  \"verticalCoordinatesGenerator\",\n  \"fill\",\n  \"fillOpacity\",\n  \"strokeDasharray\",\n]\n\nexport const xAxisProperties: (keyof Recharts.XAxisProps)[] = [\n  \"hide\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"width\",\n  \"height\",\n  \"orientation\",\n  \"type\",\n  \"allowDecimals\",\n  \"allowDataOverflow\",\n  \"allowDuplicatedCategory\",\n  \"angle\",\n  \"tickCount\",\n  \"domain\",\n  \"includeHidden\",\n  \"interval\",\n  \"padding\",\n  \"minTickGap\",\n  \"axisLine\",\n  \"tickLine\",\n  \"tickSize\",\n  \"tickFormatter\",\n  \"ticks\",\n  \"tick\",\n  \"mirror\",\n  \"reversed\",\n  \"label\",\n  \"scale\",\n  \"unit\",\n  \"name\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"tickMargin\",\n]\n\nexport const yAxisProperties: (keyof Recharts.YAxisProps)[] = [\n  \"hide\",\n  \"dataKey\",\n  \"yAxisId\",\n  \"width\",\n  \"height\",\n  \"orientation\",\n  \"type\",\n  \"tickCount\",\n  \"domain\",\n  \"includeHidden\",\n  \"interval\",\n  \"padding\",\n  \"minTickGap\",\n  \"allowDecimals\",\n  \"allowDataOverflow\",\n  \"allowDuplicatedCategory\",\n  \"axisLine\",\n  \"tickLine\",\n  \"tickSize\",\n  \"tickFormatter\",\n  \"ticks\",\n  \"tick\",\n  \"mirror\",\n  \"reversed\",\n  \"label\",\n  \"scale\",\n  \"unit\",\n  \"name\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"tickMargin\",\n]\n\nexport const legendProperties: (keyof Omit<Recharts.LegendProps, \"ref\">)[] = [\n  \"width\",\n  \"height\",\n  \"layout\",\n  \"align\",\n  \"verticalAlign\",\n  \"iconSize\",\n  \"iconType\",\n  \"payload\",\n  \"chartWidth\",\n  \"chartHeight\",\n  \"margin\",\n  \"content\",\n  \"formatter\",\n  \"wrapperStyle\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const tooltipProperties: (keyof Recharts.TooltipProps<any, any>)[] = [\n  \"offset\",\n  \"filterNull\",\n  \"itemStyle\",\n  \"wrapperStyle\",\n  \"contentStyle\",\n  \"labelStyle\",\n  \"cursor\",\n  \"viewBox\",\n  \"allowEscapeViewBox\",\n  \"active\",\n  \"position\",\n  \"coordinate\",\n  \"payload\",\n  \"label\",\n  \"content\",\n  \"formatter\",\n  \"labelFormatter\",\n  \"itemSorter\",\n  \"isAnimationActive\",\n  \"animationDuration\",\n  \"animationEasing\",\n]\n\nexport const areaProperties: (keyof Omit<Recharts.AreaProps, \"ref\">)[] = [\n  \"type\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"dot\",\n  \"activeDot\",\n  \"label\",\n  \"stroke\",\n  \"strokeWidth\",\n  \"layout\",\n  \"baseLine\",\n  \"points\",\n  \"stackId\",\n  \"connectNulls\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const barProperties: (keyof Omit<Recharts.BarProps, \"ref\">)[] = [\n  \"layout\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"label\",\n  \"data\",\n  \"barSize\",\n  \"maxBarSize\",\n  \"minPointSize\",\n  \"background\",\n  \"shape\",\n  \"activeBar\",\n  \"stackId\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"radius\",\n]\n\nexport const radarProperties: (keyof Omit<Recharts.RadarProps, \"ref\">)[] = [\n  \"dataKey\",\n  \"points\",\n  \"shape\",\n  \"dot\",\n  \"activeDot\",\n  \"legendType\",\n  \"label\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n]\n\nexport const lineProperties: (keyof Omit<Recharts.LineProps, \"ref\">)[] = [\n  \"type\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"dot\",\n  \"activeDot\",\n  \"label\",\n  \"hide\",\n  \"points\",\n  \"stroke\",\n  \"strokeWidth\",\n  \"layout\",\n  \"connectNulls\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"strokeDasharray\",\n]\n\nexport const dotProperties: (keyof Omit<Recharts.DotProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"r\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const polarGridProperties: (keyof Recharts.PolarGridProps)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"polarAngles\",\n  \"polarRadius\",\n  \"gridType\",\n]\n\nexport const polarAngleAxisProperties: (keyof Recharts.PolarAngleAxisProps)[] =\n  [\n    \"dataKey\",\n    \"cx\",\n    \"cy\",\n    \"radius\",\n    \"axisLine\",\n    \"axisLineType\",\n    \"tickLine\",\n    \"tickSize\",\n    \"tick\",\n    \"ticks\",\n    \"orient\",\n    \"tickFormatter\",\n    \"type\",\n    \"allowDuplicatedCategory\",\n    \"onClick\",\n    \"onMouseDown\",\n    \"onMouseUp\",\n    \"onMouseMove\",\n    \"onMouseOver\",\n    \"onMouseOut\",\n    \"onMouseEnter\",\n    \"onMouseLeave\",\n  ]\nexport const polarRadiusAxisProperties: (keyof Recharts.PolarRadiusAxisProps)[] =\n  [\n    \"angle\",\n    \"type\",\n    \"allowDuplicatedCategory\",\n    \"cx\",\n    \"cy\",\n    \"domain\",\n    \"reversed\",\n    \"label\",\n    \"orientation\",\n    \"axisLine\",\n    \"tick\",\n    \"tickSize\",\n    \"tickFormatter\",\n    \"tickCount\",\n    \"scale\",\n    \"onClick\",\n    \"onMouseDown\",\n    \"onMouseUp\",\n    \"onMouseMove\",\n    \"onMouseOver\",\n    \"onMouseOut\",\n    \"onMouseEnter\",\n    \"onMouseLeave\",\n  ]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,eAAiC;AAGjC,IAAAC,gBAA6B;AAC7B,mBAAqC;;;ACHrC,kBAAuB;AAEvB,mBAA0C;AAEnC,IAAM,eACX,IAAI,WACJ,CAAC,cACC;AAAA,EACE,GAAG,OAAO;AAAA,IAAI,CAAC,cACb,uBAAS,KAAK,IAAI,YAAQ,oBAAO,KAAK,EAAE,KAAK;AAAA,EAC/C;AACF;AAEG,IAAM,oBACX,CACE,CAAC,KAAK,IAAI,MACP,UAEL,CAA4B,OAAoB,cAAkB;AAChE,QAAM,CAAC,aAAa,YAAY,QAAI,0BAAkB,KAAK,IAAI;AAC/D,QAAM,YAAY,aAAa,GAAG,OAAO,YAAY,EAAE,KAAK;AAE5D,SACE,CAAC,YAAY,CAAC,aAAa,SAAS,IAAI,EAAE,GAAG,aAAa,UAAU;AAIxE;;;AC+CK,IAAM,0BAAiE;AAAA,EAC5E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;AFnEO,IAAM,wBAAwB,CAAC;AAAA,EACpC,qBAAqB,CAAC;AAAA,EACtB;AACF,MAAkC;AAChC,QAAM,EAAE,MAAM,QAAI,uBAAS;AAC3B,QAAM,qBAAiB,qBAAO,OAAO,aAAa,EAAE,KAAK;AACzD,QAAM,eAAW;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,OAAI,wBAAS,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,4BAMF;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,eAAW,kBAAG,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":["import_core","import_utils"]}

package/dist/use-chart-reference-line.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  useChartReferenceLine
+} from "./chunk-FGDWJUA3.mjs";
+import "./chunk-5QCKM3B3.mjs";
+import "./chunk-QL3DB7OJ.mjs";
+export {
+  useChartReferenceLine
+};
+//# sourceMappingURL=use-chart-reference-line.mjs.map

package/dist/use-chart-reference-line.mjs.map

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

package/dist/use-chart-tooltip.d.mts

@@ -0,0 +1,35 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { CSSUIObject } from '@yamada-ui/core';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
+import * as Recharts from 'recharts';
+import { TooltipProps, ChartPropGetter } from './chart.types.mjs';
+import 'react';
+
+type UseChartTooltipOptions = {
+    /**
+     * Props passed down to recharts 'Tooltip' component.
+     */
+    tooltipProps?: TooltipProps;
+    /**
+     * Specifies the duration of animation, the unit of this option is ms.
+     *
+     * @default 0
+     */
+    tooltipAnimationDuration?: number;
+};
+type UseChartTooltipProps = UseChartTooltipOptions & {
+    styles: Dict<CSSUIObject>;
+};
+declare const useChartTooltip: ({ tooltipProps: _tooltipProps, tooltipAnimationDuration, styles, }: UseChartTooltipProps) => {
+    tooltipProps: Omit<Dict, string>;
+    getTooltipProps: ChartPropGetter<"div", Partial<Recharts.TooltipProps<any, any>>, Omit<Recharts.TooltipProps<any, any>, "ref">>;
+    tooltipVars: {
+        __prefix?: string | undefined;
+        name: string;
+        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
+        value?: (number | _yamada_ui_utils.StringLiteral | _yamada_ui_core.ResponsiveObject<number | _yamada_ui_utils.StringLiteral> | _yamada_ui_core.ColorModeArray<number | _yamada_ui_utils.StringLiteral>) | undefined;
+    }[];
+};
+
+export { type UseChartTooltipOptions, useChartTooltip };

package/dist/use-chart-tooltip.d.ts

@@ -0,0 +1,35 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { CSSUIObject } from '@yamada-ui/core';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
+import * as Recharts from 'recharts';
+import { TooltipProps, ChartPropGetter } from './chart.types.js';
+import 'react';
+
+type UseChartTooltipOptions = {
+    /**
+     * Props passed down to recharts 'Tooltip' component.
+     */
+    tooltipProps?: TooltipProps;
+    /**
+     * Specifies the duration of animation, the unit of this option is ms.
+     *
+     * @default 0
+     */
+    tooltipAnimationDuration?: number;
+};
+type UseChartTooltipProps = UseChartTooltipOptions & {
+    styles: Dict<CSSUIObject>;
+};
+declare const useChartTooltip: ({ tooltipProps: _tooltipProps, tooltipAnimationDuration, styles, }: UseChartTooltipProps) => {
+    tooltipProps: Omit<Dict, string>;
+    getTooltipProps: ChartPropGetter<"div", Partial<Recharts.TooltipProps<any, any>>, Omit<Recharts.TooltipProps<any, any>, "ref">>;
+    tooltipVars: {
+        __prefix?: string | undefined;
+        name: string;
+        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
+        value?: (number | _yamada_ui_utils.StringLiteral | _yamada_ui_core.ResponsiveObject<number | _yamada_ui_utils.StringLiteral> | _yamada_ui_core.ColorModeArray<number | _yamada_ui_utils.StringLiteral>) | undefined;
+    }[];
+};
+
+export { type UseChartTooltipOptions, useChartTooltip };

package/dist/use-chart-tooltip.js

@@ -0,0 +1,121 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/use-chart-tooltip.ts
+var use_chart_tooltip_exports = {};
+__export(use_chart_tooltip_exports, {
+  useChartTooltip: () => useChartTooltip
+});
+module.exports = __toCommonJS(use_chart_tooltip_exports);
+var import_utils = require("@yamada-ui/utils");
+var import_react = require("react");
+
+// src/rechart-properties.ts
+var tooltipProperties = [
+  "offset",
+  "filterNull",
+  "itemStyle",
+  "wrapperStyle",
+  "contentStyle",
+  "labelStyle",
+  "cursor",
+  "viewBox",
+  "allowEscapeViewBox",
+  "active",
+  "position",
+  "coordinate",
+  "payload",
+  "label",
+  "content",
+  "formatter",
+  "labelFormatter",
+  "itemSorter",
+  "isAnimationActive",
+  "animationDuration",
+  "animationEasing"
+];
+
+// src/use-chart-tooltip.ts
+var useChartTooltip = ({
+  tooltipProps: _tooltipProps = {},
+  tooltipAnimationDuration = 0,
+  styles
+}) => {
+  const { cursor, ...rest } = _tooltipProps;
+  const resolvedCursor = (0, import_react.useMemo)(
+    () => ({ ...styles.cursor, ...cursor }),
+    [cursor, styles]
+  );
+  const tooltipVars = (0, import_react.useMemo)(
+    () => [
+      {
+        __prefix: "ui",
+        name: "cursor-fill",
+        token: "colors",
+        value: resolvedCursor.fill
+      },
+      {
+        __prefix: "ui",
+        name: "cursor-stroke",
+        token: "colors",
+        value: resolvedCursor.stroke
+      },
+      {
+        __prefix: "ui",
+        name: "cursor-stroke-width",
+        token: "colors",
+        value: resolvedCursor.strokeWidth
+      },
+      {
+        __prefix: "ui",
+        name: "cursor-stroke-dasharray",
+        token: "colors",
+        value: resolvedCursor.strokeDasharray
+      }
+    ],
+    [resolvedCursor]
+  );
+  const [tooltipProps, tooltipUIProps] = (0, import_utils.splitObject)(
+    rest,
+    tooltipProperties
+  );
+  const getTooltipProps = (0, import_react.useCallback)(
+    (props, ref = null) => ({
+      ref,
+      animationDuration: tooltipAnimationDuration,
+      isAnimationActive: (tooltipAnimationDuration || 0) > 0,
+      cursor: {
+        fill: "var(--ui-cursor-fill)",
+        stroke: "var(--ui-cursor-stroke)",
+        strokeWidth: "var(--ui-cursor-stroke-width)",
+        strokeDasharray: "var(--ui-cursor-stroke-dasharray)"
+      },
+      ...props,
+      ...tooltipProps
+    }),
+    [tooltipAnimationDuration, tooltipProps]
+  );
+  return { tooltipProps: tooltipUIProps, getTooltipProps, tooltipVars };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useChartTooltip
+});
+//# sourceMappingURL=use-chart-tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-chart-tooltip.ts","../src/rechart-properties.ts"],"sourcesContent":["import type { CSSUIObject, CSSUIProps } from \"@yamada-ui/core\"\nimport { splitObject, type Dict } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport type { ChartPropGetter, TooltipProps } from \"./chart.types\"\nimport { tooltipProperties } from \"./rechart-properties\"\n\nexport type UseChartTooltipOptions = {\n  /**\n   * Props passed down to recharts 'Tooltip' component.\n   */\n  tooltipProps?: TooltipProps\n  /**\n   * Specifies the duration of animation, the unit of this option is ms.\n   *\n   * @default 0\n   */\n  tooltipAnimationDuration?: number\n}\n\ntype UseChartTooltipProps = UseChartTooltipOptions & {\n  styles: Dict<CSSUIObject>\n}\n\nexport const useChartTooltip = ({\n  tooltipProps: _tooltipProps = {},\n  tooltipAnimationDuration = 0,\n  styles,\n}: UseChartTooltipProps) => {\n  const { cursor, ...rest } = _tooltipProps\n  const resolvedCursor = useMemo(\n    () => ({ ...styles.cursor, ...cursor }),\n    [cursor, styles],\n  )\n\n  // TODO: replace `className`\n  const tooltipVars: Required<CSSUIProps>[\"var\"] = useMemo(\n    () =>\n      [\n        {\n          __prefix: \"ui\",\n          name: \"cursor-fill\",\n          token: \"colors\",\n          value: resolvedCursor.fill,\n        },\n        {\n          __prefix: \"ui\",\n          name: \"cursor-stroke\",\n          token: \"colors\",\n          value: resolvedCursor.stroke,\n        },\n        {\n          __prefix: \"ui\",\n          name: \"cursor-stroke-width\",\n          token: \"colors\",\n          value: resolvedCursor.strokeWidth,\n        },\n        {\n          __prefix: \"ui\",\n          name: \"cursor-stroke-dasharray\",\n          token: \"colors\",\n          value: resolvedCursor.strokeDasharray,\n        },\n      ] as Required<CSSUIProps>[\"var\"],\n    [resolvedCursor],\n  )\n\n  const [tooltipProps, tooltipUIProps] = splitObject<Dict, string>(\n    rest,\n    tooltipProperties,\n  )\n\n  const getTooltipProps: ChartPropGetter<\n    \"div\",\n    Partial<Recharts.TooltipProps<any, any>>,\n    Omit<Recharts.TooltipProps<any, any>, \"ref\">\n  > = useCallback(\n    (props, ref = null) => ({\n      ref,\n      animationDuration: tooltipAnimationDuration,\n      isAnimationActive: (tooltipAnimationDuration || 0) > 0,\n      cursor: {\n        fill: \"var(--ui-cursor-fill)\",\n        stroke: \"var(--ui-cursor-stroke)\",\n        strokeWidth: \"var(--ui-cursor-stroke-width)\",\n        strokeDasharray: \"var(--ui-cursor-stroke-dasharray)\",\n      },\n      ...props,\n      ...tooltipProps,\n    }),\n    [tooltipAnimationDuration, tooltipProps],\n  )\n\n  return { tooltipProps: tooltipUIProps, getTooltipProps, tooltipVars }\n}\n","import type { ComponentPropsWithoutRef } from \"react\"\nimport type * as Recharts from \"recharts\"\n\nexport const areaChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.AreaChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"stackOffset\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const barChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.BarChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"barSize\",\n  \"maxBarSize\",\n  \"stackOffset\",\n  \"reverseStackOrder\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const lineChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.LineChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const radarChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"margin\",\n  \"onMouseEnter\",\n  \"onClick\",\n]\n\nexport const referenceLineProperties: (keyof Recharts.ReferenceLineProps)[] = [\n  \"xAxisId\",\n  \"yAxisId\",\n  \"x\",\n  \"y\",\n  \"ifOverflow\",\n  \"viewBox\",\n  \"xAxis\",\n  \"yAxis\",\n  \"label\",\n  \"isFront\",\n  \"strokeWidth\",\n  \"segment\",\n]\n\nexport const containerProperties: (keyof Omit<\n  Recharts.ResponsiveContainerProps,\n  \"children\"\n>)[] = [\n  \"aspect\",\n  \"width\",\n  \"height\",\n  \"minWidth\",\n  \"minHeight\",\n  \"debounce\",\n  \"onResize\",\n]\n\nexport const gridProperties: (keyof Recharts.CartesianGridProps)[] = [\n  \"x\",\n  \"y\",\n  \"width\",\n  \"height\",\n  \"horizontal\",\n  \"vertical\",\n  \"horizontalPoints\",\n  \"horizontalCoordinatesGenerator\",\n  \"verticalPoints\",\n  \"verticalCoordinatesGenerator\",\n  \"fill\",\n  \"fillOpacity\",\n  \"strokeDasharray\",\n]\n\nexport const xAxisProperties: (keyof Recharts.XAxisProps)[] = [\n  \"hide\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"width\",\n  \"height\",\n  \"orientation\",\n  \"type\",\n  \"allowDecimals\",\n  \"allowDataOverflow\",\n  \"allowDuplicatedCategory\",\n  \"angle\",\n  \"tickCount\",\n  \"domain\",\n  \"includeHidden\",\n  \"interval\",\n  \"padding\",\n  \"minTickGap\",\n  \"axisLine\",\n  \"tickLine\",\n  \"tickSize\",\n  \"tickFormatter\",\n  \"ticks\",\n  \"tick\",\n  \"mirror\",\n  \"reversed\",\n  \"label\",\n  \"scale\",\n  \"unit\",\n  \"name\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"tickMargin\",\n]\n\nexport const yAxisProperties: (keyof Recharts.YAxisProps)[] = [\n  \"hide\",\n  \"dataKey\",\n  \"yAxisId\",\n  \"width\",\n  \"height\",\n  \"orientation\",\n  \"type\",\n  \"tickCount\",\n  \"domain\",\n  \"includeHidden\",\n  \"interval\",\n  \"padding\",\n  \"minTickGap\",\n  \"allowDecimals\",\n  \"allowDataOverflow\",\n  \"allowDuplicatedCategory\",\n  \"axisLine\",\n  \"tickLine\",\n  \"tickSize\",\n  \"tickFormatter\",\n  \"ticks\",\n  \"tick\",\n  \"mirror\",\n  \"reversed\",\n  \"label\",\n  \"scale\",\n  \"unit\",\n  \"name\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"tickMargin\",\n]\n\nexport const legendProperties: (keyof Omit<Recharts.LegendProps, \"ref\">)[] = [\n  \"width\",\n  \"height\",\n  \"layout\",\n  \"align\",\n  \"verticalAlign\",\n  \"iconSize\",\n  \"iconType\",\n  \"payload\",\n  \"chartWidth\",\n  \"chartHeight\",\n  \"margin\",\n  \"content\",\n  \"formatter\",\n  \"wrapperStyle\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const tooltipProperties: (keyof Recharts.TooltipProps<any, any>)[] = [\n  \"offset\",\n  \"filterNull\",\n  \"itemStyle\",\n  \"wrapperStyle\",\n  \"contentStyle\",\n  \"labelStyle\",\n  \"cursor\",\n  \"viewBox\",\n  \"allowEscapeViewBox\",\n  \"active\",\n  \"position\",\n  \"coordinate\",\n  \"payload\",\n  \"label\",\n  \"content\",\n  \"formatter\",\n  \"labelFormatter\",\n  \"itemSorter\",\n  \"isAnimationActive\",\n  \"animationDuration\",\n  \"animationEasing\",\n]\n\nexport const areaProperties: (keyof Omit<Recharts.AreaProps, \"ref\">)[] = [\n  \"type\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"dot\",\n  \"activeDot\",\n  \"label\",\n  \"stroke\",\n  \"strokeWidth\",\n  \"layout\",\n  \"baseLine\",\n  \"points\",\n  \"stackId\",\n  \"connectNulls\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const barProperties: (keyof Omit<Recharts.BarProps, \"ref\">)[] = [\n  \"layout\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"label\",\n  \"data\",\n  \"barSize\",\n  \"maxBarSize\",\n  \"minPointSize\",\n  \"background\",\n  \"shape\",\n  \"activeBar\",\n  \"stackId\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"radius\",\n]\n\nexport const radarProperties: (keyof Omit<Recharts.RadarProps, \"ref\">)[] = [\n  \"dataKey\",\n  \"points\",\n  \"shape\",\n  \"dot\",\n  \"activeDot\",\n  \"legendType\",\n  \"label\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n]\n\nexport const lineProperties: (keyof Omit<Recharts.LineProps, \"ref\">)[] = [\n  \"type\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"dot\",\n  \"activeDot\",\n  \"label\",\n  \"hide\",\n  \"points\",\n  \"stroke\",\n  \"strokeWidth\",\n  \"layout\",\n  \"connectNulls\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"strokeDasharray\",\n]\n\nexport const dotProperties: (keyof Omit<Recharts.DotProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"r\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const polarGridProperties: (keyof Recharts.PolarGridProps)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"polarAngles\",\n  \"polarRadius\",\n  \"gridType\",\n]\n\nexport const polarAngleAxisProperties: (keyof Recharts.PolarAngleAxisProps)[] =\n  [\n    \"dataKey\",\n    \"cx\",\n    \"cy\",\n    \"radius\",\n    \"axisLine\",\n    \"axisLineType\",\n    \"tickLine\",\n    \"tickSize\",\n    \"tick\",\n    \"ticks\",\n    \"orient\",\n    \"tickFormatter\",\n    \"type\",\n    \"allowDuplicatedCategory\",\n    \"onClick\",\n    \"onMouseDown\",\n    \"onMouseUp\",\n    \"onMouseMove\",\n    \"onMouseOver\",\n    \"onMouseOut\",\n    \"onMouseEnter\",\n    \"onMouseLeave\",\n  ]\nexport const polarRadiusAxisProperties: (keyof Recharts.PolarRadiusAxisProps)[] =\n  [\n    \"angle\",\n    \"type\",\n    \"allowDuplicatedCategory\",\n    \"cx\",\n    \"cy\",\n    \"domain\",\n    \"reversed\",\n    \"label\",\n    \"orientation\",\n    \"axisLine\",\n    \"tick\",\n    \"tickSize\",\n    \"tickFormatter\",\n    \"tickCount\",\n    \"scale\",\n    \"onClick\",\n    \"onMouseDown\",\n    \"onMouseUp\",\n    \"onMouseMove\",\n    \"onMouseOver\",\n    \"onMouseOut\",\n    \"onMouseEnter\",\n    \"onMouseLeave\",\n  ]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAuC;AACvC,mBAAqC;;;AC+N9B,IAAM,oBAA+D;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;AD/NO,IAAM,kBAAkB,CAAC;AAAA,EAC9B,cAAc,gBAAgB,CAAC;AAAA,EAC/B,2BAA2B;AAAA,EAC3B;AACF,MAA4B;AAC1B,QAAM,EAAE,QAAQ,GAAG,KAAK,IAAI;AAC5B,QAAM,qBAAiB;AAAA,IACrB,OAAO,EAAE,GAAG,OAAO,QAAQ,GAAG,OAAO;AAAA,IACrC,CAAC,QAAQ,MAAM;AAAA,EACjB;AAGA,QAAM,kBAA2C;AAAA,IAC/C,MACE;AAAA,MACE;AAAA,QACE,UAAU;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO,eAAe;AAAA,MACxB;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO,eAAe;AAAA,MACxB;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO,eAAe;AAAA,MACxB;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO,eAAe;AAAA,MACxB;AAAA,IACF;AAAA,IACF,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,CAAC,cAAc,cAAc,QAAI;AAAA,IACrC;AAAA,IACA;AAAA,EACF;AAEA,QAAM,sBAIF;AAAA,IACF,CAAC,OAAO,MAAM,UAAU;AAAA,MACtB;AAAA,MACA,mBAAmB;AAAA,MACnB,oBAAoB,4BAA4B,KAAK;AAAA,MACrD,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,iBAAiB;AAAA,MACnB;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,0BAA0B,YAAY;AAAA,EACzC;AAEA,SAAO,EAAE,cAAc,gBAAgB,iBAAiB,YAAY;AACtE;","names":[]}

package/dist/use-chart-tooltip.mjs

@@ -0,0 +1,9 @@
+"use client"
+import {
+  useChartTooltip
+} from "./chunk-WF3BD34Y.mjs";
+import "./chunk-5QCKM3B3.mjs";
+export {
+  useChartTooltip
+};
+//# sourceMappingURL=use-chart-tooltip.mjs.map

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

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

package/dist/use-chart.d.mts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { CSSUIObject } from '@yamada-ui/core';
+import * as Recharts from 'recharts';
+import { ResponsiveContainerProps, ChartPropGetter } from './chart.types.mjs';
+import '@yamada-ui/utils';
+
+type ChartContext = {
+    styles: Record<string, CSSUIObject>;
+};
+declare const ChartProvider: react.Provider<ChartContext>;
+declare const useChartContext: () => ChartContext;
+type UseChartProps = {
+    /**
+     * Props passed down to recharts `ResponsiveContainer` component.
+     */
+    containerProps?: ResponsiveContainerProps;
+};
+declare const useChart: ({ containerProps }: UseChartProps) => {
+    getContainerProps: ChartPropGetter<"div", Partial<Omit<Recharts.ResponsiveContainerProps, "children">>, Omit<Recharts.ResponsiveContainerProps, "children">>;
+};
+type UseChartReturn = ReturnType<typeof useChart>;
+type UseLegendProps = {};
+declare const useLegend: ({}?: UseLegendProps) => {
+    styles: Record<string, CSSUIObject>;
+};
+type UseLegendReturn = ReturnType<typeof useLegend>;
+type UseTooltipProps = {};
+declare const useTooltip: ({}?: UseTooltipProps) => {
+    styles: Record<string, CSSUIObject>;
+};
+type UseTooltipReturn = ReturnType<typeof useTooltip>;
+
+export { ChartProvider, type UseChartProps, type UseChartReturn, type UseLegendProps, type UseLegendReturn, type UseTooltipProps, type UseTooltipReturn, useChart, useChartContext, useLegend, useTooltip };

package/dist/use-chart.d.ts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { CSSUIObject } from '@yamada-ui/core';
+import * as Recharts from 'recharts';
+import { ResponsiveContainerProps, ChartPropGetter } from './chart.types.js';
+import '@yamada-ui/utils';
+
+type ChartContext = {
+    styles: Record<string, CSSUIObject>;
+};
+declare const ChartProvider: react.Provider<ChartContext>;
+declare const useChartContext: () => ChartContext;
+type UseChartProps = {
+    /**
+     * Props passed down to recharts `ResponsiveContainer` component.
+     */
+    containerProps?: ResponsiveContainerProps;
+};
+declare const useChart: ({ containerProps }: UseChartProps) => {
+    getContainerProps: ChartPropGetter<"div", Partial<Omit<Recharts.ResponsiveContainerProps, "children">>, Omit<Recharts.ResponsiveContainerProps, "children">>;
+};
+type UseChartReturn = ReturnType<typeof useChart>;
+type UseLegendProps = {};
+declare const useLegend: ({}?: UseLegendProps) => {
+    styles: Record<string, CSSUIObject>;
+};
+type UseLegendReturn = ReturnType<typeof useLegend>;
+type UseTooltipProps = {};
+declare const useTooltip: ({}?: UseTooltipProps) => {
+    styles: Record<string, CSSUIObject>;
+};
+type UseTooltipReturn = ReturnType<typeof useTooltip>;
+
+export { ChartProvider, type UseChartProps, type UseChartReturn, type UseLegendProps, type UseLegendReturn, type UseTooltipProps, type UseTooltipReturn, useChart, useChartContext, useLegend, useTooltip };

package/dist/use-chart.js

@@ -0,0 +1,104 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/use-chart.ts
+var use_chart_exports = {};
+__export(use_chart_exports, {
+  ChartProvider: () => ChartProvider,
+  useChart: () => useChart,
+  useChartContext: () => useChartContext,
+  useLegend: () => useLegend,
+  useTooltip: () => useTooltip
+});
+module.exports = __toCommonJS(use_chart_exports);
+var import_core2 = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+var import_react = require("react");
+
+// src/chart-utils.ts
+var import_core = require("@yamada-ui/core");
+var import_utils = require("@yamada-ui/utils");
+var getClassName = (...styles) => (theme) => (0, import_utils.cx)(
+  ...styles.map(
+    (style) => (0, import_utils.isString)(style) ? style : (0, import_core.getCSS)(style)(theme)
+  )
+);
+var getComponentProps = ([obj, keys], ...props) => (theme, isContain) => {
+  const [pickedProps, omittedProps] = (0, import_utils.splitObject)(obj, keys);
+  const className = getClassName(...props, omittedProps)(theme);
+  return !isContain ? [pickedProps, className] : { ...pickedProps, className };
+};
+
+// src/rechart-properties.ts
+var containerProperties = [
+  "aspect",
+  "width",
+  "height",
+  "minWidth",
+  "minHeight",
+  "debounce",
+  "onResize"
+];
+
+// src/use-chart.ts
+var [ChartProvider, useChartContext] = (0, import_utils2.createContext)({
+  name: "ChartContext",
+  errorMessage: `useChartContext returned is 'undefined'. Seems you forgot to wrap the components in "<LineChart />" or "<BarChart />" etc.`
+});
+var useChart = ({ containerProps = {} }) => {
+  const { theme } = (0, import_core2.useTheme)();
+  const [reChartsProps, propClassName] = getComponentProps([
+    containerProps,
+    containerProperties
+  ])(theme);
+  const getContainerProps = (0, import_react.useCallback)(
+    ({ className, ...props } = {}, ref = null) => ({
+      ref,
+      className: (0, import_utils2.cx)("ui-chart__container", className, propClassName),
+      ...props,
+      ...reChartsProps
+    }),
+    [propClassName, reChartsProps]
+  );
+  return {
+    getContainerProps
+  };
+};
+var useLegend = ({} = {}) => {
+  const { styles } = useChartContext();
+  return {
+    styles
+  };
+};
+var useTooltip = ({} = {}) => {
+  const { styles } = useChartContext();
+  return {
+    styles
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChartProvider,
+  useChart,
+  useChartContext,
+  useLegend,
+  useTooltip
+});
+//# sourceMappingURL=use-chart.js.map