@yamada-ui/charts 2.0.0-next-20240908154823 → 2.0.0-next-20240923072418

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/use-chart-reference-line.ts","../src/chart-utils.ts","../src/rechart-properties.ts"],"sourcesContent":["import { getCSS, getVar, 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 = getVar(`reference-line-${index}`)(theme)\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 { Dict } from \"@yamada-ui/utils\"\nimport 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 pieChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.PieChart\n>)[] = [\"width\", \"height\", \"margin\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\"]\n\nexport const radialChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadialBarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"barSize\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\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 pieProperties: (keyof Omit<Recharts.PieProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"startAngle\",\n  \"endAngle\",\n  \"minAngle\",\n  \"paddingAngle\",\n  \"nameKey\",\n  \"dataKey\",\n  \"legendType\",\n  \"label\",\n  \"labelLine\",\n  \"data\",\n  \"activeIndex\",\n  \"activeShape\",\n  \"inactiveShape\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const radialBarProperties: (keyof Omit<\n  Recharts.RadialBarProps,\n  \"ref\"\n>)[] = [\n  \"legendType\",\n  \"label\",\n  \"background\",\n  \"data\",\n  \"dataKey\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"cornerRadius\",\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  \"radialLines\",\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  ]\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\nexport const labelProperties: (keyof Recharts.LabelProps)[] = [\n  \"viewBox\",\n  \"formatter\",\n  \"value\",\n  \"position\",\n  \"offset\",\n  \"children\",\n  \"content\",\n  \"id\",\n]\n\nexport const labelListProperties: (keyof Recharts.LabelListProps<Dict>)[] = [\n  \"dataKey\",\n  \"valueAccessor\",\n  \"content\",\n  \"position\",\n  \"offset\",\n  \"formatter\",\n  \"data\",\n  \"clockWise\",\n  \"id\",\n  \"position\",\n]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,eAAyC;AAGzC,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;;;ACyEK,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;;;AF7FO,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,YAAQ,qBAAO,kBAAkB,KAAK,EAAE,EAAE,KAAK;AACrD,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"]}
+{"version":3,"sources":["../src/use-chart-reference-line.ts","../src/chart-utils.ts","../src/rechart-properties.ts"],"sourcesContent":["import { getCSS, getVar, useTheme } from \"@yamada-ui/core\"\nimport type { CSSUIObject, RequiredPropGetter } 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 } from \"./chart.types\"\nimport { referenceLineProperties } from \"./rechart-properties\"\n\nexport interface UseChartReferenceLineOptions {\n  /**\n   * Reference lines that should be displayed on the chart.\n   */\n  referenceLineProps?: ReferenceLineProps[]\n}\n\ninterface UseChartReferenceLineProps extends 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 = getVar(`reference-line-${index}`)(theme)\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: RequiredPropGetter<\n    Partial<Recharts.ReferenceLineProps> & { index: number },\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 { Dict } from \"@yamada-ui/utils\"\nimport 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 pieChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.PieChart\n>)[] = [\"width\", \"height\", \"margin\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\"]\n\nexport const radialChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadialBarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"barSize\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\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 pieProperties: (keyof Omit<Recharts.PieProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"startAngle\",\n  \"endAngle\",\n  \"minAngle\",\n  \"paddingAngle\",\n  \"nameKey\",\n  \"dataKey\",\n  \"legendType\",\n  \"label\",\n  \"labelLine\",\n  \"data\",\n  \"activeIndex\",\n  \"activeShape\",\n  \"inactiveShape\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const radialBarProperties: (keyof Omit<\n  Recharts.RadialBarProps,\n  \"ref\"\n>)[] = [\n  \"legendType\",\n  \"label\",\n  \"background\",\n  \"data\",\n  \"dataKey\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"cornerRadius\",\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  \"radialLines\",\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  ]\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\nexport const labelProperties: (keyof Recharts.LabelProps)[] = [\n  \"viewBox\",\n  \"formatter\",\n  \"value\",\n  \"position\",\n  \"offset\",\n  \"children\",\n  \"content\",\n  \"id\",\n]\n\nexport const labelListProperties: (keyof Recharts.LabelListProps<Dict>)[] = [\n  \"dataKey\",\n  \"valueAccessor\",\n  \"content\",\n  \"position\",\n  \"offset\",\n  \"formatter\",\n  \"data\",\n  \"clockWise\",\n  \"id\",\n  \"position\",\n]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,eAAyC;AAGzC,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;;;ACyEK,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;;;AF7FO,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,YAAQ,qBAAO,kBAAkB,KAAK,EAAE,EAAE,KAAK;AACrD,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,4BAGF;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

@@ -1,7 +1,7 @@
 "use client"
 import {
   useChartReferenceLine
-} from "./chunk-JTQ5QCML.mjs";
+} from "./chunk-FYAC4RRZ.mjs";
 import "./chunk-6YUJLLGN.mjs";
 import "./chunk-QL3DB7OJ.mjs";
 export {

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

@@ -1,10 +1,10 @@
-import { CSSUIObject } from '@yamada-ui/core';
+import { PropGetter, CSSUIObject } from '@yamada-ui/core';
 import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
-import { TooltipProps, ChartPropGetter } from './chart.types.mjs';
+import { TooltipProps } from './chart.types.mjs';
 import 'react';
 
-type UseChartTooltipOptions = {
+interface UseChartTooltipOptions {
     /**
      * Props passed down to recharts 'Tooltip' component.
      */
@@ -23,13 +23,13 @@ type UseChartTooltipOptions = {
      * A function to format labels on inside the tooltip.
      */
     labelFormatter?: (label: string) => string;
-};
-type UseChartTooltipProps = UseChartTooltipOptions & {
+}
+interface UseChartTooltipProps extends 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">>;
+    tooltipProps: Omit<Dict<any>, string>;
+    getTooltipProps: PropGetter<Partial<Recharts.TooltipProps<any, any>>, Recharts.TooltipProps<any, any>>;
 };
 
 export { type UseChartTooltipOptions, useChartTooltip };

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

@@ -1,10 +1,10 @@
-import { CSSUIObject } from '@yamada-ui/core';
+import { PropGetter, CSSUIObject } from '@yamada-ui/core';
 import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
-import { TooltipProps, ChartPropGetter } from './chart.types.js';
+import { TooltipProps } from './chart.types.js';
 import 'react';
 
-type UseChartTooltipOptions = {
+interface UseChartTooltipOptions {
     /**
      * Props passed down to recharts 'Tooltip' component.
      */
@@ -23,13 +23,13 @@ type UseChartTooltipOptions = {
      * A function to format labels on inside the tooltip.
      */
     labelFormatter?: (label: string) => string;
-};
-type UseChartTooltipProps = UseChartTooltipOptions & {
+}
+interface UseChartTooltipProps extends 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">>;
+    tooltipProps: Omit<Dict<any>, string>;
+    getTooltipProps: PropGetter<Partial<Recharts.TooltipProps<any, any>>, Recharts.TooltipProps<any, any>>;
 };
 
 export { type UseChartTooltipOptions, useChartTooltip };

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/use-chart-tooltip.ts","../src/chart-utils.ts","../src/rechart-properties.ts"],"sourcesContent":["import { useTheme, type CSSUIObject } from \"@yamada-ui/core\"\nimport { splitObject, type Dict, cx } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getClassName } from \"./chart-utils\"\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   * A function to format values on inside the tooltip.\n   */\n  valueFormatter?: (value: any) => string\n  /**\n   * A function to format labels on inside the tooltip.\n   */\n  labelFormatter?: (label: string) => string\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 { theme } = useTheme()\n  const { cursor, ...rest } = _tooltipProps\n  const cursorClassName = useMemo(\n    () => getClassName({ ...styles.cursor, ...cursor })(theme),\n    [cursor, styles.cursor, theme],\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        className: cx(\"ui-chart__cursor\", cursorClassName),\n      },\n      ...props,\n      ...tooltipProps,\n    }),\n    [cursorClassName, tooltipAnimationDuration, tooltipProps],\n  )\n\n  return { tooltipProps: tooltipUIProps, getTooltipProps }\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 { Dict } from \"@yamada-ui/utils\"\nimport 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 pieChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.PieChart\n>)[] = [\"width\", \"height\", \"margin\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\"]\n\nexport const radialChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadialBarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"barSize\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\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 pieProperties: (keyof Omit<Recharts.PieProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"startAngle\",\n  \"endAngle\",\n  \"minAngle\",\n  \"paddingAngle\",\n  \"nameKey\",\n  \"dataKey\",\n  \"legendType\",\n  \"label\",\n  \"labelLine\",\n  \"data\",\n  \"activeIndex\",\n  \"activeShape\",\n  \"inactiveShape\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const radialBarProperties: (keyof Omit<\n  Recharts.RadialBarProps,\n  \"ref\"\n>)[] = [\n  \"legendType\",\n  \"label\",\n  \"background\",\n  \"data\",\n  \"dataKey\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"cornerRadius\",\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  \"radialLines\",\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  ]\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\nexport const labelProperties: (keyof Recharts.LabelProps)[] = [\n  \"viewBox\",\n  \"formatter\",\n  \"value\",\n  \"position\",\n  \"offset\",\n  \"children\",\n  \"content\",\n  \"id\",\n]\n\nexport const labelListProperties: (keyof Recharts.LabelListProps<Dict>)[] = [\n  \"dataKey\",\n  \"valueAccessor\",\n  \"content\",\n  \"position\",\n  \"offset\",\n  \"formatter\",\n  \"data\",\n  \"clockWise\",\n  \"id\",\n  \"position\",\n]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,eAA2C;AAC3C,IAAAC,gBAA2C;AAC3C,mBAAqC;;;ACDrC,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;;;AC+OG,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;;;AFhPO,IAAM,kBAAkB,CAAC;AAAA,EAC9B,cAAc,gBAAgB,CAAC;AAAA,EAC/B,2BAA2B;AAAA,EAC3B;AACF,MAA4B;AAC1B,QAAM,EAAE,MAAM,QAAI,uBAAS;AAC3B,QAAM,EAAE,QAAQ,GAAG,KAAK,IAAI;AAC5B,QAAM,sBAAkB;AAAA,IACtB,MAAM,aAAa,EAAE,GAAG,OAAO,QAAQ,GAAG,OAAO,CAAC,EAAE,KAAK;AAAA,IACzD,CAAC,QAAQ,OAAO,QAAQ,KAAK;AAAA,EAC/B;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,eAAW,kBAAG,oBAAoB,eAAe;AAAA,MACnD;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,iBAAiB,0BAA0B,YAAY;AAAA,EAC1D;AAEA,SAAO,EAAE,cAAc,gBAAgB,gBAAgB;AACzD;","names":["import_core","import_utils"]}
+{"version":3,"sources":["../src/use-chart-tooltip.ts","../src/chart-utils.ts","../src/rechart-properties.ts"],"sourcesContent":["import { useTheme } from \"@yamada-ui/core\"\nimport type { CSSUIObject, PropGetter } from \"@yamada-ui/core\"\nimport { splitObject, cx } from \"@yamada-ui/utils\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getClassName } from \"./chart-utils\"\nimport type { TooltipProps } from \"./chart.types\"\nimport { tooltipProperties } from \"./rechart-properties\"\n\nexport interface 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   * A function to format values on inside the tooltip.\n   */\n  valueFormatter?: (value: any) => string\n  /**\n   * A function to format labels on inside the tooltip.\n   */\n  labelFormatter?: (label: string) => string\n}\n\ninterface UseChartTooltipProps extends UseChartTooltipOptions {\n  styles: Dict<CSSUIObject>\n}\n\nexport const useChartTooltip = ({\n  tooltipProps: _tooltipProps = {},\n  tooltipAnimationDuration = 0,\n  styles,\n}: UseChartTooltipProps) => {\n  const { theme } = useTheme()\n  const { cursor, ...rest } = _tooltipProps\n  const cursorClassName = useMemo(\n    () => getClassName({ ...styles.cursor, ...cursor })(theme),\n    [cursor, styles.cursor, theme],\n  )\n\n  const [tooltipProps, tooltipUIProps] = splitObject<Dict, string>(\n    rest,\n    tooltipProperties,\n  )\n\n  const getTooltipProps: PropGetter<\n    Partial<Recharts.TooltipProps<any, any>>,\n    Recharts.TooltipProps<any, any>\n  > = useCallback(\n    (props, ref = null) => ({\n      ref,\n      animationDuration: tooltipAnimationDuration,\n      isAnimationActive: (tooltipAnimationDuration || 0) > 0,\n      cursor: {\n        className: cx(\"ui-chart__cursor\", cursorClassName),\n      },\n      ...props,\n      ...tooltipProps,\n    }),\n    [cursorClassName, tooltipAnimationDuration, tooltipProps],\n  )\n\n  return { tooltipProps: tooltipUIProps, getTooltipProps }\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 { Dict } from \"@yamada-ui/utils\"\nimport 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 pieChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.PieChart\n>)[] = [\"width\", \"height\", \"margin\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\"]\n\nexport const radialChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadialBarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"barSize\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\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 pieProperties: (keyof Omit<Recharts.PieProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"startAngle\",\n  \"endAngle\",\n  \"minAngle\",\n  \"paddingAngle\",\n  \"nameKey\",\n  \"dataKey\",\n  \"legendType\",\n  \"label\",\n  \"labelLine\",\n  \"data\",\n  \"activeIndex\",\n  \"activeShape\",\n  \"inactiveShape\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const radialBarProperties: (keyof Omit<\n  Recharts.RadialBarProps,\n  \"ref\"\n>)[] = [\n  \"legendType\",\n  \"label\",\n  \"background\",\n  \"data\",\n  \"dataKey\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"cornerRadius\",\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  \"radialLines\",\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  ]\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\nexport const labelProperties: (keyof Recharts.LabelProps)[] = [\n  \"viewBox\",\n  \"formatter\",\n  \"value\",\n  \"position\",\n  \"offset\",\n  \"children\",\n  \"content\",\n  \"id\",\n]\n\nexport const labelListProperties: (keyof Recharts.LabelListProps<Dict>)[] = [\n  \"dataKey\",\n  \"valueAccessor\",\n  \"content\",\n  \"position\",\n  \"offset\",\n  \"formatter\",\n  \"data\",\n  \"clockWise\",\n  \"id\",\n  \"position\",\n]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,eAAyB;AAEzB,IAAAC,gBAAgC;AAEhC,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;;;AC+OG,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;;;AF9OO,IAAM,kBAAkB,CAAC;AAAA,EAC9B,cAAc,gBAAgB,CAAC;AAAA,EAC/B,2BAA2B;AAAA,EAC3B;AACF,MAA4B;AAC1B,QAAM,EAAE,MAAM,QAAI,uBAAS;AAC3B,QAAM,EAAE,QAAQ,GAAG,KAAK,IAAI;AAC5B,QAAM,sBAAkB;AAAA,IACtB,MAAM,aAAa,EAAE,GAAG,OAAO,QAAQ,GAAG,OAAO,CAAC,EAAE,KAAK;AAAA,IACzD,CAAC,QAAQ,OAAO,QAAQ,KAAK;AAAA,EAC/B;AAEA,QAAM,CAAC,cAAc,cAAc,QAAI;AAAA,IACrC;AAAA,IACA;AAAA,EACF;AAEA,QAAM,sBAGF;AAAA,IACF,CAAC,OAAO,MAAM,UAAU;AAAA,MACtB;AAAA,MACA,mBAAmB;AAAA,MACnB,oBAAoB,4BAA4B,KAAK;AAAA,MACrD,QAAQ;AAAA,QACN,eAAW,kBAAG,oBAAoB,eAAe;AAAA,MACnD;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,iBAAiB,0BAA0B,YAAY;AAAA,EAC1D;AAEA,SAAO,EAAE,cAAc,gBAAgB,gBAAgB;AACzD;","names":["import_core","import_utils"]}

package/dist/use-chart-tooltip.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   useChartTooltip
-} from "./chunk-VMBRDEM2.mjs";
+} from "./chunk-OJ2MLZZ7.mjs";
 import "./chunk-6YUJLLGN.mjs";
 import "./chunk-QL3DB7OJ.mjs";
 export {

package/dist/use-chart.d.mts

@@ -1,32 +1,40 @@
 import * as react from 'react';
-import { CSSUIObject } from '@yamada-ui/core';
+import { PropGetter, CSSUIObject } from '@yamada-ui/core';
 import * as Recharts from 'recharts';
-import { ResponsiveContainerProps, ChartPropGetter } from './chart.types.mjs';
+import { ResponsiveContainerProps } from './chart.types.mjs';
 import '@yamada-ui/utils';
 
-type ChartContext = {
-    styles: Record<string, CSSUIObject>;
-};
+interface ChartContext {
+    styles: {
+        [key: string]: CSSUIObject;
+    };
+}
 declare const ChartProvider: react.Provider<ChartContext>;
 declare const useChartContext: () => ChartContext;
-type UseChartProps = {
+interface 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">>;
+    getContainerProps: PropGetter<Partial<Omit<Recharts.ResponsiveContainerProps, "children">>, Omit<Recharts.ResponsiveContainerProps, "children">>;
 };
 type UseChartReturn = ReturnType<typeof useChart>;
-type UseLegendProps = {};
+interface UseLegendProps {
+}
 declare const useLegend: ({}?: UseLegendProps) => {
-    styles: Record<string, CSSUIObject>;
+    styles: {
+        [key: string]: CSSUIObject;
+    };
 };
 type UseLegendReturn = ReturnType<typeof useLegend>;
-type UseTooltipProps = {};
+interface UseTooltipProps {
+}
 declare const useTooltip: ({}?: UseTooltipProps) => {
-    styles: Record<string, CSSUIObject>;
+    styles: {
+        [key: string]: CSSUIObject;
+    };
 };
 type UseTooltipReturn = ReturnType<typeof useTooltip>;
 

package/dist/use-chart.d.ts

@@ -1,32 +1,40 @@
 import * as react from 'react';
-import { CSSUIObject } from '@yamada-ui/core';
+import { PropGetter, CSSUIObject } from '@yamada-ui/core';
 import * as Recharts from 'recharts';
-import { ResponsiveContainerProps, ChartPropGetter } from './chart.types.js';
+import { ResponsiveContainerProps } from './chart.types.js';
 import '@yamada-ui/utils';
 
-type ChartContext = {
-    styles: Record<string, CSSUIObject>;
-};
+interface ChartContext {
+    styles: {
+        [key: string]: CSSUIObject;
+    };
+}
 declare const ChartProvider: react.Provider<ChartContext>;
 declare const useChartContext: () => ChartContext;
-type UseChartProps = {
+interface 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">>;
+    getContainerProps: PropGetter<Partial<Omit<Recharts.ResponsiveContainerProps, "children">>, Omit<Recharts.ResponsiveContainerProps, "children">>;
 };
 type UseChartReturn = ReturnType<typeof useChart>;
-type UseLegendProps = {};
+interface UseLegendProps {
+}
 declare const useLegend: ({}?: UseLegendProps) => {
-    styles: Record<string, CSSUIObject>;
+    styles: {
+        [key: string]: CSSUIObject;
+    };
 };
 type UseLegendReturn = ReturnType<typeof useLegend>;
-type UseTooltipProps = {};
+interface UseTooltipProps {
+}
 declare const useTooltip: ({}?: UseTooltipProps) => {
-    styles: Record<string, CSSUIObject>;
+    styles: {
+        [key: string]: CSSUIObject;
+    };
 };
 type UseTooltipReturn = ReturnType<typeof useTooltip>;
 

package/dist/use-chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/use-chart.ts","../src/chart-utils.ts","../src/rechart-properties.ts"],"sourcesContent":["import { useTheme, type CSSUIObject } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { createContext, cx } from \"@yamada-ui/utils\"\nimport { useCallback } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getComponentProps } from \"./chart-utils\"\nimport type { ChartPropGetter, ResponsiveContainerProps } from \"./chart.types\"\nimport { containerProperties } from \"./rechart-properties\"\n\ntype ChartContext = { styles: Record<string, CSSUIObject> }\n\nexport const [ChartProvider, useChartContext] = createContext<ChartContext>({\n  name: \"ChartContext\",\n  errorMessage: `useChartContext returned is 'undefined'. Seems you forgot to wrap the components in \"<LineChart />\" or \"<BarChart />\" etc.`,\n})\n\nexport type UseChartProps = {\n  /**\n   * Props passed down to recharts `ResponsiveContainer` component.\n   */\n  containerProps?: ResponsiveContainerProps\n}\n\nexport const useChart = ({ containerProps = {} }: UseChartProps) => {\n  const { theme } = useTheme()\n  const [reChartsProps, propClassName] = getComponentProps<Dict, string>([\n    containerProps,\n    containerProperties,\n  ])(theme)\n\n  const getContainerProps: ChartPropGetter<\n    \"div\",\n    Partial<Omit<Recharts.ResponsiveContainerProps, \"children\">>,\n    Omit<Recharts.ResponsiveContainerProps, \"children\">\n  > = useCallback(\n    ({ className, ...props } = {}, ref = null) => ({\n      ref,\n      className: cx(\"ui-chart__container\", className as string, propClassName),\n      ...props,\n      ...reChartsProps,\n    }),\n    [propClassName, reChartsProps],\n  )\n\n  return {\n    getContainerProps,\n  }\n}\n\nexport type UseChartReturn = ReturnType<typeof useChart>\n\nexport type UseLegendProps = {}\n\nexport const useLegend = ({}: UseLegendProps = {}) => {\n  const { styles } = useChartContext()\n  return {\n    styles,\n  }\n}\nexport type UseLegendReturn = ReturnType<typeof useLegend>\n\nexport type UseTooltipProps = {}\n\nexport const useTooltip = ({}: UseTooltipProps = {}) => {\n  const { styles } = useChartContext()\n  return {\n    styles,\n  }\n}\nexport type UseTooltipReturn = ReturnType<typeof useTooltip>\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 { Dict } from \"@yamada-ui/utils\"\nimport 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 pieChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.PieChart\n>)[] = [\"width\", \"height\", \"margin\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\"]\n\nexport const radialChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadialBarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"barSize\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\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 pieProperties: (keyof Omit<Recharts.PieProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"startAngle\",\n  \"endAngle\",\n  \"minAngle\",\n  \"paddingAngle\",\n  \"nameKey\",\n  \"dataKey\",\n  \"legendType\",\n  \"label\",\n  \"labelLine\",\n  \"data\",\n  \"activeIndex\",\n  \"activeShape\",\n  \"inactiveShape\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const radialBarProperties: (keyof Omit<\n  Recharts.RadialBarProps,\n  \"ref\"\n>)[] = [\n  \"legendType\",\n  \"label\",\n  \"background\",\n  \"data\",\n  \"dataKey\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"cornerRadius\",\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  \"radialLines\",\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  ]\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\nexport const labelProperties: (keyof Recharts.LabelProps)[] = [\n  \"viewBox\",\n  \"formatter\",\n  \"value\",\n  \"position\",\n  \"offset\",\n  \"children\",\n  \"content\",\n  \"id\",\n]\n\nexport const labelListProperties: (keyof Recharts.LabelListProps<Dict>)[] = [\n  \"dataKey\",\n  \"valueAccessor\",\n  \"content\",\n  \"position\",\n  \"offset\",\n  \"formatter\",\n  \"data\",\n  \"clockWise\",\n  \"id\",\n  \"position\",\n]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,eAA2C;AAE3C,IAAAC,gBAAkC;AAClC,mBAA4B;;;ACF5B,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;;;ACwFK,IAAM,sBAGN;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;AFpHO,IAAM,CAAC,eAAe,eAAe,QAAI,6BAA4B;AAAA,EAC1E,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AASM,IAAM,WAAW,CAAC,EAAE,iBAAiB,CAAC,EAAE,MAAqB;AAClE,QAAM,EAAE,MAAM,QAAI,uBAAS;AAC3B,QAAM,CAAC,eAAe,aAAa,IAAI,kBAAgC;AAAA,IACrE;AAAA,IACA;AAAA,EACF,CAAC,EAAE,KAAK;AAER,QAAM,wBAIF;AAAA,IACF,CAAC,EAAE,WAAW,GAAG,MAAM,IAAI,CAAC,GAAG,MAAM,UAAU;AAAA,MAC7C;AAAA,MACA,eAAW,kBAAG,uBAAuB,WAAqB,aAAa;AAAA,MACvE,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,eAAe,aAAa;AAAA,EAC/B;AAEA,SAAO;AAAA,IACL;AAAA,EACF;AACF;AAMO,IAAM,YAAY,CAAC,CAAC,IAAoB,CAAC,MAAM;AACpD,QAAM,EAAE,OAAO,IAAI,gBAAgB;AACnC,SAAO;AAAA,IACL;AAAA,EACF;AACF;AAKO,IAAM,aAAa,CAAC,CAAC,IAAqB,CAAC,MAAM;AACtD,QAAM,EAAE,OAAO,IAAI,gBAAgB;AACnC,SAAO;AAAA,IACL;AAAA,EACF;AACF;","names":["import_core","import_utils"]}
+{"version":3,"sources":["../src/use-chart.ts","../src/chart-utils.ts","../src/rechart-properties.ts"],"sourcesContent":["import { useTheme } from \"@yamada-ui/core\"\nimport type { CSSUIObject, PropGetter } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { createContext, cx } from \"@yamada-ui/utils\"\nimport { useCallback } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getComponentProps } from \"./chart-utils\"\nimport type { ResponsiveContainerProps } from \"./chart.types\"\nimport { containerProperties } from \"./rechart-properties\"\n\ninterface ChartContext {\n  styles: { [key: string]: CSSUIObject }\n}\n\nexport const [ChartProvider, useChartContext] = createContext<ChartContext>({\n  name: \"ChartContext\",\n  errorMessage: `useChartContext returned is 'undefined'. Seems you forgot to wrap the components in \"<LineChart />\" or \"<BarChart />\" etc.`,\n})\n\nexport interface UseChartProps {\n  /**\n   * Props passed down to recharts `ResponsiveContainer` component.\n   */\n  containerProps?: ResponsiveContainerProps\n}\n\nexport const useChart = ({ containerProps = {} }: UseChartProps) => {\n  const { theme } = useTheme()\n  const [reChartsProps, propClassName] = getComponentProps<Dict, string>([\n    containerProps,\n    containerProperties,\n  ])(theme)\n\n  const getContainerProps: PropGetter<\n    Partial<Omit<Recharts.ResponsiveContainerProps, \"children\">>,\n    Omit<Recharts.ResponsiveContainerProps, \"children\">\n  > = useCallback(\n    ({ className, ...props } = {}, ref = null) => ({\n      ref,\n      className: cx(\"ui-chart__container\", className as string, propClassName),\n      ...props,\n      ...reChartsProps,\n    }),\n    [propClassName, reChartsProps],\n  )\n\n  return {\n    getContainerProps,\n  }\n}\n\nexport type UseChartReturn = ReturnType<typeof useChart>\n\nexport interface UseLegendProps {}\n\nexport const useLegend = ({}: UseLegendProps = {}) => {\n  const { styles } = useChartContext()\n  return {\n    styles,\n  }\n}\nexport type UseLegendReturn = ReturnType<typeof useLegend>\n\nexport interface UseTooltipProps {}\n\nexport const useTooltip = ({}: UseTooltipProps = {}) => {\n  const { styles } = useChartContext()\n  return {\n    styles,\n  }\n}\nexport type UseTooltipReturn = ReturnType<typeof useTooltip>\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 { Dict } from \"@yamada-ui/utils\"\nimport 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 pieChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.PieChart\n>)[] = [\"width\", \"height\", \"margin\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\"]\n\nexport const radialChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadialBarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"barSize\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\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 pieProperties: (keyof Omit<Recharts.PieProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"startAngle\",\n  \"endAngle\",\n  \"minAngle\",\n  \"paddingAngle\",\n  \"nameKey\",\n  \"dataKey\",\n  \"legendType\",\n  \"label\",\n  \"labelLine\",\n  \"data\",\n  \"activeIndex\",\n  \"activeShape\",\n  \"inactiveShape\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const radialBarProperties: (keyof Omit<\n  Recharts.RadialBarProps,\n  \"ref\"\n>)[] = [\n  \"legendType\",\n  \"label\",\n  \"background\",\n  \"data\",\n  \"dataKey\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"cornerRadius\",\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  \"radialLines\",\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  ]\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\nexport const labelProperties: (keyof Recharts.LabelProps)[] = [\n  \"viewBox\",\n  \"formatter\",\n  \"value\",\n  \"position\",\n  \"offset\",\n  \"children\",\n  \"content\",\n  \"id\",\n]\n\nexport const labelListProperties: (keyof Recharts.LabelListProps<Dict>)[] = [\n  \"dataKey\",\n  \"valueAccessor\",\n  \"content\",\n  \"position\",\n  \"offset\",\n  \"formatter\",\n  \"data\",\n  \"clockWise\",\n  \"id\",\n  \"position\",\n]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,eAAyB;AAGzB,IAAAC,gBAAkC;AAClC,mBAA4B;;;ACH5B,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;;;ACwFK,IAAM,sBAGN;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;AFjHO,IAAM,CAAC,eAAe,eAAe,QAAI,6BAA4B;AAAA,EAC1E,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AASM,IAAM,WAAW,CAAC,EAAE,iBAAiB,CAAC,EAAE,MAAqB;AAClE,QAAM,EAAE,MAAM,QAAI,uBAAS;AAC3B,QAAM,CAAC,eAAe,aAAa,IAAI,kBAAgC;AAAA,IACrE;AAAA,IACA;AAAA,EACF,CAAC,EAAE,KAAK;AAER,QAAM,wBAGF;AAAA,IACF,CAAC,EAAE,WAAW,GAAG,MAAM,IAAI,CAAC,GAAG,MAAM,UAAU;AAAA,MAC7C;AAAA,MACA,eAAW,kBAAG,uBAAuB,WAAqB,aAAa;AAAA,MACvE,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,eAAe,aAAa;AAAA,EAC/B;AAEA,SAAO;AAAA,IACL;AAAA,EACF;AACF;AAMO,IAAM,YAAY,CAAC,CAAC,IAAoB,CAAC,MAAM;AACpD,QAAM,EAAE,OAAO,IAAI,gBAAgB;AACnC,SAAO;AAAA,IACL;AAAA,EACF;AACF;AAKO,IAAM,aAAa,CAAC,CAAC,IAAqB,CAAC,MAAM;AACtD,QAAM,EAAE,OAAO,IAAI,gBAAgB;AACnC,SAAO;AAAA,IACL;AAAA,EACF;AACF;","names":["import_core","import_utils"]}

package/dist/use-chart.mjs

@@ -5,7 +5,7 @@ import {
   useChartContext,
   useLegend,
   useTooltip
-} from "./chunk-3AOICU4Q.mjs";
+} from "./chunk-A3IWA366.mjs";
 import "./chunk-6YUJLLGN.mjs";
 import "./chunk-QL3DB7OJ.mjs";
 export {

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

@@ -2,12 +2,12 @@ import * as react from 'react';
 import * as _yamada_ui_utils from '@yamada-ui/utils';
 import { Dict } from '@yamada-ui/utils';
 import * as _yamada_ui_core from '@yamada-ui/core';
-import { CSSUIObject } from '@yamada-ui/core';
+import { RequiredPropGetter, PropGetter, CSSUIObject } from '@yamada-ui/core';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
 import * as Recharts from 'recharts';
-import { LineProps, LineChartProps, ChartLayoutType, ChartCurveType, ReferenceLineProps, RequiredChartPropGetter, ChartPropGetter } from './chart.types.mjs';
+import { LineProps, LineChartProps, ChartLayoutType, ChartCurveType, ReferenceLineProps } from './chart.types.mjs';
 
-type UseLineChartOptions = {
+interface UseLineChartOptions {
     /**
      * Chart data.
      */
@@ -83,15 +83,15 @@ type UseLineChartOptions = {
      * A label to display below the Y axis.
      */
     yAxisLabel?: string;
-};
-type UseLineChartProps = UseLineChartOptions & {
+}
+interface UseLineChartProps extends UseLineChartOptions {
     styles: Dict<CSSUIObject>;
-};
+}
 declare const useLineChart: ({ data, series, layoutType, withDots, withActiveDots, curveType, strokeWidth, connectNulls, referenceLineProps, fillOpacity, syncId, xAxisLabel, yAxisLabel, styles, ...rest }: UseLineChartProps) => {
-    getLineProps: RequiredChartPropGetter<"div", {
+    getLineProps: RequiredPropGetter<Partial<Recharts.LineProps> & {
         index: number;
     }, Omit<Recharts.LineProps, "ref">>;
-    getLineChartProps: ChartPropGetter<"div", recharts_types_chart_generateCategoricalChart.CategoricalChartProps, recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
+    getLineChartProps: PropGetter<recharts_types_chart_generateCategoricalChart.CategoricalChartProps, recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
     lineVars: {
         __prefix?: string;
         name: string;