@yamada-ui/charts 1.5.4-dev-20241005224505 → 1.5.4-dev-20241006032009

package/dist/chart-tooltip.mjs

@@ -1,10 +1,10 @@
 "use client"
 import {
   ChartTooltip
-} from "./chunk-YSPGYMRF.mjs";
-import "./chunk-A3IWA366.mjs";
+} from "./chunk-5VLSGWQD.mjs";
+import "./chunk-VK65X6Q2.mjs";
 import "./chunk-6YUJLLGN.mjs";
-import "./chunk-QL3DB7OJ.mjs";
+import "./chunk-TXNC7GLT.mjs";
 export {
   ChartTooltip
 };

package/dist/chart-utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart-utils.ts"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,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;","names":[]}
+{"version":3,"sources":["../src/chart-utils.ts"],"sourcesContent":["import type { StyledTheme } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { getCSS } from \"@yamada-ui/core\"\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,kBAAuB;AACvB,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;","names":[]}

package/dist/chart-utils.mjs

@@ -2,7 +2,7 @@
 import {
   getClassName,
   getComponentProps
-} from "./chunk-QL3DB7OJ.mjs";
+} from "./chunk-TXNC7GLT.mjs";
 export {
   getClassName,
   getComponentProps

package/dist/chart.types.d.mts

@@ -1,14 +1,14 @@
 import { CSSUIProps, HTMLUIProps } from '@yamada-ui/core';
 import { Merge, Dict } from '@yamada-ui/utils';
-import { ComponentPropsWithoutRef, SVGProps, ReactElement, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, SVGProps, ReactNode, ReactElement } from 'react';
 import * as Recharts from 'recharts';
 
 type ChartLayoutType = "horizontal" | "vertical";
-type AreaChartType = "default" | "stacked" | "percent" | "split";
+type AreaChartType = "default" | "percent" | "split" | "stacked";
 type BarChartType = Exclude<AreaChartType, "split">;
-type ChartAxisType = "x" | "y" | "xy" | "none";
-type ChartCurveType = "bump" | "linear" | "natural" | "monotone" | "step" | "stepBefore" | "stepAfter";
-type TooltipDataSourceType = "segment" | "all";
+type ChartAxisType = "none" | "x" | "xy" | "y";
+type ChartCurveType = "bump" | "linear" | "monotone" | "natural" | "step" | "stepAfter" | "stepBefore";
+type TooltipDataSourceType = "all" | "segment";
 interface AreaChartProps extends Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.AreaChart>> {
 }
 interface BarChartProps extends Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.BarChart>> {
@@ -27,18 +27,18 @@ interface ResponsiveContainerProps extends Merge<CSSUIProps, Omit<Recharts.Respo
 }
 interface AreaProps extends Merge<Merge<CSSUIProps, Recharts.AreaProps>, {
     color: CSSUIProps["color"];
-    dot?: DotProps;
     activeDot?: DotProps;
-    dimDot?: DotProps;
     dimArea?: Partial<AreaProps>;
+    dimDot?: DotProps;
+    dot?: DotProps;
 }> {
 }
 interface LineProps extends Merge<Merge<CSSUIProps, Recharts.LineProps>, {
     color: CSSUIProps["color"];
     activeDot?: DotProps;
-    dot?: DotProps;
     dimDot?: DotProps;
     dimLine?: Partial<LineProps>;
+    dot?: DotProps;
 }> {
 }
 interface BarProps extends Merge<Merge<CSSUIProps, Recharts.BarProps>, {
@@ -50,10 +50,10 @@ interface BarProps extends Merge<Merge<CSSUIProps, Recharts.BarProps>, {
 }
 interface RadarProps extends Merge<Merge<CSSUIProps, Recharts.RadarProps>, {
     color: CSSUIProps["color"];
-    dot?: DotProps;
     activeDot?: DotProps;
     dimDot?: DotProps;
     dimRadar?: Partial<RadarProps>;
+    dot?: DotProps;
 }> {
 }
 interface PieProps extends Merge<Merge<Recharts.PieProps, CSSUIProps>, {
@@ -75,7 +75,7 @@ interface RadialBarProps extends Merge<Merge<Recharts.RadialBarProps, CSSUIProps
 }
 interface DotProps extends Merge<Omit<Recharts.DotProps, "ref">, CSSUIProps> {
 }
-interface XAxisProps extends Merge<CSSUIProps, Omit<Recharts.XAxisProps, "color" | "stroke" | "fill">> {
+interface XAxisProps extends Merge<CSSUIProps, Omit<Recharts.XAxisProps, "color" | "fill" | "stroke">> {
 }
 interface YAxisProps extends Merge<CSSUIProps, Omit<Recharts.YAxisProps, "color">> {
 }
@@ -97,10 +97,10 @@ interface LabelProps extends Merge<CSSUIProps, Omit<Recharts.LabelProps, "fill">
 }
 interface LabelListProps extends Merge<Recharts.LabelListProps<Dict>, Omit<CSSUIProps, "position">> {
 }
-type ChartTooltipProps = Recharts.TooltipProps<number | string | (number | string)[], number | string>;
-type ChartTooltip = ReactElement | ((props: ChartTooltipProps) => ReactNode);
-interface ChartLabelProps extends Omit<React.SVGProps<SVGTextElement>, "viewBox" | "fill" | "offset">, LabelProps {
+type ChartTooltipProps = Recharts.TooltipProps<(number | string)[] | number | string, number | string>;
+type ChartTooltip = ((props: ChartTooltipProps) => ReactNode) | ReactElement;
+interface ChartLabelProps extends Omit<React.SVGProps<SVGTextElement>, "fill" | "offset" | "viewBox">, LabelProps {
 }
-type ChartLabel = ReactElement | ((props: ChartLabelProps) => ReactNode);
+type ChartLabel = ((props: ChartLabelProps) => ReactNode) | ReactElement;
 
 export type { AreaChartProps, AreaChartType, AreaProps, BarChartProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLabel, ChartLabelProps, ChartLayoutType, ChartTooltip, ChartTooltipProps, DotProps, GridProps, LabelListProps, LabelProps, LegendProps, LineChartProps, LineProps, PieChartProps, PieProps, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarChartProps, RadarProps, RadialBarProps, RadialChartProps, ReferenceLineProps, ResponsiveContainerProps, TooltipDataSourceType, TooltipProps, XAxisProps, YAxisProps };

package/dist/chart.types.d.ts

@@ -1,14 +1,14 @@
 import { CSSUIProps, HTMLUIProps } from '@yamada-ui/core';
 import { Merge, Dict } from '@yamada-ui/utils';
-import { ComponentPropsWithoutRef, SVGProps, ReactElement, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, SVGProps, ReactNode, ReactElement } from 'react';
 import * as Recharts from 'recharts';
 
 type ChartLayoutType = "horizontal" | "vertical";
-type AreaChartType = "default" | "stacked" | "percent" | "split";
+type AreaChartType = "default" | "percent" | "split" | "stacked";
 type BarChartType = Exclude<AreaChartType, "split">;
-type ChartAxisType = "x" | "y" | "xy" | "none";
-type ChartCurveType = "bump" | "linear" | "natural" | "monotone" | "step" | "stepBefore" | "stepAfter";
-type TooltipDataSourceType = "segment" | "all";
+type ChartAxisType = "none" | "x" | "xy" | "y";
+type ChartCurveType = "bump" | "linear" | "monotone" | "natural" | "step" | "stepAfter" | "stepBefore";
+type TooltipDataSourceType = "all" | "segment";
 interface AreaChartProps extends Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.AreaChart>> {
 }
 interface BarChartProps extends Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.BarChart>> {
@@ -27,18 +27,18 @@ interface ResponsiveContainerProps extends Merge<CSSUIProps, Omit<Recharts.Respo
 }
 interface AreaProps extends Merge<Merge<CSSUIProps, Recharts.AreaProps>, {
     color: CSSUIProps["color"];
-    dot?: DotProps;
     activeDot?: DotProps;
-    dimDot?: DotProps;
     dimArea?: Partial<AreaProps>;
+    dimDot?: DotProps;
+    dot?: DotProps;
 }> {
 }
 interface LineProps extends Merge<Merge<CSSUIProps, Recharts.LineProps>, {
     color: CSSUIProps["color"];
     activeDot?: DotProps;
-    dot?: DotProps;
     dimDot?: DotProps;
     dimLine?: Partial<LineProps>;
+    dot?: DotProps;
 }> {
 }
 interface BarProps extends Merge<Merge<CSSUIProps, Recharts.BarProps>, {
@@ -50,10 +50,10 @@ interface BarProps extends Merge<Merge<CSSUIProps, Recharts.BarProps>, {
 }
 interface RadarProps extends Merge<Merge<CSSUIProps, Recharts.RadarProps>, {
     color: CSSUIProps["color"];
-    dot?: DotProps;
     activeDot?: DotProps;
     dimDot?: DotProps;
     dimRadar?: Partial<RadarProps>;
+    dot?: DotProps;
 }> {
 }
 interface PieProps extends Merge<Merge<Recharts.PieProps, CSSUIProps>, {
@@ -75,7 +75,7 @@ interface RadialBarProps extends Merge<Merge<Recharts.RadialBarProps, CSSUIProps
 }
 interface DotProps extends Merge<Omit<Recharts.DotProps, "ref">, CSSUIProps> {
 }
-interface XAxisProps extends Merge<CSSUIProps, Omit<Recharts.XAxisProps, "color" | "stroke" | "fill">> {
+interface XAxisProps extends Merge<CSSUIProps, Omit<Recharts.XAxisProps, "color" | "fill" | "stroke">> {
 }
 interface YAxisProps extends Merge<CSSUIProps, Omit<Recharts.YAxisProps, "color">> {
 }
@@ -97,10 +97,10 @@ interface LabelProps extends Merge<CSSUIProps, Omit<Recharts.LabelProps, "fill">
 }
 interface LabelListProps extends Merge<Recharts.LabelListProps<Dict>, Omit<CSSUIProps, "position">> {
 }
-type ChartTooltipProps = Recharts.TooltipProps<number | string | (number | string)[], number | string>;
-type ChartTooltip = ReactElement | ((props: ChartTooltipProps) => ReactNode);
-interface ChartLabelProps extends Omit<React.SVGProps<SVGTextElement>, "viewBox" | "fill" | "offset">, LabelProps {
+type ChartTooltipProps = Recharts.TooltipProps<(number | string)[] | number | string, number | string>;
+type ChartTooltip = ((props: ChartTooltipProps) => ReactNode) | ReactElement;
+interface ChartLabelProps extends Omit<React.SVGProps<SVGTextElement>, "fill" | "offset" | "viewBox">, LabelProps {
 }
-type ChartLabel = ReactElement | ((props: ChartLabelProps) => ReactNode);
+type ChartLabel = ((props: ChartLabelProps) => ReactNode) | ReactElement;
 
 export type { AreaChartProps, AreaChartType, AreaProps, BarChartProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLabel, ChartLabelProps, ChartLayoutType, ChartTooltip, ChartTooltipProps, DotProps, GridProps, LabelListProps, LabelProps, LegendProps, LineChartProps, LineProps, PieChartProps, PieProps, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarChartProps, RadarProps, RadialBarProps, RadialChartProps, ReferenceLineProps, ResponsiveContainerProps, TooltipDataSourceType, TooltipProps, XAxisProps, YAxisProps };

package/dist/chart.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart.types.ts"],"sourcesContent":["import type { CSSUIProps, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { Dict, Merge } from \"@yamada-ui/utils\"\nimport type {\n  ComponentPropsWithoutRef,\n  ReactElement,\n  ReactNode,\n  SVGProps,\n} from \"react\"\nimport type * as Recharts from \"recharts\"\n\nexport type ChartLayoutType = \"horizontal\" | \"vertical\"\nexport type AreaChartType = \"default\" | \"stacked\" | \"percent\" | \"split\"\nexport type BarChartType = Exclude<AreaChartType, \"split\">\nexport type ChartAxisType = \"x\" | \"y\" | \"xy\" | \"none\"\nexport type ChartCurveType =\n  | \"bump\"\n  | \"linear\"\n  | \"natural\"\n  | \"monotone\"\n  | \"step\"\n  | \"stepBefore\"\n  | \"stepAfter\"\nexport type TooltipDataSourceType = \"segment\" | \"all\"\n\nexport interface AreaChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.AreaChart>\n  > {}\nexport interface BarChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.BarChart>\n  > {}\nexport interface LineChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.LineChart>\n  > {}\nexport interface RadarChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.RadarChart>\n  > {}\nexport interface PieChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.PieChart>\n  > {}\nexport interface RadialChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.RadialBarChart>\n  > {}\nexport interface ReferenceLineProps\n  extends Merge<CSSUIProps, Recharts.ReferenceLineProps> {}\nexport interface ResponsiveContainerProps\n  extends Merge<\n    CSSUIProps,\n    Omit<Recharts.ResponsiveContainerProps, \"children\">\n  > {}\nexport interface AreaProps\n  extends Merge<\n    Merge<CSSUIProps, Recharts.AreaProps>,\n    {\n      color: CSSUIProps[\"color\"]\n      dot?: DotProps\n      activeDot?: DotProps\n      dimDot?: DotProps\n      dimArea?: Partial<AreaProps>\n    }\n  > {}\nexport interface LineProps\n  extends Merge<\n    Merge<CSSUIProps, Recharts.LineProps>,\n    {\n      color: CSSUIProps[\"color\"]\n      activeDot?: DotProps\n      dot?: DotProps\n      dimDot?: DotProps\n      dimLine?: Partial<LineProps>\n    }\n  > {}\nexport interface BarProps\n  extends Merge<\n    Merge<CSSUIProps, Recharts.BarProps>,\n    {\n      color: CSSUIProps[\"color\"]\n      activeBar?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n      background?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n      dimBar?: Partial<BarProps>\n    }\n  > {}\nexport interface RadarProps\n  extends Merge<\n    Merge<CSSUIProps, Recharts.RadarProps>,\n    {\n      color: CSSUIProps[\"color\"]\n      dot?: DotProps\n      activeDot?: DotProps\n      dimDot?: DotProps\n      dimRadar?: Partial<RadarProps>\n    }\n  > {}\nexport interface PieProps\n  extends Merge<\n    Merge<Recharts.PieProps, CSSUIProps>,\n    {\n      activeShape?: Partial<PieProps>\n      inactiveShape?: Partial<PieProps>\n      label?: HTMLUIProps<\"text\">\n      labelLine?: HTMLUIProps<\"path\">\n    }\n  > {}\nexport interface CellProps extends CSSUIProps {\n  name: string\n  value: number\n  dimCell?: Partial<CellProps>\n}\nexport interface RadialBarProps\n  extends Merge<\n    Merge<Recharts.RadialBarProps, CSSUIProps>,\n    {\n      background?: Partial<RadialBarProps>\n      dimRadialBar?: CSSUIProps\n    }\n  > {}\nexport interface DotProps\n  extends Merge<Omit<Recharts.DotProps, \"ref\">, CSSUIProps> {}\nexport interface XAxisProps\n  extends Merge<\n    CSSUIProps,\n    Omit<Recharts.XAxisProps, \"color\" | \"stroke\" | \"fill\">\n  > {}\nexport interface YAxisProps\n  extends Merge<CSSUIProps, Omit<Recharts.YAxisProps, \"color\">> {}\nexport interface LegendProps\n  extends Merge<CSSUIProps, Omit<Recharts.LegendProps, \"ref\">> {}\nexport interface TooltipProps\n  extends Merge<\n    Merge<CSSUIProps, Omit<Recharts.TooltipProps<any, any>, \"ref\">>,\n    { cursor?: CSSUIProps }\n  > {}\nexport interface GridProps\n  extends Merge<CSSUIProps, Recharts.CartesianGridProps> {}\nexport interface PolarGridProps\n  extends Merge<CSSUIProps, Recharts.PolarGridProps> {}\nexport interface PolarAngleAxisProps\n  extends Merge<Recharts.PolarAngleAxisProps, CSSUIProps> {}\nexport interface PolarRadiusAxisProps\n  extends Merge<CSSUIProps, Recharts.PolarRadiusAxisProps> {}\nexport interface LabelProps\n  extends Merge<CSSUIProps, Omit<Recharts.LabelProps, \"fill\">> {}\nexport interface LabelListProps\n  extends Merge<Recharts.LabelListProps<Dict>, Omit<CSSUIProps, \"position\">> {}\nexport type ChartTooltipProps = Recharts.TooltipProps<\n  number | string | (number | string)[],\n  number | string\n>\nexport type ChartTooltip =\n  | ReactElement\n  | ((props: ChartTooltipProps) => ReactNode)\nexport interface ChartLabelProps\n  extends Omit<React.SVGProps<SVGTextElement>, \"viewBox\" | \"fill\" | \"offset\">,\n    LabelProps {}\nexport type ChartLabel = ReactElement | ((props: ChartLabelProps) => ReactNode)\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../src/chart.types.ts"],"sourcesContent":["import type { CSSUIProps, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { Dict, Merge } from \"@yamada-ui/utils\"\nimport type {\n  ComponentPropsWithoutRef,\n  ReactElement,\n  ReactNode,\n  SVGProps,\n} from \"react\"\nimport type * as Recharts from \"recharts\"\n\nexport type ChartLayoutType = \"horizontal\" | \"vertical\"\nexport type AreaChartType = \"default\" | \"percent\" | \"split\" | \"stacked\"\nexport type BarChartType = Exclude<AreaChartType, \"split\">\nexport type ChartAxisType = \"none\" | \"x\" | \"xy\" | \"y\"\nexport type ChartCurveType =\n  | \"bump\"\n  | \"linear\"\n  | \"monotone\"\n  | \"natural\"\n  | \"step\"\n  | \"stepAfter\"\n  | \"stepBefore\"\nexport type TooltipDataSourceType = \"all\" | \"segment\"\n\nexport interface AreaChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.AreaChart>\n  > {}\nexport interface BarChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.BarChart>\n  > {}\nexport interface LineChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.LineChart>\n  > {}\nexport interface RadarChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.RadarChart>\n  > {}\nexport interface PieChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.PieChart>\n  > {}\nexport interface RadialChartProps\n  extends Merge<\n    CSSUIProps,\n    ComponentPropsWithoutRef<typeof Recharts.RadialBarChart>\n  > {}\nexport interface ReferenceLineProps\n  extends Merge<CSSUIProps, Recharts.ReferenceLineProps> {}\nexport interface ResponsiveContainerProps\n  extends Merge<\n    CSSUIProps,\n    Omit<Recharts.ResponsiveContainerProps, \"children\">\n  > {}\nexport interface AreaProps\n  extends Merge<\n    Merge<CSSUIProps, Recharts.AreaProps>,\n    {\n      color: CSSUIProps[\"color\"]\n      activeDot?: DotProps\n      dimArea?: Partial<AreaProps>\n      dimDot?: DotProps\n      dot?: DotProps\n    }\n  > {}\nexport interface LineProps\n  extends Merge<\n    Merge<CSSUIProps, Recharts.LineProps>,\n    {\n      color: CSSUIProps[\"color\"]\n      activeDot?: DotProps\n      dimDot?: DotProps\n      dimLine?: Partial<LineProps>\n      dot?: DotProps\n    }\n  > {}\nexport interface BarProps\n  extends Merge<\n    Merge<CSSUIProps, Recharts.BarProps>,\n    {\n      color: CSSUIProps[\"color\"]\n      activeBar?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n      background?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n      dimBar?: Partial<BarProps>\n    }\n  > {}\nexport interface RadarProps\n  extends Merge<\n    Merge<CSSUIProps, Recharts.RadarProps>,\n    {\n      color: CSSUIProps[\"color\"]\n      activeDot?: DotProps\n      dimDot?: DotProps\n      dimRadar?: Partial<RadarProps>\n      dot?: DotProps\n    }\n  > {}\nexport interface PieProps\n  extends Merge<\n    Merge<Recharts.PieProps, CSSUIProps>,\n    {\n      activeShape?: Partial<PieProps>\n      inactiveShape?: Partial<PieProps>\n      label?: HTMLUIProps<\"text\">\n      labelLine?: HTMLUIProps<\"path\">\n    }\n  > {}\nexport interface CellProps extends CSSUIProps {\n  name: string\n  value: number\n  dimCell?: Partial<CellProps>\n}\nexport interface RadialBarProps\n  extends Merge<\n    Merge<Recharts.RadialBarProps, CSSUIProps>,\n    {\n      background?: Partial<RadialBarProps>\n      dimRadialBar?: CSSUIProps\n    }\n  > {}\nexport interface DotProps\n  extends Merge<Omit<Recharts.DotProps, \"ref\">, CSSUIProps> {}\nexport interface XAxisProps\n  extends Merge<\n    CSSUIProps,\n    Omit<Recharts.XAxisProps, \"color\" | \"fill\" | \"stroke\">\n  > {}\nexport interface YAxisProps\n  extends Merge<CSSUIProps, Omit<Recharts.YAxisProps, \"color\">> {}\nexport interface LegendProps\n  extends Merge<CSSUIProps, Omit<Recharts.LegendProps, \"ref\">> {}\nexport interface TooltipProps\n  extends Merge<\n    Merge<CSSUIProps, Omit<Recharts.TooltipProps<any, any>, \"ref\">>,\n    { cursor?: CSSUIProps }\n  > {}\nexport interface GridProps\n  extends Merge<CSSUIProps, Recharts.CartesianGridProps> {}\nexport interface PolarGridProps\n  extends Merge<CSSUIProps, Recharts.PolarGridProps> {}\nexport interface PolarAngleAxisProps\n  extends Merge<Recharts.PolarAngleAxisProps, CSSUIProps> {}\nexport interface PolarRadiusAxisProps\n  extends Merge<CSSUIProps, Recharts.PolarRadiusAxisProps> {}\nexport interface LabelProps\n  extends Merge<CSSUIProps, Omit<Recharts.LabelProps, \"fill\">> {}\nexport interface LabelListProps\n  extends Merge<Recharts.LabelListProps<Dict>, Omit<CSSUIProps, \"position\">> {}\nexport type ChartTooltipProps = Recharts.TooltipProps<\n  (number | string)[] | number | string,\n  number | string\n>\nexport type ChartTooltip =\n  | ((props: ChartTooltipProps) => ReactNode)\n  | ReactElement\nexport interface ChartLabelProps\n  extends Omit<React.SVGProps<SVGTextElement>, \"fill\" | \"offset\" | \"viewBox\">,\n    LabelProps {}\nexport type ChartLabel = ((props: ChartLabelProps) => ReactNode) | ReactElement\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/{chunk-YSPGYMRF.mjs → chunk-5VLSGWQD.mjs}

@@ -1,7 +1,7 @@
 "use client"
 import {
   useTooltip
-} from "./chunk-A3IWA366.mjs";
+} from "./chunk-VK65X6Q2.mjs";
 
 // src/chart-tooltip.tsx
 import { forwardRef, ui } from "@yamada-ui/core";
@@ -9,22 +9,22 @@ import { cx, isArray } from "@yamada-ui/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ChartTooltip = forwardRef(
   ({
-    label,
-    dataKey = "value",
     className,
-    payload = [],
-    valueFormatter,
+    dataKey = "value",
+    isRadialChart,
+    label,
     labelFormatter,
+    payload = [],
     unit,
-    isRadialChart,
+    valueFormatter,
     ...rest
   }, ref) => {
     var _a;
     const { styles } = useTooltip();
     const items = payload.map(
       ({
-        color: colorProp,
         name: nameProp,
+        color: colorProp,
         [dataKey]: valueProp,
         payload: payload2
       } = {}, index) => {
@@ -100,4 +100,4 @@ ChartTooltip.__ui__ = "ChartTooltip";
 export {
   ChartTooltip
 };
-//# sourceMappingURL=chunk-YSPGYMRF.mjs.map
+//# sourceMappingURL=chunk-5VLSGWQD.mjs.map

package/dist/{chunk-YSPGYMRF.mjs.map → chunk-5VLSGWQD.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart-tooltip.tsx"],"sourcesContent":["import { forwardRef, ui } from \"@yamada-ui/core\"\nimport { cx, isArray } from \"@yamada-ui/utils\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { useTooltip } from \"./use-chart\"\n\nexport interface ChartTooltipProps {\n  label?: string\n  dataKey?: string\n  payload: Dict[] | undefined\n  valueFormatter?: (value: any) => string\n  labelFormatter?: (label: string) => string\n  unit?: string\n  isRadialChart?: boolean\n}\n\nexport const ChartTooltip = forwardRef<ChartTooltipProps, \"div\">(\n  (\n    {\n      label,\n      dataKey = \"value\",\n      className,\n      payload = [],\n      valueFormatter,\n      labelFormatter,\n      unit,\n      isRadialChart,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { styles } = useTooltip()\n\n    const items = payload.map(\n      (\n        {\n          color: colorProp,\n          name: nameProp,\n          [dataKey]: valueProp,\n          payload,\n        } = {},\n        index,\n      ) => {\n        const name = isRadialChart ? payload?.name : nameProp\n        const color = colorProp ?? payload?.color\n        let value: string\n\n        if (isArray(valueProp)) {\n          value = valueProp\n            .map((value) => {\n              return `${valueFormatter?.(value) ?? value}`\n            })\n            .join(\" - \")\n        } else {\n          value = valueFormatter?.(valueProp) ?? valueProp\n        }\n\n        return (\n          <ui.div\n            className=\"ui-chart__tooltip-item\"\n            key={`tooltip-payload-${index}`}\n            __css={styles.tooltipItem}\n          >\n            <ui.div\n              className=\"ui-chart__tooltip-swatch\"\n              background={color}\n              __css={styles.tooltipSwatch}\n            />\n\n            <ui.span\n              className=\"ui-chart__tooltip-label\"\n              __css={styles.tooltipLabel}\n            >\n              {name}\n            </ui.span>\n\n            <ui.span\n              className=\"ui-chart__tooltip-value\"\n              __css={styles.tooltipValue}\n            >\n              {value}\n              {unit ? unit : \"\"}\n            </ui.span>\n          </ui.div>\n        )\n      },\n    )\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-chart__tooltip\", className)}\n        __css={styles.tooltip}\n        {...rest}\n      >\n        {label ? (\n          <ui.p className=\"ui-chart__tooltip-title\" __css={styles.tooltipTitle}>\n            {labelFormatter?.(label) ?? label}\n          </ui.p>\n        ) : null}\n\n        <ui.div className=\"ui-chart__tooltip-list\" __css={styles.tooltipList}>\n          {items}\n        </ui.div>\n      </ui.div>\n    )\n  },\n)\n\nChartTooltip.displayName = \"ChartTooltip\"\nChartTooltip.__ui__ = \"ChartTooltip\"\n"],"mappings":";;;;;;AAAA,SAAS,YAAY,UAAU;AAC/B,SAAS,IAAI,eAAe;AA6DhB,cAaA,YAbA;AA/CL,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,UAAU,CAAC;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AA7BP;AA8BI,UAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,UAAM,QAAQ,QAAQ;AAAA,MACpB,CACE;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,CAAC,UAAU;AAAA,QACX,SAAAA;AAAA,MACF,IAAI,CAAC,GACL,UACG;AAzCX,YAAAC;AA0CQ,cAAM,OAAO,gBAAgBD,YAAA,gBAAAA,SAAS,OAAO;AAC7C,cAAM,QAAQ,gCAAaA,YAAA,gBAAAA,SAAS;AACpC,YAAI;AAEJ,YAAI,QAAQ,SAAS,GAAG;AACtB,kBAAQ,UACL,IAAI,CAACE,WAAU;AAhD5B,gBAAAD;AAiDc,mBAAO,IAAGA,MAAA,iDAAiBC,YAAjB,OAAAD,MAA2BC,MAAK;AAAA,UAC5C,CAAC,EACA,KAAK,KAAK;AAAA,QACf,OAAO;AACL,mBAAQD,MAAA,iDAAiB,eAAjB,OAAAA,MAA+B;AAAA,QACzC;AAEA,eACE;AAAA,UAAC,GAAG;AAAA,UAAH;AAAA,YACC,WAAU;AAAA,YAEV,OAAO,OAAO;AAAA,YAEd;AAAA;AAAA,gBAAC,GAAG;AAAA,gBAAH;AAAA,kBACC,WAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,OAAO,OAAO;AAAA;AAAA,cAChB;AAAA,cAEA;AAAA,gBAAC,GAAG;AAAA,gBAAH;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,OAAO;AAAA,kBAEb;AAAA;AAAA,cACH;AAAA,cAEA;AAAA,gBAAC,GAAG;AAAA,gBAAH;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,OAAO;AAAA,kBAEb;AAAA;AAAA,oBACA,OAAO,OAAO;AAAA;AAAA;AAAA,cACjB;AAAA;AAAA;AAAA,UAtBK,mBAAmB,KAAK;AAAA,QAuB/B;AAAA,MAEJ;AAAA,IACF;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO,OAAO;AAAA,QACb,GAAG;AAAA,QAEH;AAAA,kBACC,oBAAC,GAAG,GAAH,EAAK,WAAU,2BAA0B,OAAO,OAAO,cACrD,iEAAiB,WAAjB,YAA2B,OAC9B,IACE;AAAA,UAEJ,oBAAC,GAAG,KAAH,EAAO,WAAU,0BAAyB,OAAO,OAAO,aACtD,iBACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":["payload","_a","value"]}
+{"version":3,"sources":["../src/chart-tooltip.tsx"],"sourcesContent":["import type { Dict } from \"@yamada-ui/utils\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { cx, isArray } from \"@yamada-ui/utils\"\nimport { useTooltip } from \"./use-chart\"\n\nexport interface ChartTooltipProps {\n  payload: Dict[] | undefined\n  dataKey?: string\n  isRadialChart?: boolean\n  label?: string\n  labelFormatter?: (label: string) => string\n  unit?: string\n  valueFormatter?: (value: any) => string\n}\n\nexport const ChartTooltip = forwardRef<ChartTooltipProps, \"div\">(\n  (\n    {\n      className,\n      dataKey = \"value\",\n      isRadialChart,\n      label,\n      labelFormatter,\n      payload = [],\n      unit,\n      valueFormatter,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { styles } = useTooltip()\n\n    const items = payload.map(\n      (\n        {\n          name: nameProp,\n          color: colorProp,\n          [dataKey]: valueProp,\n          payload,\n        } = {},\n        index,\n      ) => {\n        const name = isRadialChart ? payload?.name : nameProp\n        const color = colorProp ?? payload?.color\n        let value: string\n\n        if (isArray(valueProp)) {\n          value = valueProp\n            .map((value) => {\n              return `${valueFormatter?.(value) ?? value}`\n            })\n            .join(\" - \")\n        } else {\n          value = valueFormatter?.(valueProp) ?? valueProp\n        }\n\n        return (\n          <ui.div\n            key={`tooltip-payload-${index}`}\n            className=\"ui-chart__tooltip-item\"\n            __css={styles.tooltipItem}\n          >\n            <ui.div\n              className=\"ui-chart__tooltip-swatch\"\n              background={color}\n              __css={styles.tooltipSwatch}\n            />\n\n            <ui.span\n              className=\"ui-chart__tooltip-label\"\n              __css={styles.tooltipLabel}\n            >\n              {name}\n            </ui.span>\n\n            <ui.span\n              className=\"ui-chart__tooltip-value\"\n              __css={styles.tooltipValue}\n            >\n              {value}\n              {unit ? unit : \"\"}\n            </ui.span>\n          </ui.div>\n        )\n      },\n    )\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-chart__tooltip\", className)}\n        __css={styles.tooltip}\n        {...rest}\n      >\n        {label ? (\n          <ui.p className=\"ui-chart__tooltip-title\" __css={styles.tooltipTitle}>\n            {labelFormatter?.(label) ?? label}\n          </ui.p>\n        ) : null}\n\n        <ui.div className=\"ui-chart__tooltip-list\" __css={styles.tooltipList}>\n          {items}\n        </ui.div>\n      </ui.div>\n    )\n  },\n)\n\nChartTooltip.displayName = \"ChartTooltip\"\nChartTooltip.__ui__ = \"ChartTooltip\"\n"],"mappings":";;;;;;AACA,SAAS,YAAY,UAAU;AAC/B,SAAS,IAAI,eAAe;AA4DhB,cAaA,YAbA;AA/CL,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AA7BP;AA8BI,UAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,UAAM,QAAQ,QAAQ;AAAA,MACpB,CACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,CAAC,UAAU;AAAA,QACX,SAAAA;AAAA,MACF,IAAI,CAAC,GACL,UACG;AAzCX,YAAAC;AA0CQ,cAAM,OAAO,gBAAgBD,YAAA,gBAAAA,SAAS,OAAO;AAC7C,cAAM,QAAQ,gCAAaA,YAAA,gBAAAA,SAAS;AACpC,YAAI;AAEJ,YAAI,QAAQ,SAAS,GAAG;AACtB,kBAAQ,UACL,IAAI,CAACE,WAAU;AAhD5B,gBAAAD;AAiDc,mBAAO,IAAGA,MAAA,iDAAiBC,YAAjB,OAAAD,MAA2BC,MAAK;AAAA,UAC5C,CAAC,EACA,KAAK,KAAK;AAAA,QACf,OAAO;AACL,mBAAQD,MAAA,iDAAiB,eAAjB,OAAAA,MAA+B;AAAA,QACzC;AAEA,eACE;AAAA,UAAC,GAAG;AAAA,UAAH;AAAA,YAEC,WAAU;AAAA,YACV,OAAO,OAAO;AAAA,YAEd;AAAA;AAAA,gBAAC,GAAG;AAAA,gBAAH;AAAA,kBACC,WAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,OAAO,OAAO;AAAA;AAAA,cAChB;AAAA,cAEA;AAAA,gBAAC,GAAG;AAAA,gBAAH;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,OAAO;AAAA,kBAEb;AAAA;AAAA,cACH;AAAA,cAEA;AAAA,gBAAC,GAAG;AAAA,gBAAH;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,OAAO;AAAA,kBAEb;AAAA;AAAA,oBACA,OAAO,OAAO;AAAA;AAAA;AAAA,cACjB;AAAA;AAAA;AAAA,UAvBK,mBAAmB,KAAK;AAAA,QAwB/B;AAAA,MAEJ;AAAA,IACF;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO,OAAO;AAAA,QACb,GAAG;AAAA,QAEH;AAAA,kBACC,oBAAC,GAAG,GAAH,EAAK,WAAU,2BAA0B,OAAO,OAAO,cACrD,iEAAiB,WAAjB,YAA2B,OAC9B,IACE;AAAA,UAEJ,oBAAC,GAAG,KAAH,EAAO,WAAU,0BAAyB,OAAO,OAAO,aACtD,iBACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":["payload","_a","value"]}

package/dist/{chunk-XYUYAHJX.mjs → chunk-6JRMEI6J.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6YUJLLGN.mjs";
 import {
   getComponentProps
-} from "./chunk-QL3DB7OJ.mjs";
+} from "./chunk-TXNC7GLT.mjs";
 
 // src/use-polar-grid.tsx
 import { useTheme } from "@yamada-ui/core";
@@ -42,4 +42,4 @@ var usePolarGrid = ({
 export {
   usePolarGrid
 };
-//# sourceMappingURL=chunk-XYUYAHJX.mjs.map
+//# sourceMappingURL=chunk-6JRMEI6J.mjs.map

package/dist/chunk-6JRMEI6J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-polar-grid.tsx"],"sourcesContent":["import type { CSSUIObject, PropGetter } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport type * as Recharts from \"recharts\"\nimport type { PolarGridProps } from \"./chart.types\"\nimport { useTheme } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo } from \"react\"\nimport { getComponentProps } from \"./chart-utils\"\nimport { polarGridProperties } from \"./rechart-properties\"\n\nexport interface UsePolarGridOptions {\n  /**\n   * Dash array for the grid lines and cursor. The first number is the length of the solid line section and the second number is the length of the interval.\n   */\n  strokeDasharray?: number | string\n  /**\n   * Props passed down to recharts `PolarGrid` component.\n   */\n  polarGridProps?: PolarGridProps\n}\n\ninterface UsePolarGridProps extends UsePolarGridOptions {\n  styles: Dict<CSSUIObject | undefined>\n}\n\nexport const usePolarGrid = ({\n  strokeDasharray,\n  styles,\n  ...rest\n}: UsePolarGridProps) => {\n  const { theme } = useTheme()\n\n  const [polarGridProps, polarGridClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [rest.polarGridProps ?? {}, polarGridProperties],\n        styles.polarGrid,\n      )(theme),\n    [rest.polarGridProps, styles.polarGrid, theme],\n  )\n\n  const getPolarGridProps: PropGetter<\n    Recharts.PolarGridProps,\n    Recharts.PolarGridProps\n  > = useCallback(\n    ({ className, ...props } = {}, ref = null) => ({\n      ref,\n      className: cx(className, polarGridClassName),\n      strokeDasharray,\n      ...props,\n      ...polarGridProps,\n    }),\n    [polarGridClassName, polarGridProps, strokeDasharray],\n  )\n\n  return { getPolarGridProps }\n}\n"],"mappings":";;;;;;;;;AAIA,SAAS,gBAAgB;AACzB,SAAS,UAAU;AACnB,SAAS,aAAa,eAAe;AAmB9B,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyB;AACvB,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,QAAM,CAAC,gBAAgB,kBAAkB,IAAI;AAAA,IAC3C,MAAG;AAjCP;AAkCM;AAAA,QACE,EAAC,UAAK,mBAAL,YAAuB,CAAC,GAAG,mBAAmB;AAAA,QAC/C,OAAO;AAAA,MACT,EAAE,KAAK;AAAA;AAAA,IACT,CAAC,KAAK,gBAAgB,OAAO,WAAW,KAAK;AAAA,EAC/C;AAEA,QAAM,oBAGF;AAAA,IACF,CAAC,EAAE,WAAW,GAAG,MAAM,IAAI,CAAC,GAAG,MAAM,UAAU;AAAA,MAC7C;AAAA,MACA,WAAW,GAAG,WAAW,kBAAkB;AAAA,MAC3C;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,oBAAoB,gBAAgB,eAAe;AAAA,EACtD;AAEA,SAAO,EAAE,kBAAkB;AAC7B;","names":[]}

package/dist/{chunk-VKBRU4Z4.mjs → chunk-AYVTBRCS.mjs}

@@ -6,27 +6,27 @@ import {
 } from "./chunk-6YUJLLGN.mjs";
 import {
   getComponentProps
-} from "./chunk-QL3DB7OJ.mjs";
+} from "./chunk-TXNC7GLT.mjs";
 
 // src/use-line-chart.ts
 import { getVar, useTheme } from "@yamada-ui/core";
-import { cx } from "@yamada-ui/utils";
+import { cx, runIfFunc } from "@yamada-ui/utils";
 import { useCallback, useMemo, useState } from "react";
 var useLineChart = ({
+  connectNulls = true,
+  curveType = "monotone",
   data,
-  series,
+  fillOpacity = 1,
   layoutType = "horizontal",
-  withDots = true,
-  withActiveDots = true,
-  curveType = "monotone",
+  series,
   strokeWidth = 2,
-  connectNulls = true,
-  referenceLineProps,
-  fillOpacity = 1,
+  styles,
   syncId,
+  withActiveDots = true,
+  withDots = true,
   xAxisLabel,
   yAxisLabel,
-  styles,
+  referenceLineProps,
   ...rest
 }) => {
   var _a;
@@ -34,10 +34,10 @@ var useLineChart = ({
   const [highlightedArea, setHighlightedArea] = useState(null);
   const shouldHighlight = highlightedArea !== null;
   const {
-    dot = {},
     activeDot = {},
     dimDot,
     dimLine,
+    dot = {},
     ...computedLineProps
   } = (_a = rest.lineProps) != null ? _a : {};
   const lineColors = useMemo(
@@ -118,11 +118,11 @@ var useLineChart = ({
   const linePropList = useMemo(
     () => series.map((props, index) => {
       const {
-        dataKey,
-        dot: dot2 = {},
         activeDot: activeDot2 = {},
+        dataKey,
         dimDot: dimDot2 = {},
         dimLine: dimLine2 = {},
+        dot: dot2 = {},
         ...computedProps
       } = props;
       const color = getVar(`line-${index}`)(theme);
@@ -148,8 +148,8 @@ var useLineChart = ({
         resolvedActiveDot = {
           className: cx("ui-line-chart__active-dot", className),
           fill: color,
-          stroke: color,
           r: 4,
+          stroke: color,
           ...rest3
         };
       } else {
@@ -178,9 +178,9 @@ var useLineChart = ({
       }
       return {
         ...rest2,
+        activeDot: resolvedActiveDot,
         color,
         dataKey,
-        activeDot: resolvedActiveDot,
         dot: resolvedDot
       };
     }),
@@ -209,12 +209,12 @@ var useLineChart = ({
       className: cx(className, lineChartClassName),
       data,
       layout: layoutType,
-      syncId,
       margin: {
         bottom: xAxisLabel ? 30 : void 0,
         left: yAxisLabel ? 10 : void 0,
         right: yAxisLabel ? 5 : void 0
       },
+      syncId,
       ...props,
       ...chartProps
     }),
@@ -229,20 +229,21 @@ var useLineChart = ({
     ]
   );
   const getLineProps = useCallback(
-    ({ index, className: classNameProp, ...props }) => {
-      const { color, className, dataKey, activeDot: activeDot2, dot: dot2, ...rest2 } = linePropList[index];
+    ({ className: classNameProp, index, ...props }) => {
+      var _a2;
+      const { className, activeDot: activeDot2, color, dataKey, dot: dot2, ...rest2 } = (_a2 = linePropList[index]) != null ? _a2 : {};
       return {
+        type: curveType,
+        name: runIfFunc(dataKey, {}),
         className: cx(classNameProp, className),
         activeDot: activeDot2,
-        dot: dot2,
-        name: dataKey,
-        type: curveType,
+        connectNulls,
         dataKey,
+        dot: dot2,
         fill: color,
-        strokeWidth,
-        stroke: color,
         isAnimationActive: false,
-        connectNulls,
+        stroke: color,
+        strokeWidth,
         ...props,
         ...rest2
       };
@@ -250,14 +251,14 @@ var useLineChart = ({
     [connectNulls, curveType, linePropList, strokeWidth]
   );
   return {
-    getLineProps,
-    getLineChartProps,
     lineVars,
-    setHighlightedArea
+    setHighlightedArea,
+    getLineChartProps,
+    getLineProps
   };
 };
 
 export {
   useLineChart
 };
-//# sourceMappingURL=chunk-VKBRU4Z4.mjs.map
+//# sourceMappingURL=chunk-AYVTBRCS.mjs.map

package/dist/chunk-AYVTBRCS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-line-chart.ts"],"sourcesContent":["import type {\n  CSSUIObject,\n  CSSUIProps,\n  PropGetter,\n  RequiredPropGetter,\n} from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport type { ComponentPropsWithoutRef } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport type {\n  ChartCurveType,\n  ChartLayoutType,\n  LineChartProps,\n  LineProps,\n  ReferenceLineProps,\n} from \"./chart.types\"\nimport { getVar, useTheme } from \"@yamada-ui/core\"\nimport { cx, runIfFunc } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo, useState } from \"react\"\nimport { getComponentProps } from \"./chart-utils\"\nimport {\n  dotProperties,\n  lineChartProperties,\n  lineProperties,\n} from \"./rechart-properties\"\n\nexport interface UseLineChartOptions {\n  /**\n   * Chart data.\n   */\n  data: Dict[]\n  /**\n   * An array of objects with `dataKey` and `color` keys. Determines which data should be consumed from the `data` array.\n   */\n  series: LineProps[]\n  /**\n   * Determines whether points with `null` values should be connected.\n   *\n   * @default true\n   */\n  connectNulls?: boolean\n  /**\n   * Type of the curve.\n   *\n   * @default `monotone`\n   */\n  curveType?: ChartCurveType\n  /**\n   * Controls fill opacity of all lines.\n   *\n   * @default 1\n   */\n  fillOpacity?: [number, number] | number\n  /**\n   * Chart orientation.\n   *\n   * @default 'horizontal'\n   */\n  layoutType?: ChartLayoutType\n  /**\n   * Stroke width for the chart lines.\n   *\n   * @default 2\n   */\n  strokeWidth?: number\n  /**\n   * If any two categorical charts have the same syncId,\n   * these two charts can sync the position tooltip, and the startIndex, endIndex of Brush.\n   */\n  syncId?: number | string\n  /**\n   * Determines whether activeDots should be displayed.\n   *\n   * @default true\n   */\n  withActiveDots?: boolean\n  /**\n   * Determines whether dots should be displayed.\n   *\n   * @default true\n   */\n  withDots?: boolean\n  /**\n   * A label to display below the X axis.\n   */\n  xAxisLabel?: string\n  /**\n   * A label to display below the Y axis.\n   */\n  yAxisLabel?: string\n  /**\n   * Props passed down to recharts `LineChart` component.\n   */\n  chartProps?: LineChartProps\n  /**\n   * Props for the lines.\n   */\n  lineProps?: Partial<LineProps>\n  /**\n   * Reference lines that should be displayed on the chart.\n   */\n  referenceLineProps?: ReferenceLineProps[]\n}\n\ninterface UseLineChartProps extends UseLineChartOptions {\n  styles: Dict<CSSUIObject | undefined>\n}\n\nexport const useLineChart = ({\n  connectNulls = true,\n  curveType = \"monotone\",\n  data,\n  fillOpacity = 1,\n  layoutType = \"horizontal\",\n  series,\n  strokeWidth = 2,\n  styles,\n  syncId,\n  withActiveDots = true,\n  withDots = true,\n  xAxisLabel,\n  yAxisLabel,\n  referenceLineProps,\n  ...rest\n}: UseLineChartProps) => {\n  const { theme } = useTheme()\n  const [highlightedArea, setHighlightedArea] = useState<null | string>(null)\n  const shouldHighlight = highlightedArea !== null\n  const {\n    activeDot = {},\n    dimDot,\n    dimLine,\n    dot = {},\n    ...computedLineProps\n  } = rest.lineProps ?? {}\n\n  const lineColors: CSSUIProps[\"vars\"] = useMemo(\n    () =>\n      series.map(({ color }, index) => ({\n        name: `line-${index}`,\n        token: \"colors\",\n        value: color ?? \"transparent\",\n      })),\n    [series],\n  )\n\n  const referenceLineColors: CSSUIProps[\"vars\"] = useMemo(\n    () =>\n      referenceLineProps\n        ? referenceLineProps.map(({ color }, index) => ({\n            name: `reference-line-${index}`,\n            token: \"colors\",\n            value: color ?? \"transparent\",\n          }))\n        : [],\n    [referenceLineProps],\n  )\n\n  const lineVars: CSSUIProps[\"vars\"] = useMemo(\n    () => [\n      ...lineColors,\n      ...referenceLineColors,\n      { name: \"fill-opacity\", value: fillOpacity },\n    ],\n    [fillOpacity, lineColors, referenceLineColors],\n  )\n\n  const [chartProps, lineChartClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [rest.chartProps ?? {}, lineChartProperties],\n        styles.chart,\n      )(theme),\n    [rest.chartProps, styles.chart, theme],\n  )\n\n  const [lineProps, lineClassName] = useMemo(() => {\n    const resolvedLineProps = {\n      fillOpacity: \"$fill-opacity\",\n      strokeOpacity: \"$fill-opacity\",\n      ...computedLineProps,\n    }\n\n    return getComponentProps<Dict, string>(\n      [resolvedLineProps, lineProperties],\n      styles.line,\n    )(theme)\n  }, [computedLineProps, styles.line, theme])\n\n  const [dimLineProps, dimLineClassName] = useMemo(() => {\n    const resolvedDimLine = { fillOpacity: 0, strokeOpacity: 0.3, ...dimLine }\n\n    return getComponentProps<Dict, string>([resolvedDimLine, lineProperties])(\n      theme,\n    )\n  }, [dimLine, theme])\n\n  const [dotProps, dotClassName] = useMemo(() => {\n    const resolvedDot = { fillOpacity: 1, strokeOpacity: 1, ...dot }\n\n    return getComponentProps<Dict, string>(\n      [resolvedDot, dotProperties],\n      styles.dot,\n    )(theme)\n  }, [dot, styles.dot, theme])\n\n  const [activeDotProps, activeDotClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [activeDot, dotProperties],\n        styles.activeDot,\n      )(theme),\n    [activeDot, styles.activeDot, theme],\n  )\n\n  const [dimDotProps, dimDotClassName] = useMemo(() => {\n    const resolvedDimDot = {\n      fillOpacity: 0,\n      strokeOpacity: 0,\n      ...dimDot,\n    }\n\n    return getComponentProps<Dict, string>([resolvedDimDot, dotProperties])(\n      theme,\n    )\n  }, [dimDot, theme])\n\n  const linePropList = useMemo(\n    () =>\n      series.map((props, index) => {\n        const {\n          activeDot = {},\n          dataKey,\n          dimDot = {},\n          dimLine = {},\n          dot = {},\n          ...computedProps\n        } = props\n        const color = getVar(`line-${index}`)(theme)\n        const dimmed = shouldHighlight && highlightedArea !== dataKey\n        const computedDimLine = { ...dimLineProps, ...dimLine }\n        const resolvedProps = {\n          ...lineProps,\n          ...computedProps,\n          ...(dimmed ? computedDimLine : {}),\n        }\n\n        const rest = getComponentProps<Dict, string>(\n          [resolvedProps, lineProperties],\n          lineClassName,\n          dimmed ? dimLineClassName : undefined,\n        )(theme, true)\n\n        let resolvedActiveDot: boolean | Recharts.DotProps\n\n        if (withActiveDots) {\n          const computedActiveDot = { ...activeDotProps, ...activeDot }\n\n          const [rest, className] = getComponentProps(\n            [computedActiveDot, dotProperties],\n            activeDotClassName,\n          )(theme)\n\n          resolvedActiveDot = {\n            className: cx(\"ui-line-chart__active-dot\", className),\n            fill: color,\n            r: 4,\n            stroke: color,\n            ...rest,\n          } as Recharts.DotProps\n        } else {\n          resolvedActiveDot = false\n        }\n\n        let resolvedDot: boolean | Recharts.DotProps\n\n        if (withDots) {\n          const computedDimDot = { ...dimDotProps, ...dimDot }\n          const computedDot = {\n            ...dotProps,\n            ...dot,\n            ...(dimmed ? computedDimDot : {}),\n          }\n\n          const [rest, className] = getComponentProps(\n            [computedDot, dotProperties],\n            dotClassName,\n            dimmed ? dimDotClassName : undefined,\n          )(theme)\n\n          resolvedDot = {\n            className: cx(\"ui-line-chart__dot\", className),\n            fill: color,\n            ...rest,\n          } as Recharts.DotProps\n        } else {\n          resolvedDot = false\n        }\n\n        return {\n          ...rest,\n          activeDot: resolvedActiveDot,\n          color,\n          dataKey,\n          dot: resolvedDot,\n        }\n      }),\n    [\n      series,\n      shouldHighlight,\n      highlightedArea,\n      dimLineProps,\n      lineProps,\n      lineClassName,\n      dimLineClassName,\n      theme,\n      withActiveDots,\n      withDots,\n      activeDotProps,\n      activeDotClassName,\n      dimDotProps,\n      dotProps,\n      dotClassName,\n      dimDotClassName,\n    ],\n  )\n\n  const getLineChartProps: PropGetter<\n    ComponentPropsWithoutRef<typeof Recharts.LineChart>,\n    ComponentPropsWithoutRef<typeof Recharts.LineChart>\n  > = useCallback(\n    ({ className, ...props } = {}, ref = null) => ({\n      ref,\n      className: cx(className, lineChartClassName),\n      data,\n      layout: layoutType,\n      margin: {\n        bottom: xAxisLabel ? 30 : undefined,\n        left: yAxisLabel ? 10 : undefined,\n        right: yAxisLabel ? 5 : undefined,\n      },\n      syncId,\n      ...props,\n      ...chartProps,\n    }),\n    [\n      lineChartClassName,\n      data,\n      layoutType,\n      syncId,\n      xAxisLabel,\n      yAxisLabel,\n      chartProps,\n    ],\n  )\n\n  const getLineProps: RequiredPropGetter<\n    { index: number } & Partial<Recharts.LineProps>,\n    Omit<Recharts.LineProps, \"ref\">\n  > = useCallback(\n    ({ className: classNameProp, index, ...props }) => {\n      const { className, activeDot, color, dataKey, dot, ...rest } =\n        linePropList[index] ?? {}\n\n      return {\n        type: curveType,\n        name: runIfFunc(dataKey, {}),\n        className: cx(classNameProp, className),\n        activeDot,\n        connectNulls,\n        dataKey,\n        dot,\n        fill: color,\n        isAnimationActive: false,\n        stroke: color,\n        strokeWidth,\n        ...(props as Omit<Recharts.LineProps, \"dataKey\">),\n        ...rest,\n      }\n    },\n    [connectNulls, curveType, linePropList, strokeWidth],\n  )\n\n  return {\n    lineVars,\n    setHighlightedArea,\n    getLineChartProps,\n    getLineProps,\n  }\n}\n\nexport type UseLineChartReturn = ReturnType<typeof useLineChart>\n"],"mappings":"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","names":["_a","activeDot","dimDot","dimLine","dot","rest"]}

package/dist/{chunk-6O5G3WYP.mjs → chunk-EZG52466.mjs}

@@ -9,7 +9,7 @@ import {
 import {
   getClassName,
   getComponentProps
-} from "./chunk-QL3DB7OJ.mjs";
+} from "./chunk-TXNC7GLT.mjs";
 
 // src/use-radar-chart.ts
 import { getVar, useTheme } from "@yamada-ui/core";
@@ -17,15 +17,15 @@ import { cx } from "@yamada-ui/utils";
 import { useCallback, useMemo, useState } from "react";
 var useRadarChart = ({
   data,
-  series,
   dataKey,
-  withDots = false,
-  withActiveDots = false,
-  strokeWidth = 2,
   fillOpacity = 0.4,
   polarAngleAxisTickFormatter,
   polarRadiusAxisTickFormatter,
+  series,
+  strokeWidth = 2,
   styles,
+  withActiveDots = false,
+  withDots = false,
   ...rest
 }) => {
   var _a;
@@ -33,10 +33,10 @@ var useRadarChart = ({
   const [highlightedArea, setHighlightedArea] = useState(null);
   const shouldHighlight = highlightedArea !== null;
   const {
-    dot = {},
     activeDot = {},
     dimDot,
     dimRadar,
+    dot = {},
     ...computedRadarProps
   } = (_a = rest.radarProps) != null ? _a : {};
   const radarColors = useMemo(
@@ -141,11 +141,11 @@ var useRadarChart = ({
   const radarPropList = useMemo(
     () => series.map((props, index) => {
       const {
-        dataKey: dataKey2,
-        dot: dot2 = {},
         activeDot: activeDot2 = {},
+        dataKey: dataKey2,
         dimDot: dimDot2 = {},
         dimRadar: dimRadar2 = {},
+        dot: dot2 = {},
         ...computedProps
       } = props;
       const color = getVar(`radar-${index}`)(theme);
@@ -174,8 +174,8 @@ var useRadarChart = ({
         resolvedActiveDot = {
           className: cx("ui-radar-chart__active-dot", className),
           fill: color,
-          stroke: color,
           r: 4,
+          stroke: color,
           ...rest3
         };
       } else {
@@ -205,10 +205,10 @@ var useRadarChart = ({
       }
       return {
         ...rest2,
+        activeDot: resolvedActiveDot,
         color,
         dataKey: dataKey2,
-        dot: resolvedDot,
-        activeDot: resolvedActiveDot
+        dot: resolvedDot
       };
     }),
     [
@@ -241,19 +241,27 @@ var useRadarChart = ({
     [data, radarChartClassName, chartProps]
   );
   const getRadarProps = useCallback(
-    ({ index, className: classNameProp, ...props }, ref = null) => {
-      const { color, className, dataKey: dataKey2, activeDot: activeDot2, dot: dot2, ...rest2 } = radarPropList[index];
+    ({ className: classNameProp, index, ...props }, ref = null) => {
+      var _a2;
+      const {
+        className,
+        activeDot: activeDot2,
+        color,
+        dataKey: dataKey2 = "",
+        dot: dot2,
+        ...rest2
+      } = (_a2 = radarPropList[index]) != null ? _a2 : {};
       return {
         ref,
+        name: dataKey2,
         className: cx(classNameProp, className),
         activeDot: activeDot2,
-        dot: dot2,
-        name: dataKey2,
         dataKey: dataKey2,
+        dot: dot2,
         fill: color,
-        strokeWidth,
-        stroke: color,
         isAnimationActive: false,
+        stroke: color,
+        strokeWidth,
         ...props,
         ...rest2
       };
@@ -307,15 +315,15 @@ var useRadarChart = ({
   );
   return {
     radarVars,
-    getRadarChartProps,
-    getRadarProps,
+    setHighlightedArea,
     getPolarAngleAxisProps,
     getPolarRadiusAxisProps,
-    setHighlightedArea
+    getRadarChartProps,
+    getRadarProps
   };
 };
 
 export {
   useRadarChart
 };
-//# sourceMappingURL=chunk-6O5G3WYP.mjs.map
+//# sourceMappingURL=chunk-EZG52466.mjs.map