@yamada-ui/react 2.1.0 → 2.1.1-dev-20260303115332

package/dist/esm/components/chart/cartesian-chart.js

@@ -10,7 +10,7 @@ import { createShouldForwardProp } from "../../core/components/props.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { cartesianChartStyle } from "./cartesian-chart.style.js";
-import { Chart, useChartComponentContext } from "./chart.js";
+import { Chart } from "./chart.js";
 import { useChartArea, useChartBar, useChartGrid, useChartLine, useChartReferenceLine, useChartXAxis, useChartYAxis } from "./use-cartesian-chart.js";
 import { cloneElement, isValidElement, useId, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -104,9 +104,9 @@ const ChartXAxis = withContext((props) => {
 	const tickProps = useSlotComponentProps({}, "xAxisTick");
 	const labelProps = useSlotComponentProps({}, "xAxisLabel");
 	const tickLineProps = useSlotComponentProps({}, "xAxisTickLine");
+	const css = useMemo(() => getCSS(system, theme), [system, theme]);
 	const tick = useMemo(() => {
 		if (!tickProp) return tickProp;
-		const css = getCSS(system, theme);
 		const className = (0, utils_exports.cx)(tickProps.className, css(tickProps.css));
 		if ((0, utils_exports.isFunction)(tickProp)) return (props$1) => tickProp({
 			...props$1,
@@ -121,15 +121,13 @@ const ChartXAxis = withContext((props) => {
 			};
 		} else return { className };
 	}, [
-		system,
-		theme,
 		tickProp,
 		tickProps.className,
-		tickProps.css
+		tickProps.css,
+		css
 	]);
 	const tickLine = useMemo(() => {
 		if (!tickLineProp) return tickLineProp;
-		const css = getCSS(system, theme);
 		const className = (0, utils_exports.cx)(tickLineProps.className, css(tickLineProps.css));
 		if ((0, utils_exports.isObject)(tickLineProp)) {
 			const [omittedProps, styleProps] = (0, utils_exports.splitObject)(tickLineProp, shouldForwardProp);
@@ -139,16 +137,14 @@ const ChartXAxis = withContext((props) => {
 			};
 		} else return { className };
 	}, [
-		system,
-		theme,
 		tickLineProp,
 		tickLineProps.className,
-		tickLineProps.css
+		tickLineProps.css,
+		css
 	]);
 	const { getRootProps, getXAxisProps } = useChartXAxis({
 		label: useMemo(() => {
 			if (!labelProp) return labelProp;
-			const css = getCSS(system, theme);
 			const className = (0, utils_exports.cx)(labelProps.className, css(labelProps.css));
 			if ((0, utils_exports.isFunction)(labelProp)) return (props$1) => labelProp({
 				...props$1,
@@ -166,11 +162,10 @@ const ChartXAxis = withContext((props) => {
 				children: labelProp
 			};
 		}, [
-			system,
-			theme,
 			labelProp,
 			labelProps.className,
-			labelProps.css
+			labelProps.css,
+			css
 		]),
 		tick,
 		tickLine,
@@ -196,9 +191,9 @@ const ChartYAxis = withContext((props) => {
 	const tickProps = useSlotComponentProps({}, "yAxisTick");
 	const labelProps = useSlotComponentProps({}, "yAxisLabel");
 	const tickLineProps = useSlotComponentProps({}, "yAxisTickLine");
+	const css = useMemo(() => getCSS(system, theme), [system, theme]);
 	const tick = useMemo(() => {
 		if (!tickProp) return tickProp;
-		const css = getCSS(system, theme);
 		const className = (0, utils_exports.cx)(tickProps.className, css(tickProps.css));
 		if ((0, utils_exports.isFunction)(tickProp)) return (props$1) => tickProp({
 			...props$1,
@@ -213,15 +208,13 @@ const ChartYAxis = withContext((props) => {
 			};
 		} else return { className };
 	}, [
-		system,
-		theme,
 		tickProp,
 		tickProps.className,
-		tickProps.css
+		tickProps.css,
+		css
 	]);
 	const tickLine = useMemo(() => {
 		if (!tickLineProp) return tickLineProp;
-		const css = getCSS(system, theme);
 		const className = (0, utils_exports.cx)(tickLineProps.className, css(tickLineProps.css));
 		if ((0, utils_exports.isObject)(tickLineProp)) {
 			const [omittedProps, styleProps] = (0, utils_exports.splitObject)(tickLineProp, shouldForwardProp);
@@ -231,16 +224,14 @@ const ChartYAxis = withContext((props) => {
 			};
 		} else return { className };
 	}, [
-		system,
-		theme,
 		tickLineProp,
 		tickLineProps.className,
-		tickLineProps.css
+		tickLineProps.css,
+		css
 	]);
 	const { getRootProps, getYAxisProps } = useChartYAxis({
 		label: useMemo(() => {
 			if (!labelProp) return labelProp;
-			const css = getCSS(system, theme);
 			const className = (0, utils_exports.cx)(labelProps.className, css(labelProps.css));
 			if ((0, utils_exports.isFunction)(labelProp)) return (props$1) => labelProp({
 				...props$1,
@@ -258,11 +249,10 @@ const ChartYAxis = withContext((props) => {
 				children: labelProp
 			};
 		}, [
-			system,
-			theme,
 			labelProp,
 			labelProps.className,
-			labelProps.css
+			labelProps.css,
+			css
 		]),
 		tick,
 		tickLine,
@@ -291,20 +281,20 @@ const ChartGrid = withContext((props) => {
 }, "grid")();
 const ChartLine = withContext((props) => {
 	const { lineProps } = useComponentContext();
-	const { activeDot: activeDotProp = true, children, dataKey, dot: dotProp = false, label: labelProp = false, ...rest } = {
+	const { activeDot: activeDotProp = true, children, dataKey, dot: dotProp = false, label: labelProp = false, stroke: strokeProp, ...rest } = {
 		...lineProps,
 		...props
 	};
 	const system = useSystem();
 	const { theme } = useTheme();
-	const { varMap } = useChartComponentContext();
-	const color = varMap[dataKey.toString()] ?? rest.stroke ?? rest.color;
+	const color = strokeProp ?? rest.color;
+	const stroke = JSON.stringify(color);
 	const dotProps = useSlotComponentProps({}, "dot");
 	const activeDotProps = useSlotComponentProps({}, "activeDot");
 	const labelProps = useSlotComponentProps({}, "labelList");
+	const css = useMemo(() => getCSS(system, theme), [system, theme]);
 	const dot = useMemo(() => {
 		if (!dotProp) return dotProp;
-		const css = getCSS(system, theme);
 		const className = (0, utils_exports.cx)(dotProps.className, css(dotProps.css), css({
 			fill: color,
 			stroke: color
@@ -323,16 +313,14 @@ const ChartLine = withContext((props) => {
 		} else return { className };
 	}, [
 		dotProp,
-		system,
-		theme,
 		dotProps.className,
 		dotProps.css,
+		css,
 		color
 	]);
 	const { getLineProps, getRootProps } = useChartLine({
 		activeDot: useMemo(() => {
 			if (!activeDotProp) return activeDotProp;
-			const css = getCSS(system, theme);
 			const className = (0, utils_exports.cx)(activeDotProps.className, css(activeDotProps.css), css({
 				fill: color,
 				stroke: color
@@ -351,17 +339,15 @@ const ChartLine = withContext((props) => {
 			} else return { className };
 		}, [
 			activeDotProp,
-			system,
-			theme,
 			activeDotProps.className,
 			activeDotProps.css,
+			css,
 			color
 		]),
 		dataKey,
 		dot,
 		label: useMemo(() => {
 			if (!labelProp) return labelProp;
-			const css = getCSS(system, theme);
 			const className = (0, utils_exports.cx)(labelProps.className, css(labelProps.css));
 			if ((0, utils_exports.isFunction)(labelProp)) return (props$1) => labelProp({
 				...props$1,
@@ -376,13 +362,12 @@ const ChartLine = withContext((props) => {
 				};
 			} else return { className };
 		}, [
-			system,
-			theme,
 			labelProp,
 			labelProps.className,
-			labelProps.css
+			labelProps.css,
+			css
 		]),
-		stroke: color,
+		stroke,
 		...rest
 	});
 	return /* @__PURE__ */ jsx(styled.line, {
@@ -396,21 +381,21 @@ const ChartLine = withContext((props) => {
 }, "line")();
 const ChartArea = withContext((props) => {
 	const { areaProps } = useComponentContext();
-	const { activeDot: activeDotProp = true, children, dataKey, dot: dotProp = false, label: labelProp = false, withGradient, ...rest } = {
+	const { activeDot: activeDotProp = true, children, dataKey, dot: dotProp = false, label: labelProp = false, stroke: strokeProp, withGradient, ...rest } = {
 		...areaProps,
 		...props
 	};
 	const id = useId();
 	const system = useSystem();
 	const { theme } = useTheme();
-	const { varMap } = useChartComponentContext();
-	const color = varMap[dataKey.toString()] ?? rest.stroke ?? rest.color;
+	const color = strokeProp ?? rest.fill ?? rest.color;
+	const stroke = JSON.stringify(color);
 	const dotProps = useSlotComponentProps({}, "dot");
 	const activeDotProps = useSlotComponentProps({}, "activeDot");
 	const labelProps = useSlotComponentProps({}, "labelList");
+	const css = useMemo(() => getCSS(system, theme), [system, theme]);
 	const dot = useMemo(() => {
 		if (!dotProp) return dotProp;
-		const css = getCSS(system, theme);
 		const className = (0, utils_exports.cx)(dotProps.className, css(dotProps.css), css({
 			fill: color,
 			stroke: color
@@ -429,15 +414,13 @@ const ChartArea = withContext((props) => {
 		} else return { className };
 	}, [
 		dotProp,
-		system,
-		theme,
 		dotProps.className,
 		dotProps.css,
+		css,
 		color
 	]);
 	const activeDot = useMemo(() => {
 		if (!activeDotProp) return activeDotProp;
-		const css = getCSS(system, theme);
 		const className = (0, utils_exports.cx)(activeDotProps.className, css(activeDotProps.css), css({
 			fill: color,
 			stroke: color
@@ -456,15 +439,13 @@ const ChartArea = withContext((props) => {
 		} else return { className };
 	}, [
 		activeDotProp,
-		system,
-		theme,
 		activeDotProps.className,
 		activeDotProps.css,
+		css,
 		color
 	]);
 	const label = useMemo(() => {
 		if (!labelProp) return labelProp;
-		const css = getCSS(system, theme);
 		const className = (0, utils_exports.cx)(labelProps.className, css(labelProps.css));
 		if ((0, utils_exports.isFunction)(labelProp)) return (props$1) => labelProp({
 			...props$1,
@@ -479,11 +460,10 @@ const ChartArea = withContext((props) => {
 			};
 		} else return { className };
 	}, [
-		system,
-		theme,
 		labelProp,
 		labelProps.className,
-		labelProps.css
+		labelProps.css,
+		css
 	]);
 	const { getAreaProps, getRootProps } = useChartArea({
 		activeDot,
@@ -491,7 +471,7 @@ const ChartArea = withContext((props) => {
 		dot,
 		fill: color ? `url(#${id})` : "",
 		label,
-		stroke: color,
+		stroke,
 		...rest
 	});
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(styled.line, {
@@ -532,21 +512,21 @@ const ChartArea = withContext((props) => {
 }, "area")();
 const ChartBar = withContext((props) => {
 	const { barProps } = useComponentContext();
-	const { children, dataKey, label: labelProp = false, ...rest } = {
+	const { children, dataKey, fill: fillProp, label: labelProp = false, ...rest } = {
 		...barProps,
 		...props
 	};
 	const system = useSystem();
 	const { theme } = useTheme();
-	const { varMap } = useChartComponentContext();
-	const color = varMap[dataKey.toString()];
+	const color = fillProp ?? rest.color;
+	const fill = JSON.stringify(color);
 	const labelProps = useSlotComponentProps({}, "labelList");
+	const css = useMemo(() => getCSS(system, theme), [system, theme]);
 	const { getBarProps, getRootProps } = useChartBar({
 		dataKey,
-		fill: color,
+		fill,
 		label: useMemo(() => {
 			if (!labelProp) return labelProp;
-			const css = getCSS(system, theme);
 			const className = (0, utils_exports.cx)(labelProps.className, css(labelProps.css));
 			if ((0, utils_exports.isFunction)(labelProp)) return (props$1) => labelProp({
 				...props$1,
@@ -561,13 +541,11 @@ const ChartBar = withContext((props) => {
 				};
 			} else return { className };
 		}, [
-			system,
-			theme,
 			labelProp,
 			labelProps.className,
-			labelProps.css
+			labelProps.css,
+			css
 		]),
-		stroke: color,
 		...rest
 	});
 	return /* @__PURE__ */ jsx(styled.path, {
@@ -588,10 +566,10 @@ const ChartReferenceLine = withContext((props) => {
 	const system = useSystem();
 	const { theme } = useTheme();
 	const labelProps = useSlotComponentProps({}, "referenceLineLabel");
+	const css = useMemo(() => getCSS(system, theme), [system, theme]);
 	const { getReferenceLineProps, getRootProps } = useChartReferenceLine({
 		label: useMemo(() => {
 			if (!labelProp) return labelProp;
-			const css = getCSS(system, theme);
 			const className = (0, utils_exports.cx)(labelProps.className, css(labelProps.css));
 			if ((0, utils_exports.isFunction)(labelProp)) return (props$1) => labelProp({
 				...props$1,
@@ -609,11 +587,10 @@ const ChartReferenceLine = withContext((props) => {
 				children: labelProp
 			};
 		}, [
-			system,
-			theme,
 			labelProp,
 			labelProps.className,
-			labelProps.css
+			labelProps.css,
+			css
 		]),
 		...rest
 	});

package/dist/esm/components/chart/cartesian-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"cartesian-chart.js","names":["props"],"sources":["../../../../src/components/chart/cartesian-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  ActiveDotProps,\n  DotProps,\n  LabelListProps,\n  LabelProps,\n} from \"recharts\"\nimport type {\n  XAxisTickContentProps,\n  YAxisTickContentProps,\n} from \"recharts/types/util/types\"\nimport type {\n  CSSObject,\n  CSSProps,\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport type { CartesianChartStyle } from \"./cartesian-chart.style\"\nimport type {\n  ChartActiveDot,\n  ChartDot,\n  ChartLabel,\n  ChartLabelList,\n  ChartProps,\n  ChartTickLine,\n} from \"./chart\"\nimport type {\n  UseChartAreaProps,\n  UseChartBarProps,\n  UseChartGridProps,\n  UseChartLineProps,\n  UseChartReferenceLineProps,\n  UseChartXAxisProps,\n  UseChartYAxisProps,\n} from \"./use-cartesian-chart\"\nimport { cloneElement, isValidElement, useId, useMemo } from \"react\"\nimport {\n  Area,\n  Bar,\n  CartesianGrid,\n  Line,\n  ReferenceLine,\n  XAxis,\n  YAxis,\n} from \"recharts\"\nimport {\n  createShouldForwardProp,\n  createSlotComponent,\n  getCSS,\n  styled,\n  useSystem,\n  useTheme,\n  varAttr,\n} from \"../../core\"\nimport { cx, isFunction, isObject, splitObject } from \"../../utils\"\nimport { cartesianChartStyle } from \"./cartesian-chart.style\"\nimport { Chart, useChartComponentContext } from \"./chart\"\nimport {\n  useChartArea,\n  useChartBar,\n  useChartGrid,\n  useChartLine,\n  useChartReferenceLine,\n  useChartXAxis,\n  useChartYAxis,\n} from \"./use-cartesian-chart\"\n\nconst shouldForwardProp = createShouldForwardProp()\n\ninterface ComponentContext extends Pick<\n  CartesianChartProps,\n  | \"areaProps\"\n  | \"barProps\"\n  | \"gridProps\"\n  | \"lineProps\"\n  | \"referenceLineProps\"\n  | \"xAxisProps\"\n  | \"yAxisProps\"\n> {}\n\nexport interface CartesianChartProps<Y extends Dict = Dict>\n  extends ChartProps<Y>, ThemeProps<CartesianChartStyle> {\n  /**\n   * The fill color of the active dots.\n   */\n  activeDotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the active dots.\n   */\n  activeDotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke color of the active dots.\n   */\n  activeDotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the active dots.\n   */\n  activeDotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The fill opacity of the area.\n   */\n  areaFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The fill color of the dots.\n   */\n  dotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the dots.\n   */\n  dotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke color of the dots.\n   */\n  dotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the dots.\n   */\n  dotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The stroke color of the grid.\n   */\n  gridStroke?: CSSProps[\"stroke\"]\n  /**\n   * The opacity of the inactive lines.\n   */\n  inactiveLineOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The color of the lines.\n   */\n  lineColor?: CSSProps[\"color\"]\n  /**\n   * The stroke color of the lines.\n   */\n  lineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the lines.\n   */\n  lineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The color of the reference lines.\n   */\n  referenceLineColor?: CSSProps[\"color\"]\n  /**\n   * The stroke color of the reference lines.\n   */\n  referenceLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the reference lines.\n   */\n  referenceLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the reference lines.\n   */\n  referenceLineTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the reference lines.\n   */\n  referenceLineTextFill?: CSSProps[\"fill\"]\n  /**\n   * If `true`, grid is visible.\n   *\n   * @default true\n   */\n  withGrid?: boolean\n  /**\n   * If `true`, X axis is visible.\n   *\n   * @default true\n   */\n  withXAxis?: boolean\n  /**\n   * If `true`, Y axis is visible.\n   *\n   * @default false\n   */\n  withYAxis?: boolean\n  /**\n   * The stroke color of the x-axis lines.\n   */\n  xAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the x-axis lines.\n   */\n  xAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the x-axis.\n   */\n  xAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the x-axis.\n   */\n  xAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * The stroke color of the y-axis lines.\n   */\n  yAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the y-axis lines.\n   */\n  yAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the y-axis.\n   */\n  yAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the y-axis.\n   */\n  yAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * Props for the area component.\n   */\n  areaProps?: Omit<ChartAreaProps, \"data\" | \"dataKey\">\n  /**\n   * Props for the bar component.\n   */\n  barProps?: Omit<ChartBarProps, \"dataKey\">\n  /**\n   * Props for the grid component.\n   */\n  gridProps?: ChartGridProps\n  /**\n   * Props for the line component.\n   */\n  lineProps?: Omit<ChartLineProps, \"data\" | \"dataKey\">\n  /**\n   * Props for the reference line component.\n   */\n  referenceLineProps?: ChartReferenceLineProps\n  /**\n   * Props for the x axis component.\n   */\n  xAxisProps?: ChartXAxisProps\n  /**\n   * Props for the y axis component.\n   */\n  yAxisProps?: ChartYAxisProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: CartesianChartPropsContext,\n  useComponentContext,\n  usePropsContext: useCartesianChartPropsContext,\n  withContext,\n  withProvider,\n  useSlotComponentProps,\n} = createSlotComponent<\n  CartesianChartProps,\n  CartesianChartStyle,\n  ComponentContext\n>(\"cartesian-chart\", cartesianChartStyle)\n\nexport { CartesianChartPropsContext, useCartesianChartPropsContext }\n\nexport const CartesianChart = withProvider(\n  <Y extends Dict>({\n    components: componentsProp,\n    withGrid = true,\n    withXAxis = true,\n    withYAxis = false,\n    areaProps,\n    barProps,\n    gridProps,\n    lineProps,\n    referenceLineProps,\n    xAxisProps,\n    yAxisProps,\n    ...rest\n  }: CartesianChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartGrid,\n          fallback: withGrid ? <ChartGrid /> : null,\n        },\n        {\n          component: ChartXAxis,\n          fallback: <ChartXAxis hide={!withXAxis} />,\n        },\n        {\n          component: ChartYAxis,\n          fallback: <ChartYAxis hide={!withYAxis} />,\n        },\n        ...componentsProp,\n      ],\n      [componentsProp, withGrid, withXAxis, withYAxis],\n    )\n    const componentContext = useMemo(\n      () => ({\n        areaProps,\n        barProps,\n        gridProps,\n        lineProps,\n        referenceLineProps,\n        xAxisProps,\n        yAxisProps,\n      }),\n      [\n        areaProps,\n        barProps,\n        gridProps,\n        lineProps,\n        referenceLineProps,\n        xAxisProps,\n        yAxisProps,\n      ],\n    )\n\n    return (\n      <ComponentContext value={componentContext}>\n        <Chart components={components} {...rest} />\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)(\n  undefined,\n  ({\n    activeDotFill,\n    activeDotRadius,\n    activeDotStroke,\n    activeDotStrokeWidth,\n    areaFillOpacity,\n    dotFill,\n    dotRadius,\n    dotStroke,\n    dotStrokeWidth,\n    gridStroke,\n    inactiveLineOpacity,\n    lineColor,\n    lineStroke,\n    lineStrokeWidth,\n    referenceLineColor,\n    referenceLineStroke,\n    referenceLineStrokeWidth,\n    referenceLineTextColor,\n    referenceLineTextFill,\n    xAxisLineStroke,\n    xAxisLineStrokeWidth,\n    xAxisTextColor,\n    xAxisTextFill,\n    yAxisLineStroke,\n    yAxisLineStrokeWidth,\n    yAxisTextColor,\n    yAxisTextFill,\n    ...rest\n  }) => ({\n    \"--active-dot-fill\": varAttr(activeDotFill, \"colors\"),\n    \"--active-dot-r\": activeDotRadius,\n    \"--active-dot-stroke\": varAttr(activeDotStroke, \"colors\"),\n    \"--active-dot-stroke-width\": activeDotStrokeWidth,\n    \"--area-fill-opacity\": areaFillOpacity,\n    \"--dot-fill\": varAttr(dotFill, \"colors\"),\n    \"--dot-r\": dotRadius,\n    \"--dot-stroke\": varAttr(dotStroke, \"colors\"),\n    \"--dot-stroke-width\": dotStrokeWidth,\n    \"--grid-stroke\": varAttr(gridStroke, \"colors\"),\n    \"--inactive-line-opacity\": inactiveLineOpacity,\n    \"--line-color\": varAttr(lineColor, \"colors\"),\n    \"--line-stroke\": varAttr(lineStroke, \"colors\"),\n    \"--line-stroke-width\": lineStrokeWidth,\n    \"--reference-line-color\": varAttr(referenceLineColor, \"colors\"),\n    \"--reference-line-stroke\": varAttr(referenceLineStroke, \"colors\"),\n    \"--reference-line-stroke-width\": referenceLineStrokeWidth,\n    \"--reference-line-text-color\": varAttr(referenceLineTextColor, \"colors\"),\n    \"--reference-line-text-fill\": varAttr(referenceLineTextFill, \"colors\"),\n    \"--x-axis-line-stroke\": varAttr(xAxisLineStroke, \"colors\"),\n    \"--x-axis-line-stroke-width\": xAxisLineStrokeWidth,\n    \"--x-axis-text-color\": varAttr(xAxisTextColor, \"colors\"),\n    \"--x-axis-text-fill\": varAttr(xAxisTextFill, \"colors\"),\n    \"--y-axis-line-stroke\": varAttr(yAxisLineStroke, \"colors\"),\n    \"--y-axis-line-stroke-width\": yAxisLineStrokeWidth,\n    \"--y-axis-text-color\": varAttr(yAxisTextColor, \"colors\"),\n    \"--y-axis-text-fill\": varAttr(yAxisTextFill, \"colors\"),\n    ...rest,\n  }),\n) as GenericsComponent<{\n  <Y extends Dict>(props: CartesianChartProps<Y>): ReactElement\n}>\n\nexport type ChartXAxisTick =\n  | ((props: XAxisTickContentProps) => ReactNode)\n  | boolean\n  | HTMLStyledProps<\"text\">\n  | ReactElement\n\nexport interface ChartXAxisProps extends Merge<\n  HTMLStyledProps<\"svg\">,\n  Omit<UseChartXAxisProps, \"label\" | \"tick\" | \"tickLine\">\n> {\n  /**\n   * The label to use for the axis.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n  /**\n   * The tick to use for the axis.\n   *\n   * @default true\n   */\n  tick?: ChartXAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartXAxis = withContext<\"svg\", ChartXAxisProps>((props) => {\n  const { xAxisProps } = useComponentContext()\n  const {\n    children,\n    label: labelProp = false,\n    tick: tickProp = true,\n    tickLine: tickLineProp = false,\n    ...rest\n  } = { ...xAxisProps, ...props }\n  const system = useSystem()\n  const { theme } = useTheme()\n  const tickProps = useSlotComponentProps({}, \"xAxisTick\")\n  const labelProps = useSlotComponentProps({}, \"xAxisLabel\")\n  const tickLineProps = useSlotComponentProps({}, \"xAxisTickLine\")\n  const tick = useMemo<UseChartXAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n\n    const css = getCSS(system, theme)\n    const className = cx(tickProps.className, css(tickProps.css))\n\n    if (isFunction(tickProp)) {\n      return (props) =>\n        tickProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(tickProp)) {\n      return cloneElement<any>(tickProp, { className })\n    } else if (isObject(tickProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"text\">,\n        CSSObject\n      >(tickProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [system, theme, tickProp, tickProps.className, tickProps.css])\n  const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    const css = getCSS(system, theme)\n    const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n    if (isObject(tickLineProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"line\">,\n        CSSObject\n      >(tickLineProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [system, theme, tickLineProp, tickLineProps.className, tickLineProps.css])\n  const label = useMemo<UseChartXAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const css = getCSS(system, theme)\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className, children: labelProp }\n    }\n  }, [system, theme, labelProp, labelProps.className, labelProps.css])\n  const { getRootProps, getXAxisProps } = useChartXAxis({\n    label,\n    tick,\n    tickLine,\n    ...rest,\n  })\n\n  return (\n    <styled.svg asChild {...getRootProps()}>\n      <XAxis {...getXAxisProps()}>{children}</XAxis>\n    </styled.svg>\n  )\n}, \"xAxis\")()\n\nexport type ChartYAxisTick =\n  | ((props: YAxisTickContentProps) => ReactNode)\n  | boolean\n  | HTMLStyledProps<\"text\">\n  | ReactElement\n\nexport interface ChartYAxisProps extends Merge<\n  HTMLStyledProps<\"svg\">,\n  Omit<UseChartYAxisProps, \"label\" | \"tick\" | \"tickLine\">\n> {\n  /**\n   * The label to use for the axis.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n  /**\n   * The tick to use for the axis.\n   *\n   * @default true\n   */\n  tick?: ChartYAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartYAxis = withContext<\"svg\", ChartYAxisProps>((props) => {\n  const { yAxisProps } = useComponentContext()\n  const {\n    children,\n    label: labelProp = false,\n    tick: tickProp = true,\n    tickLine: tickLineProp = false,\n    ...rest\n  } = { ...yAxisProps, ...props }\n  const system = useSystem()\n  const { theme } = useTheme()\n  const tickProps = useSlotComponentProps({}, \"yAxisTick\")\n  const labelProps = useSlotComponentProps({}, \"yAxisLabel\")\n  const tickLineProps = useSlotComponentProps({}, \"yAxisTickLine\")\n  const tick = useMemo<UseChartYAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n\n    const css = getCSS(system, theme)\n    const className = cx(tickProps.className, css(tickProps.css))\n\n    if (isFunction(tickProp)) {\n      return (props) =>\n        tickProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(tickProp)) {\n      return cloneElement<any>(tickProp, { className })\n    } else if (isObject(tickProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"text\">,\n        CSSObject\n      >(tickProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [system, theme, tickProp, tickProps.className, tickProps.css])\n  const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    const css = getCSS(system, theme)\n    const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n    if (isObject(tickLineProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"line\">,\n        CSSObject\n      >(tickLineProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [system, theme, tickLineProp, tickLineProps.className, tickLineProps.css])\n  const label = useMemo<UseChartYAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const css = getCSS(system, theme)\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className, children: labelProp }\n    }\n  }, [system, theme, labelProp, labelProps.className, labelProps.css])\n  const { getRootProps, getYAxisProps } = useChartYAxis({\n    label,\n    tick,\n    tickLine,\n    ...rest,\n  })\n\n  return (\n    <styled.svg asChild {...getRootProps()}>\n      <YAxis {...getYAxisProps()}>{children}</YAxis>\n    </styled.svg>\n  )\n}, \"yAxis\")()\n\nexport interface ChartGridProps extends Merge<\n  HTMLStyledProps<\"line\">,\n  UseChartGridProps\n> {}\n\nexport const ChartGrid = withContext<\"line\", ChartGridProps>((props) => {\n  const { gridProps } = useComponentContext()\n  const { getGridProps, getRootProps } = useChartGrid({\n    ...gridProps,\n    ...props,\n  })\n\n  return (\n    <styled.line asChild {...getRootProps()}>\n      <CartesianGrid {...getGridProps()} />\n    </styled.line>\n  )\n}, \"grid\")()\n\nexport interface ChartLineProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"line\">,\n  Omit<UseChartLineProps, \"activeDot\" | \"data\" | \"dataKey\" | \"dot\" | \"label\">\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The active dot to use for the line.\n   *\n   * @default true\n   */\n  activeDot?: ChartActiveDot\n  /**\n   * The data to use for the line.\n   */\n  data?: Y[]\n  /**\n   * The dot to use for the line.\n   *\n   * @default false\n   */\n  dot?: ChartDot\n  /**\n   * The label list to use for the line.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n}\n\nexport const ChartLine = withContext<\"line\", ChartLineProps>((props) => {\n  const { lineProps } = useComponentContext()\n  const {\n    activeDot: activeDotProp = true,\n    children,\n    dataKey,\n    dot: dotProp = false,\n    label: labelProp = false,\n    ...rest\n  } = { ...lineProps, ...props }\n  const system = useSystem()\n  const { theme } = useTheme()\n  const { varMap } = useChartComponentContext()\n  const color = varMap[dataKey.toString()] ?? rest.stroke ?? rest.color\n  const dotProps = useSlotComponentProps({}, \"dot\")\n  const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n\n    const css = getCSS(system, theme)\n    const className = cx(\n      dotProps.className,\n      css(dotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(dotProp)) {\n      return (props) =>\n        dotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(dotProp)) {\n      return cloneElement<any>(dotProp, { className })\n    } else if (isObject(dotProp)) {\n      const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n        dotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [dotProp, system, theme, dotProps.className, dotProps.css, color])\n  const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n\n    const css = getCSS(system, theme)\n    const className = cx(\n      activeDotProps.className,\n      css(activeDotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(activeDotProp)) {\n      return (props) =>\n        activeDotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(activeDotProp)) {\n      return cloneElement<any>(activeDotProp, { className })\n    } else if (isObject(activeDotProp)) {\n      const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n        activeDotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [\n    activeDotProp,\n    system,\n    theme,\n    activeDotProps.className,\n    activeDotProps.css,\n    color,\n  ])\n  const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const css = getCSS(system, theme)\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [system, theme, labelProp, labelProps.className, labelProps.css])\n  const { getLineProps, getRootProps } = useChartLine({\n    activeDot,\n    dataKey,\n    dot,\n    label,\n    stroke: color,\n    ...rest,\n  })\n\n  return (\n    <styled.line asChild {...getRootProps()}>\n      <Line {...getLineProps()}>{children}</Line>\n    </styled.line>\n  )\n}, \"line\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartLineProps<Y>): ReactElement\n}>\n\nexport interface ChartAreaProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"line\">,\n  Omit<UseChartAreaProps, \"activeDot\" | \"data\" | \"dataKey\" | \"dot\" | \"label\">\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The active dot to use for the line.\n   *\n   * @default true\n   */\n  activeDot?: ChartActiveDot\n  /**\n   * The data to use for the area.\n   */\n  data?: Y[]\n  /**\n   * The dot to use for the line.\n   *\n   * @default false\n   */\n  dot?: ChartDot\n  /**\n   * The label list to use for the line.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n  /**\n   * Determines whether the chart area should be represented with a gradient instead of the solid color.\n   */\n  withGradient?: boolean\n}\n\nexport const ChartArea = withContext<\"line\", ChartAreaProps>((props) => {\n  const { areaProps } = useComponentContext()\n  const {\n    activeDot: activeDotProp = true,\n    children,\n    dataKey,\n    dot: dotProp = false,\n    label: labelProp = false,\n    withGradient,\n    ...rest\n  } = { ...areaProps, ...props }\n  const id = useId()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const { varMap } = useChartComponentContext()\n  const color = varMap[dataKey.toString()] ?? rest.stroke ?? rest.color\n  const dotProps = useSlotComponentProps({}, \"dot\")\n  const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n\n    const css = getCSS(system, theme)\n    const className = cx(\n      dotProps.className,\n      css(dotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(dotProp)) {\n      return (props) =>\n        dotProp({\n          ...props,\n          className: cx(className, props.className),\n        })\n    } else if (isValidElement(dotProp)) {\n      return cloneElement<any>(dotProp, {\n        className,\n      })\n    } else if (isObject(dotProp)) {\n      const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n        dotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [dotProp, system, theme, dotProps.className, dotProps.css, color])\n  const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n\n    const css = getCSS(system, theme)\n    const className = cx(\n      activeDotProps.className,\n      css(activeDotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(activeDotProp)) {\n      return (props) =>\n        activeDotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(activeDotProp)) {\n      return cloneElement<any>(activeDotProp, { className })\n    } else if (isObject(activeDotProp)) {\n      const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n        activeDotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [\n    activeDotProp,\n    system,\n    theme,\n    activeDotProps.className,\n    activeDotProps.css,\n    color,\n  ])\n  const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const css = getCSS(system, theme)\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [system, theme, labelProp, labelProps.className, labelProps.css])\n  const { getAreaProps, getRootProps } = useChartArea({\n    activeDot,\n    dataKey,\n    dot,\n    fill: color ? `url(#${id})` : \"\",\n    label,\n    stroke: color,\n    ...rest,\n  })\n\n  return (\n    <>\n      <styled.line asChild {...getRootProps()}>\n        <Area {...getAreaProps()}>{children}</Area>\n      </styled.line>\n\n      <defs>\n        {withGradient ? (\n          <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n            <styled.stop asChild stopColor={color} stopOpacity={0.8}>\n              <stop offset=\"5%\" />\n            </styled.stop>\n            <styled.stop asChild stopColor={color} stopOpacity={0.1}>\n              <stop offset=\"95%\" />\n            </styled.stop>\n          </linearGradient>\n        ) : (\n          <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n            <styled.stop stopColor={color} stopOpacity={0.4} />\n          </linearGradient>\n        )}\n      </defs>\n    </>\n  )\n}, \"area\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartAreaProps<Y>): ReactElement\n}>\n\nexport interface ChartBarProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"path\">,\n  Omit<UseChartBarProps, \"dataKey\" | \"label\">\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The label list to use for the bar.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n}\n\nexport const ChartBar = withContext<\"path\", ChartBarProps>((props) => {\n  const { barProps } = useComponentContext()\n  const {\n    children,\n    dataKey,\n    label: labelProp = false,\n    ...rest\n  } = { ...barProps, ...props }\n  const system = useSystem()\n  const { theme } = useTheme()\n  const { varMap } = useChartComponentContext()\n  const color = varMap[dataKey.toString()]\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const label = useMemo<UseChartBarProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const css = getCSS(system, theme)\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [system, theme, labelProp, labelProps.className, labelProps.css])\n  const { getBarProps, getRootProps } = useChartBar({\n    dataKey,\n    fill: color,\n    label,\n    stroke: color,\n    ...rest,\n  })\n\n  return (\n    <styled.path asChild {...getRootProps()}>\n      <Bar {...getBarProps()}>{children}</Bar>\n    </styled.path>\n  )\n}, \"bar\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartBarProps<Y>): ReactElement\n}>\n\nexport interface ChartReferenceLineProps extends Omit<\n  Merge<HTMLStyledProps<\"line\">, UseChartReferenceLineProps>,\n  \"label\"\n> {\n  /**\n   * The label to use for the reference line.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n}\n\nexport const ChartReferenceLine = withContext<\"line\", ChartReferenceLineProps>(\n  (props) => {\n    const { referenceLineProps } = useComponentContext()\n    const { label: labelProp = false, ...rest } = {\n      ...referenceLineProps,\n      ...props,\n    }\n    const system = useSystem()\n    const { theme } = useTheme()\n    const labelProps = useSlotComponentProps({}, \"referenceLineLabel\")\n    const label = useMemo<UseChartReferenceLineProps[\"label\"]>(() => {\n      if (!labelProp) return labelProp\n\n      const css = getCSS(system, theme)\n      const className = cx(labelProps.className, css(labelProps.css))\n\n      if (isFunction(labelProp)) {\n        return (props) =>\n          labelProp({ ...props, className: cx(className, props.className) })\n      } else if (isValidElement(labelProp)) {\n        return cloneElement<any>(labelProp, { className })\n      } else if (isObject(labelProp)) {\n        const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n          labelProp,\n          shouldForwardProp,\n        )\n\n        return {\n          ...omittedProps,\n          className: cx(className, omittedProps.className, css(styleProps)),\n        }\n      } else {\n        return { className, children: labelProp }\n      }\n    }, [system, theme, labelProp, labelProps.className, labelProps.css])\n    const { getReferenceLineProps, getRootProps } = useChartReferenceLine({\n      label,\n      ...rest,\n    })\n\n    return (\n      <styled.line asChild {...getRootProps()}>\n        <ReferenceLine {...getReferenceLineProps()} />\n      </styled.line>\n    )\n  },\n  \"referenceLine\",\n)()\n"],"mappings":"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"}
+{"version":3,"file":"cartesian-chart.js","names":["props"],"sources":["../../../../src/components/chart/cartesian-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  ActiveDotProps,\n  DotProps,\n  LabelListProps,\n  LabelProps,\n} from \"recharts\"\nimport type {\n  XAxisTickContentProps,\n  YAxisTickContentProps,\n} from \"recharts/types/util/types\"\nimport type {\n  CSSObject,\n  CSSProps,\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport type { CartesianChartStyle } from \"./cartesian-chart.style\"\nimport type {\n  ChartActiveDot,\n  ChartDot,\n  ChartLabel,\n  ChartLabelList,\n  ChartProps,\n  ChartTickLine,\n} from \"./chart\"\nimport type {\n  UseChartAreaProps,\n  UseChartBarProps,\n  UseChartGridProps,\n  UseChartLineProps,\n  UseChartReferenceLineProps,\n  UseChartXAxisProps,\n  UseChartYAxisProps,\n} from \"./use-cartesian-chart\"\nimport { cloneElement, isValidElement, useId, useMemo } from \"react\"\nimport {\n  Area,\n  Bar,\n  CartesianGrid,\n  Line,\n  ReferenceLine,\n  XAxis,\n  YAxis,\n} from \"recharts\"\nimport {\n  createShouldForwardProp,\n  createSlotComponent,\n  getCSS,\n  styled,\n  useSystem,\n  useTheme,\n  varAttr,\n} from \"../../core\"\nimport { cx, isFunction, isObject, splitObject } from \"../../utils\"\nimport { cartesianChartStyle } from \"./cartesian-chart.style\"\nimport { Chart } from \"./chart\"\nimport {\n  useChartArea,\n  useChartBar,\n  useChartGrid,\n  useChartLine,\n  useChartReferenceLine,\n  useChartXAxis,\n  useChartYAxis,\n} from \"./use-cartesian-chart\"\n\nconst shouldForwardProp = createShouldForwardProp()\n\ninterface ComponentContext extends Pick<\n  CartesianChartProps,\n  | \"areaProps\"\n  | \"barProps\"\n  | \"gridProps\"\n  | \"lineProps\"\n  | \"referenceLineProps\"\n  | \"xAxisProps\"\n  | \"yAxisProps\"\n> {}\n\nexport interface CartesianChartProps\n  extends ChartProps, ThemeProps<CartesianChartStyle> {\n  /**\n   * The fill color of the active dots.\n   */\n  activeDotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the active dots.\n   */\n  activeDotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke color of the active dots.\n   */\n  activeDotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the active dots.\n   */\n  activeDotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The fill opacity of the area.\n   */\n  areaFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The fill color of the dots.\n   */\n  dotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the dots.\n   */\n  dotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke color of the dots.\n   */\n  dotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the dots.\n   */\n  dotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The stroke color of the grid.\n   */\n  gridStroke?: CSSProps[\"stroke\"]\n  /**\n   * The opacity of the inactive lines.\n   */\n  inactiveLineOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The color of the lines.\n   */\n  lineColor?: CSSProps[\"color\"]\n  /**\n   * The stroke color of the lines.\n   */\n  lineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the lines.\n   */\n  lineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The color of the reference lines.\n   */\n  referenceLineColor?: CSSProps[\"color\"]\n  /**\n   * The stroke color of the reference lines.\n   */\n  referenceLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the reference lines.\n   */\n  referenceLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the reference lines.\n   */\n  referenceLineTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the reference lines.\n   */\n  referenceLineTextFill?: CSSProps[\"fill\"]\n  /**\n   * If `true`, grid is visible.\n   *\n   * @default true\n   */\n  withGrid?: boolean\n  /**\n   * If `true`, X axis is visible.\n   *\n   * @default true\n   */\n  withXAxis?: boolean\n  /**\n   * If `true`, Y axis is visible.\n   *\n   * @default false\n   */\n  withYAxis?: boolean\n  /**\n   * The stroke color of the x-axis lines.\n   */\n  xAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the x-axis lines.\n   */\n  xAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the x-axis.\n   */\n  xAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the x-axis.\n   */\n  xAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * The stroke color of the y-axis lines.\n   */\n  yAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the y-axis lines.\n   */\n  yAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the y-axis.\n   */\n  yAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the y-axis.\n   */\n  yAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * Props for the area component.\n   */\n  areaProps?: Omit<ChartAreaProps, \"data\" | \"dataKey\">\n  /**\n   * Props for the bar component.\n   */\n  barProps?: Omit<ChartBarProps, \"dataKey\">\n  /**\n   * Props for the grid component.\n   */\n  gridProps?: ChartGridProps\n  /**\n   * Props for the line component.\n   */\n  lineProps?: Omit<ChartLineProps, \"data\" | \"dataKey\">\n  /**\n   * Props for the reference line component.\n   */\n  referenceLineProps?: ChartReferenceLineProps\n  /**\n   * Props for the x axis component.\n   */\n  xAxisProps?: ChartXAxisProps\n  /**\n   * Props for the y axis component.\n   */\n  yAxisProps?: ChartYAxisProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: CartesianChartPropsContext,\n  useComponentContext,\n  usePropsContext: useCartesianChartPropsContext,\n  withContext,\n  withProvider,\n  useSlotComponentProps,\n} = createSlotComponent<\n  CartesianChartProps,\n  CartesianChartStyle,\n  ComponentContext\n>(\"cartesian-chart\", cartesianChartStyle)\n\nexport { CartesianChartPropsContext, useCartesianChartPropsContext }\n\nexport const CartesianChart = withProvider(\n  ({\n    components: componentsProp,\n    withGrid = true,\n    withXAxis = true,\n    withYAxis = false,\n    areaProps,\n    barProps,\n    gridProps,\n    lineProps,\n    referenceLineProps,\n    xAxisProps,\n    yAxisProps,\n    ...rest\n  }: CartesianChartProps) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartGrid,\n          fallback: withGrid ? <ChartGrid /> : null,\n        },\n        {\n          component: ChartXAxis,\n          fallback: <ChartXAxis hide={!withXAxis} />,\n        },\n        {\n          component: ChartYAxis,\n          fallback: <ChartYAxis hide={!withYAxis} />,\n        },\n        ...componentsProp,\n      ],\n      [componentsProp, withGrid, withXAxis, withYAxis],\n    )\n    const componentContext = useMemo(\n      () => ({\n        areaProps,\n        barProps,\n        gridProps,\n        lineProps,\n        referenceLineProps,\n        xAxisProps,\n        yAxisProps,\n      }),\n      [\n        areaProps,\n        barProps,\n        gridProps,\n        lineProps,\n        referenceLineProps,\n        xAxisProps,\n        yAxisProps,\n      ],\n    )\n\n    return (\n      <ComponentContext value={componentContext}>\n        <Chart components={components} {...rest} />\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)(\n  undefined,\n  ({\n    activeDotFill,\n    activeDotRadius,\n    activeDotStroke,\n    activeDotStrokeWidth,\n    areaFillOpacity,\n    dotFill,\n    dotRadius,\n    dotStroke,\n    dotStrokeWidth,\n    gridStroke,\n    inactiveLineOpacity,\n    lineColor,\n    lineStroke,\n    lineStrokeWidth,\n    referenceLineColor,\n    referenceLineStroke,\n    referenceLineStrokeWidth,\n    referenceLineTextColor,\n    referenceLineTextFill,\n    xAxisLineStroke,\n    xAxisLineStrokeWidth,\n    xAxisTextColor,\n    xAxisTextFill,\n    yAxisLineStroke,\n    yAxisLineStrokeWidth,\n    yAxisTextColor,\n    yAxisTextFill,\n    ...rest\n  }) => ({\n    \"--active-dot-fill\": varAttr(activeDotFill, \"colors\"),\n    \"--active-dot-r\": activeDotRadius,\n    \"--active-dot-stroke\": varAttr(activeDotStroke, \"colors\"),\n    \"--active-dot-stroke-width\": activeDotStrokeWidth,\n    \"--area-fill-opacity\": areaFillOpacity,\n    \"--dot-fill\": varAttr(dotFill, \"colors\"),\n    \"--dot-r\": dotRadius,\n    \"--dot-stroke\": varAttr(dotStroke, \"colors\"),\n    \"--dot-stroke-width\": dotStrokeWidth,\n    \"--grid-stroke\": varAttr(gridStroke, \"colors\"),\n    \"--inactive-line-opacity\": inactiveLineOpacity,\n    \"--line-color\": varAttr(lineColor, \"colors\"),\n    \"--line-stroke\": varAttr(lineStroke, \"colors\"),\n    \"--line-stroke-width\": lineStrokeWidth,\n    \"--reference-line-color\": varAttr(referenceLineColor, \"colors\"),\n    \"--reference-line-stroke\": varAttr(referenceLineStroke, \"colors\"),\n    \"--reference-line-stroke-width\": referenceLineStrokeWidth,\n    \"--reference-line-text-color\": varAttr(referenceLineTextColor, \"colors\"),\n    \"--reference-line-text-fill\": varAttr(referenceLineTextFill, \"colors\"),\n    \"--x-axis-line-stroke\": varAttr(xAxisLineStroke, \"colors\"),\n    \"--x-axis-line-stroke-width\": xAxisLineStrokeWidth,\n    \"--x-axis-text-color\": varAttr(xAxisTextColor, \"colors\"),\n    \"--x-axis-text-fill\": varAttr(xAxisTextFill, \"colors\"),\n    \"--y-axis-line-stroke\": varAttr(yAxisLineStroke, \"colors\"),\n    \"--y-axis-line-stroke-width\": yAxisLineStrokeWidth,\n    \"--y-axis-text-color\": varAttr(yAxisTextColor, \"colors\"),\n    \"--y-axis-text-fill\": varAttr(yAxisTextFill, \"colors\"),\n    ...rest,\n  }),\n)\n\nexport type ChartXAxisTick =\n  | ((props: XAxisTickContentProps) => ReactNode)\n  | boolean\n  | HTMLStyledProps<\"text\">\n  | ReactElement\n\nexport interface ChartXAxisProps extends Merge<\n  HTMLStyledProps<\"svg\">,\n  Omit<UseChartXAxisProps, \"label\" | \"tick\" | \"tickLine\">\n> {\n  /**\n   * The label to use for the axis.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n  /**\n   * The tick to use for the axis.\n   *\n   * @default true\n   */\n  tick?: ChartXAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartXAxis = withContext<\"svg\", ChartXAxisProps>((props) => {\n  const { xAxisProps } = useComponentContext()\n  const {\n    children,\n    label: labelProp = false,\n    tick: tickProp = true,\n    tickLine: tickLineProp = false,\n    ...rest\n  } = { ...xAxisProps, ...props }\n  const system = useSystem()\n  const { theme } = useTheme()\n  const tickProps = useSlotComponentProps({}, \"xAxisTick\")\n  const labelProps = useSlotComponentProps({}, \"xAxisLabel\")\n  const tickLineProps = useSlotComponentProps({}, \"xAxisTickLine\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const tick = useMemo<UseChartXAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n\n    const className = cx(tickProps.className, css(tickProps.css))\n\n    if (isFunction(tickProp)) {\n      return (props) =>\n        tickProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(tickProp)) {\n      return cloneElement<any>(tickProp, { className })\n    } else if (isObject(tickProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"text\">,\n        CSSObject\n      >(tickProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickProp, tickProps.className, tickProps.css, css])\n  const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n    if (isObject(tickLineProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"line\">,\n        CSSObject\n      >(tickLineProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickLineProp, tickLineProps.className, tickLineProps.css, css])\n  const label = useMemo<UseChartXAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className, children: labelProp }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getRootProps, getXAxisProps } = useChartXAxis({\n    label,\n    tick,\n    tickLine,\n    ...rest,\n  })\n\n  return (\n    <styled.svg asChild {...getRootProps()}>\n      <XAxis {...getXAxisProps()}>{children}</XAxis>\n    </styled.svg>\n  )\n}, \"xAxis\")()\n\nexport type ChartYAxisTick =\n  | ((props: YAxisTickContentProps) => ReactNode)\n  | boolean\n  | HTMLStyledProps<\"text\">\n  | ReactElement\n\nexport interface ChartYAxisProps extends Merge<\n  HTMLStyledProps<\"svg\">,\n  Omit<UseChartYAxisProps, \"label\" | \"tick\" | \"tickLine\">\n> {\n  /**\n   * The label to use for the axis.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n  /**\n   * The tick to use for the axis.\n   *\n   * @default true\n   */\n  tick?: ChartYAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartYAxis = withContext<\"svg\", ChartYAxisProps>((props) => {\n  const { yAxisProps } = useComponentContext()\n  const {\n    children,\n    label: labelProp = false,\n    tick: tickProp = true,\n    tickLine: tickLineProp = false,\n    ...rest\n  } = { ...yAxisProps, ...props }\n  const system = useSystem()\n  const { theme } = useTheme()\n  const tickProps = useSlotComponentProps({}, \"yAxisTick\")\n  const labelProps = useSlotComponentProps({}, \"yAxisLabel\")\n  const tickLineProps = useSlotComponentProps({}, \"yAxisTickLine\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const tick = useMemo<UseChartYAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n\n    const className = cx(tickProps.className, css(tickProps.css))\n\n    if (isFunction(tickProp)) {\n      return (props) =>\n        tickProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(tickProp)) {\n      return cloneElement<any>(tickProp, { className })\n    } else if (isObject(tickProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"text\">,\n        CSSObject\n      >(tickProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickProp, tickProps.className, tickProps.css, css])\n  const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n    if (isObject(tickLineProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"line\">,\n        CSSObject\n      >(tickLineProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickLineProp, tickLineProps.className, tickLineProps.css, css])\n  const label = useMemo<UseChartYAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className, children: labelProp }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getRootProps, getYAxisProps } = useChartYAxis({\n    label,\n    tick,\n    tickLine,\n    ...rest,\n  })\n\n  return (\n    <styled.svg asChild {...getRootProps()}>\n      <YAxis {...getYAxisProps()}>{children}</YAxis>\n    </styled.svg>\n  )\n}, \"yAxis\")()\n\nexport interface ChartGridProps extends Merge<\n  HTMLStyledProps<\"line\">,\n  UseChartGridProps\n> {}\n\nexport const ChartGrid = withContext<\"line\", ChartGridProps>((props) => {\n  const { gridProps } = useComponentContext()\n  const { getGridProps, getRootProps } = useChartGrid({\n    ...gridProps,\n    ...props,\n  })\n\n  return (\n    <styled.line asChild {...getRootProps()}>\n      <CartesianGrid {...getGridProps()} />\n    </styled.line>\n  )\n}, \"grid\")()\n\nexport interface ChartLineProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"line\">,\n  Omit<\n    UseChartLineProps,\n    \"activeDot\" | \"data\" | \"dataKey\" | \"dot\" | \"label\" | \"stroke\"\n  >\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The active dot to use for the line.\n   *\n   * @default true\n   */\n  activeDot?: ChartActiveDot\n  /**\n   * The data to use for the line.\n   */\n  data?: Y[]\n  /**\n   * The dot to use for the line.\n   *\n   * @default false\n   */\n  dot?: ChartDot\n  /**\n   * The label list to use for the line.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n}\n\nexport const ChartLine = withContext<\"line\", ChartLineProps>((props) => {\n  const { lineProps } = useComponentContext()\n  const {\n    activeDot: activeDotProp = true,\n    children,\n    dataKey,\n    dot: dotProp = false,\n    label: labelProp = false,\n    stroke: strokeProp,\n    ...rest\n  } = { ...lineProps, ...props }\n  const system = useSystem()\n  const { theme } = useTheme()\n  const color = strokeProp ?? rest.color\n  const stroke = JSON.stringify(color)\n  const dotProps = useSlotComponentProps({}, \"dot\")\n  const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n\n    const className = cx(\n      dotProps.className,\n      css(dotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(dotProp)) {\n      return (props) =>\n        dotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(dotProp)) {\n      return cloneElement<any>(dotProp, { className })\n    } else if (isObject(dotProp)) {\n      const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n        dotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [dotProp, dotProps.className, dotProps.css, css, color])\n  const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n\n    const className = cx(\n      activeDotProps.className,\n      css(activeDotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(activeDotProp)) {\n      return (props) =>\n        activeDotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(activeDotProp)) {\n      return cloneElement<any>(activeDotProp, { className })\n    } else if (isObject(activeDotProp)) {\n      const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n        activeDotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [activeDotProp, activeDotProps.className, activeDotProps.css, css, color])\n  const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getLineProps, getRootProps } = useChartLine({\n    activeDot,\n    dataKey,\n    dot,\n    label,\n    stroke,\n    ...rest,\n  })\n\n  return (\n    <styled.line asChild {...getRootProps()}>\n      <Line {...getLineProps()}>{children}</Line>\n    </styled.line>\n  )\n}, \"line\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartLineProps<Y>): ReactElement\n}>\n\nexport interface ChartAreaProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"line\">,\n  Omit<\n    UseChartAreaProps,\n    \"activeDot\" | \"data\" | \"dataKey\" | \"dot\" | \"label\" | \"stroke\"\n  >\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The active dot to use for the line.\n   *\n   * @default true\n   */\n  activeDot?: ChartActiveDot\n  /**\n   * The data to use for the area.\n   */\n  data?: Y[]\n  /**\n   * The dot to use for the line.\n   *\n   * @default false\n   */\n  dot?: ChartDot\n  /**\n   * The label list to use for the line.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n  /**\n   * Determines whether the chart area should be represented with a gradient instead of the solid color.\n   */\n  withGradient?: boolean\n}\n\nexport const ChartArea = withContext<\"line\", ChartAreaProps>((props) => {\n  const { areaProps } = useComponentContext()\n  const {\n    activeDot: activeDotProp = true,\n    children,\n    dataKey,\n    dot: dotProp = false,\n    label: labelProp = false,\n    stroke: strokeProp,\n    withGradient,\n    ...rest\n  } = { ...areaProps, ...props }\n  const id = useId()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const color = strokeProp ?? rest.fill ?? rest.color\n  const stroke = JSON.stringify(color)\n  const dotProps = useSlotComponentProps({}, \"dot\")\n  const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n\n    const className = cx(\n      dotProps.className,\n      css(dotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(dotProp)) {\n      return (props) =>\n        dotProp({\n          ...props,\n          className: cx(className, props.className),\n        })\n    } else if (isValidElement(dotProp)) {\n      return cloneElement<any>(dotProp, {\n        className,\n      })\n    } else if (isObject(dotProp)) {\n      const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n        dotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [dotProp, dotProps.className, dotProps.css, css, color])\n  const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n\n    const className = cx(\n      activeDotProps.className,\n      css(activeDotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(activeDotProp)) {\n      return (props) =>\n        activeDotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(activeDotProp)) {\n      return cloneElement<any>(activeDotProp, { className })\n    } else if (isObject(activeDotProp)) {\n      const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n        activeDotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [activeDotProp, activeDotProps.className, activeDotProps.css, css, color])\n  const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getAreaProps, getRootProps } = useChartArea({\n    activeDot,\n    dataKey,\n    dot,\n    fill: color ? `url(#${id})` : \"\",\n    label,\n    stroke,\n    ...rest,\n  })\n\n  return (\n    <>\n      <styled.line asChild {...getRootProps()}>\n        <Area {...getAreaProps()}>{children}</Area>\n      </styled.line>\n\n      <defs>\n        {withGradient ? (\n          <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n            <styled.stop asChild stopColor={color} stopOpacity={0.8}>\n              <stop offset=\"5%\" />\n            </styled.stop>\n            <styled.stop asChild stopColor={color} stopOpacity={0.1}>\n              <stop offset=\"95%\" />\n            </styled.stop>\n          </linearGradient>\n        ) : (\n          <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n            <styled.stop stopColor={color} stopOpacity={0.4} />\n          </linearGradient>\n        )}\n      </defs>\n    </>\n  )\n}, \"area\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartAreaProps<Y>): ReactElement\n}>\n\nexport interface ChartBarProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"path\">,\n  Omit<UseChartBarProps, \"dataKey\" | \"fill\" | \"label\">\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The label list to use for the bar.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n}\n\nexport const ChartBar = withContext<\"path\", ChartBarProps>((props) => {\n  const { barProps } = useComponentContext()\n  const {\n    children,\n    dataKey,\n    fill: fillProp,\n    label: labelProp = false,\n    ...rest\n  } = { ...barProps, ...props }\n  const system = useSystem()\n  const { theme } = useTheme()\n  const color = fillProp ?? rest.color\n  const fill = JSON.stringify(color)\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const label = useMemo<UseChartBarProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getBarProps, getRootProps } = useChartBar({\n    dataKey,\n    fill,\n    label,\n    ...rest,\n  })\n\n  return (\n    <styled.path asChild {...getRootProps()}>\n      <Bar {...getBarProps()}>{children}</Bar>\n    </styled.path>\n  )\n}, \"bar\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartBarProps<Y>): ReactElement\n}>\n\nexport interface ChartReferenceLineProps extends Omit<\n  Merge<HTMLStyledProps<\"line\">, UseChartReferenceLineProps>,\n  \"label\"\n> {\n  /**\n   * The label to use for the reference line.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n}\n\nexport const ChartReferenceLine = withContext<\"line\", ChartReferenceLineProps>(\n  (props) => {\n    const { referenceLineProps } = useComponentContext()\n    const { label: labelProp = false, ...rest } = {\n      ...referenceLineProps,\n      ...props,\n    }\n    const system = useSystem()\n    const { theme } = useTheme()\n    const labelProps = useSlotComponentProps({}, \"referenceLineLabel\")\n    const css = useMemo(() => getCSS(system, theme), [system, theme])\n    const label = useMemo<UseChartReferenceLineProps[\"label\"]>(() => {\n      if (!labelProp) return labelProp\n\n      const className = cx(labelProps.className, css(labelProps.css))\n\n      if (isFunction(labelProp)) {\n        return (props) =>\n          labelProp({ ...props, className: cx(className, props.className) })\n      } else if (isValidElement(labelProp)) {\n        return cloneElement<any>(labelProp, { className })\n      } else if (isObject(labelProp)) {\n        const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n          labelProp,\n          shouldForwardProp,\n        )\n\n        return {\n          ...omittedProps,\n          className: cx(className, omittedProps.className, css(styleProps)),\n        }\n      } else {\n        return { className, children: labelProp }\n      }\n    }, [labelProp, labelProps.className, labelProps.css, css])\n    const { getReferenceLineProps, getRootProps } = useChartReferenceLine({\n      label,\n      ...rest,\n    })\n\n    return (\n      <styled.line asChild {...getRootProps()}>\n        <ReferenceLine {...getReferenceLineProps()} />\n      </styled.line>\n    )\n  },\n  \"referenceLine\",\n)()\n"],"mappings":"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"}