@yamada-ui/react 2.0.10-dev-20260301101758 → 2.1.0-dev-20260302125757

package/dist/cjs/components/chart/use-bar-chart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-bar-chart.cjs","names":["getRootProps: PropGetter"],"sources":["../../../../src/components/chart/use-bar-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type { CartesianChartProps } from \"recharts/types/util/types\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport { useCallback } from \"react\"\n\nexport interface UseBarChartProps<Y extends Dict>\n  extends\n    HTMLProps,\n    Pick<\n      CartesianChartProps,\n      | \"accessibilityLayer\"\n      | \"compact\"\n      | \"layout\"\n      | \"responsive\"\n      | \"syncId\"\n      | \"syncMethod\"\n    > {\n  /**\n   * Chart data.\n   */\n  data?: Y[]\n}\n\nexport const useBarChart = <Y extends Dict>({\n  accessibilityLayer = true,\n  compact,\n  data,\n  layout = \"horizontal\",\n  responsive,\n  syncId,\n  syncMethod,\n  ...rest\n}: UseBarChartProps<Y>) => {\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...props, ...rest }),\n    [rest],\n  )\n\n  const getChartProps: PropGetter<CartesianChartProps> = useCallback(\n    (props) => ({\n      accessibilityLayer,\n      compact,\n      data,\n      layout,\n      margin: { left: 16, right: 16 },\n      responsive,\n      syncId,\n      syncMethod,\n      ...props,\n    }),\n    [accessibilityLayer, compact, data, layout, responsive, syncId, syncMethod],\n  )\n\n  return {\n    getChartProps,\n    getRootProps,\n  }\n}\n\nexport type UseBarChartReturn<Y extends Dict> = ReturnType<\n  typeof useBarChart<Y>\n>\n"],"mappings":";;;;;;AAyBA,MAAa,eAA+B,EAC1C,qBAAqB,MACrB,SACA,MACA,SAAS,cACT,YACA,QACA,YACA,GAAG,WACsB;CACzB,MAAMA,uCACH,WAAW;EAAE,GAAG;EAAO,GAAG;EAAM,GACjC,CAAC,KAAK,CACP;AAiBD,QAAO;EACL,uCAfC,WAAW;GACV;GACA;GACA;GACA;GACA,QAAQ;IAAE,MAAM;IAAI,OAAO;IAAI;GAC/B;GACA;GACA;GACA,GAAG;GACJ,GACD;GAAC;GAAoB;GAAS;GAAM;GAAQ;GAAY;GAAQ;GAAW,CAC5E;EAIC;EACD"}

package/dist/cjs/components/chart/use-cartesian-chart.cjs

@@ -0,0 +1,592 @@
+"use client";
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils_index = require('../../utils/index.cjs');
+const require_use_chart = require('./use-chart.cjs');
+let react = require("react");
+
+//#region src/components/chart/use-cartesian-chart.ts
+const useChartXAxis = ({ type, name, allowDataOverflow, allowDecimals, allowDuplicatedCategory, angle, axisLine = false, children, dataKey, domain, height, hide, includeHidden, interval, label: labelProp = false, minTickGap = 8, mirror, orientation, padding, range, reversed, scale, tick: tickProp = true, tickCount, tickFormatter, tickLine: tickLineProp = false, tickMargin = 8, ticks, tickSize, unit, xAxisId, ...rest } = {}) => {
+	const tick = (0, react.useMemo)(() => {
+		if (!tickProp) return tickProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(tickProp) || (0, react.isValidElement)(tickProp)) return tickProp;
+		return {
+			...(0, require_utils_index.utils_exports.isObject)(tickProp) ? tickProp : {},
+			fill: ""
+		};
+	}, [tickProp]);
+	const tickLine = (0, react.useMemo)(() => {
+		if (!tickLineProp) return tickLineProp;
+		return {
+			fill: "",
+			stroke: "",
+			...(0, require_utils_index.utils_exports.isObject)(tickLineProp) ? tickLineProp : {}
+		};
+	}, [tickLineProp]);
+	const label = (0, react.useMemo)(() => {
+		if (!labelProp) return labelProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(labelProp) || (0, react.isValidElement)(labelProp)) return labelProp;
+		return {
+			fill: "",
+			offset: 0,
+			position: "insideBottom",
+			...(0, require_utils_index.utils_exports.isObject)(labelProp) ? labelProp : {}
+		};
+	}, [labelProp]);
+	return {
+		getRootProps: (0, react.useCallback)((props) => ({
+			...rest,
+			...props
+		}), [rest]),
+		getXAxisProps: (0, react.useCallback)((props) => ({
+			type,
+			name,
+			allowDataOverflow,
+			allowDecimals,
+			allowDuplicatedCategory,
+			angle,
+			axisLine,
+			children,
+			dataKey,
+			domain,
+			height: height ?? (label ? 52 : void 0),
+			hide,
+			includeHidden,
+			interval,
+			label,
+			minTickGap,
+			mirror,
+			orientation,
+			padding,
+			range,
+			reversed,
+			scale,
+			tick,
+			tickCount,
+			tickFormatter,
+			tickLine,
+			tickMargin,
+			ticks,
+			tickSize,
+			unit,
+			xAxisId,
+			...props
+		}), [
+			allowDataOverflow,
+			allowDecimals,
+			allowDuplicatedCategory,
+			angle,
+			axisLine,
+			children,
+			dataKey,
+			domain,
+			height,
+			hide,
+			includeHidden,
+			interval,
+			label,
+			minTickGap,
+			mirror,
+			name,
+			orientation,
+			padding,
+			range,
+			reversed,
+			scale,
+			tick,
+			tickCount,
+			tickFormatter,
+			tickLine,
+			tickMargin,
+			tickSize,
+			ticks,
+			type,
+			unit,
+			xAxisId
+		])
+	};
+};
+const useChartYAxis = ({ type, name, allowDataOverflow, allowDecimals = true, allowDuplicatedCategory, angle, axisLine = false, children, dataKey, domain, hide, includeHidden, interval, label: labelProp = false, minTickGap, mirror, orientation, padding, range, reversed, scale, tick: tickProp = true, tickCount, tickFormatter, tickLine: tickLineProp = false, tickMargin, ticks, tickSize, unit, width, yAxisId, ...rest } = {}) => {
+	const tick = (0, react.useMemo)(() => {
+		if (!tickProp) return tickProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(tickProp) || (0, react.isValidElement)(tickProp)) return tickProp;
+		return {
+			fill: "",
+			...(0, require_utils_index.utils_exports.isObject)(tickProp) ? tickProp : {}
+		};
+	}, [tickProp]);
+	const tickLine = (0, react.useMemo)(() => {
+		if (!tickLineProp) return tickLineProp;
+		return {
+			fill: "",
+			stroke: "",
+			...(0, require_utils_index.utils_exports.isObject)(tickLineProp) ? tickLineProp : {}
+		};
+	}, [tickLineProp]);
+	const label = (0, react.useMemo)(() => {
+		if (!labelProp) return labelProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(labelProp) || (0, react.isValidElement)(labelProp)) return labelProp;
+		return {
+			angle: -90,
+			fill: "",
+			offset: 4,
+			position: "insideLeft",
+			transform: orientation === "end" ? "translate(10, 0)" : "translate(-10, 0)",
+			...(0, require_utils_index.utils_exports.isObject)(labelProp) ? labelProp : {}
+		};
+	}, [labelProp, orientation]);
+	return {
+		getRootProps: (0, react.useCallback)((props) => ({
+			...rest,
+			...props
+		}), [rest]),
+		getYAxisProps: (0, react.useCallback)((props = {}) => ({
+			type,
+			name,
+			allowDataOverflow,
+			allowDecimals,
+			allowDuplicatedCategory,
+			angle,
+			axisLine,
+			children,
+			dataKey,
+			domain,
+			hide,
+			includeHidden,
+			interval,
+			label,
+			minTickGap,
+			mirror,
+			orientation: orientation === "end" ? "right" : orientation === "start" ? "left" : void 0,
+			padding,
+			range,
+			reversed,
+			scale,
+			tick,
+			tickCount,
+			tickFormatter,
+			tickLine,
+			tickMargin,
+			ticks,
+			tickSize,
+			unit,
+			width: width ?? (label ? 64 : void 0),
+			yAxisId,
+			...props
+		}), [
+			allowDataOverflow,
+			allowDecimals,
+			allowDuplicatedCategory,
+			angle,
+			axisLine,
+			children,
+			dataKey,
+			domain,
+			hide,
+			includeHidden,
+			interval,
+			label,
+			minTickGap,
+			mirror,
+			name,
+			orientation,
+			padding,
+			range,
+			reversed,
+			scale,
+			tick,
+			tickCount,
+			tickFormatter,
+			tickLine,
+			tickMargin,
+			tickSize,
+			ticks,
+			type,
+			unit,
+			width,
+			yAxisId
+		])
+	};
+};
+const useChartLine = ({ type = "monotone", name, activeDot: activeDotProp, animateNewValues, animationBegin, animationDuration, animationEasing, children, connectNulls, data, dataKey: dataKeyProp, dot: dotProp, hide, isAnimationActive = false, label: labelProp = false, legendType, shape, tooltipType, unit, xAxisId, yAxisId, zIndex, onAnimationEnd, onAnimationStart, ...rest } = {}) => {
+	const { highlightedDataKey } = require_use_chart.useChartContext();
+	const label = (0, react.useMemo)(() => {
+		if (!labelProp) return labelProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(labelProp) || (0, react.isValidElement)(labelProp)) return labelProp;
+		return {
+			fill: "",
+			offset: 12,
+			position: "top",
+			...(0, require_utils_index.utils_exports.isObject)(labelProp) ? labelProp : {}
+		};
+	}, [labelProp]);
+	const dot = (0, react.useMemo)(() => {
+		if (!dotProp) return dotProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(dotProp) || (0, react.isValidElement)(dotProp)) return dotProp;
+		return {
+			fill: "",
+			stroke: "",
+			...(0, require_utils_index.utils_exports.isObject)(dotProp) ? dotProp : {}
+		};
+	}, [dotProp]);
+	const activeDot = (0, react.useMemo)(() => {
+		if (!activeDotProp) return activeDotProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(activeDotProp) || (0, react.isValidElement)(activeDotProp)) return activeDotProp;
+		return {
+			fill: "",
+			stroke: "",
+			...(0, require_utils_index.utils_exports.isObject)(activeDotProp) ? activeDotProp : {}
+		};
+	}, [activeDotProp]);
+	const getRootProps = (0, react.useCallback)((props) => ({
+		...rest,
+		...props
+	}), [rest]);
+	return {
+		getLineProps: (0, react.useCallback)(({ dataKey = dataKeyProp, ...props } = {}) => ({
+			type,
+			name,
+			"data-active": (0, require_utils_index.utils_exports.dataAttr)(!(0, require_utils_index.utils_exports.isUndefined)(highlightedDataKey) && highlightedDataKey === dataKey),
+			"data-inactive": (0, require_utils_index.utils_exports.dataAttr)(!(0, require_utils_index.utils_exports.isUndefined)(highlightedDataKey) && highlightedDataKey !== dataKey),
+			activeDot,
+			animateNewValues,
+			animationBegin,
+			animationDuration,
+			animationEasing,
+			children,
+			connectNulls,
+			data,
+			dataKey,
+			dot,
+			hide,
+			isAnimationActive,
+			label,
+			legendType,
+			shape,
+			stroke: "",
+			strokeWidth: "",
+			tooltipType,
+			unit,
+			xAxisId,
+			yAxisId,
+			zIndex,
+			onAnimationEnd,
+			onAnimationStart,
+			...props
+		}), [
+			activeDot,
+			animateNewValues,
+			animationBegin,
+			animationDuration,
+			animationEasing,
+			children,
+			connectNulls,
+			data,
+			dataKeyProp,
+			dot,
+			hide,
+			highlightedDataKey,
+			isAnimationActive,
+			label,
+			legendType,
+			name,
+			onAnimationEnd,
+			onAnimationStart,
+			shape,
+			tooltipType,
+			type,
+			unit,
+			xAxisId,
+			yAxisId,
+			zIndex
+		]),
+		getRootProps
+	};
+};
+const useChartArea = ({ type = "monotone", name, activeDot: activeDotProp, animationBegin, animationDuration, animationEasing, baseLine, baseValue, children, connectNulls, data, dataKey: dataKeyProp, dot: dotProp, hide, isAnimationActive = false, label: labelProp = false, legendType, stackId, tooltipType, unit, xAxisId, yAxisId, zIndex, onAnimationEnd, onAnimationStart, ...rest }) => {
+	const { highlightedDataKey } = require_use_chart.useChartContext();
+	const label = (0, react.useMemo)(() => {
+		if (!labelProp) return labelProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(labelProp) || (0, react.isValidElement)(labelProp)) return labelProp;
+		return {
+			fill: "",
+			offset: 12,
+			position: "top",
+			...(0, require_utils_index.utils_exports.isObject)(labelProp) ? labelProp : {}
+		};
+	}, [labelProp]);
+	const dot = (0, react.useMemo)(() => {
+		if (!dotProp) return dotProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(dotProp) || (0, react.isValidElement)(dotProp)) return dotProp;
+		return {
+			fill: "",
+			stroke: "",
+			...(0, require_utils_index.utils_exports.isObject)(dotProp) ? dotProp : {}
+		};
+	}, [dotProp]);
+	const activeDot = (0, react.useMemo)(() => {
+		if (!activeDotProp) return activeDotProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(activeDotProp) || (0, react.isValidElement)(activeDotProp)) return activeDotProp;
+		return {
+			fill: "",
+			stroke: "",
+			...(0, require_utils_index.utils_exports.isObject)(activeDotProp) ? activeDotProp : {}
+		};
+	}, [activeDotProp]);
+	const getRootProps = (0, react.useCallback)((props) => ({
+		...rest,
+		...props
+	}), [rest]);
+	return {
+		getAreaProps: (0, react.useCallback)(({ dataKey = dataKeyProp, ...props } = {}) => ({
+			type,
+			name,
+			"data-active": (0, require_utils_index.utils_exports.dataAttr)(!(0, require_utils_index.utils_exports.isUndefined)(highlightedDataKey) && highlightedDataKey === dataKey),
+			"data-inactive": (0, require_utils_index.utils_exports.dataAttr)(!(0, require_utils_index.utils_exports.isUndefined)(highlightedDataKey) && highlightedDataKey !== dataKey),
+			activeDot,
+			animationBegin,
+			animationDuration,
+			animationEasing,
+			baseLine,
+			baseValue,
+			children,
+			connectNulls,
+			data,
+			dataKey,
+			dot,
+			fill: "",
+			fillOpacity: "",
+			hide,
+			isAnimationActive,
+			label,
+			legendType,
+			stackId,
+			stroke: "",
+			strokeWidth: "",
+			tooltipType,
+			unit,
+			xAxisId,
+			yAxisId,
+			zIndex,
+			onAnimationEnd,
+			onAnimationStart,
+			...props
+		}), [
+			activeDot,
+			animationBegin,
+			animationDuration,
+			animationEasing,
+			baseLine,
+			baseValue,
+			children,
+			connectNulls,
+			data,
+			dataKeyProp,
+			dot,
+			hide,
+			highlightedDataKey,
+			isAnimationActive,
+			label,
+			legendType,
+			name,
+			onAnimationEnd,
+			onAnimationStart,
+			stackId,
+			tooltipType,
+			type,
+			unit,
+			xAxisId,
+			yAxisId,
+			zIndex
+		]),
+		getRootProps
+	};
+};
+const useChartBar = ({ name, activeBar, animationBegin, animationDuration, animationEasing, background, barSize, children, dangerouslySetInnerHTML, dataKey: dataKeyProp, hide, index, isAnimationActive = false, label: labelProp = false, legendType, maxBarSize, minPointSize, radius = 4, shape, tooltipType, unit, xAxisId, yAxisId, zIndex, onAnimationEnd, onAnimationStart, ...rest } = {}) => {
+	const { highlightedDataKey } = require_use_chart.useChartContext();
+	const label = (0, react.useMemo)(() => {
+		if (!labelProp) return labelProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(labelProp) || (0, react.isValidElement)(labelProp)) return labelProp;
+		return {
+			fill: "",
+			offset: 12,
+			position: "top",
+			...(0, require_utils_index.utils_exports.isObject)(labelProp) ? labelProp : {}
+		};
+	}, [labelProp]);
+	const getRootProps = (0, react.useCallback)((props) => ({
+		...rest,
+		...props
+	}), [rest]);
+	return {
+		getBarProps: (0, react.useCallback)(({ dataKey = dataKeyProp, ...props } = {}) => ({
+			name,
+			"data-active": (0, require_utils_index.utils_exports.dataAttr)(!(0, require_utils_index.utils_exports.isUndefined)(highlightedDataKey) && highlightedDataKey === dataKey),
+			"data-inactive": (0, require_utils_index.utils_exports.dataAttr)(!(0, require_utils_index.utils_exports.isUndefined)(highlightedDataKey) && highlightedDataKey !== dataKey),
+			activeBar,
+			animationBegin,
+			animationDuration,
+			animationEasing,
+			background,
+			barSize,
+			children,
+			dangerouslySetInnerHTML,
+			dataKey,
+			hide,
+			index,
+			isAnimationActive,
+			label,
+			legendType,
+			maxBarSize,
+			minPointSize,
+			radius,
+			shape,
+			stroke: "",
+			strokeWidth: "",
+			tooltipType,
+			unit,
+			xAxisId,
+			yAxisId,
+			zIndex,
+			onAnimationEnd,
+			onAnimationStart,
+			...props
+		}), [
+			activeBar,
+			animationBegin,
+			animationDuration,
+			animationEasing,
+			background,
+			barSize,
+			children,
+			dangerouslySetInnerHTML,
+			dataKeyProp,
+			hide,
+			highlightedDataKey,
+			index,
+			isAnimationActive,
+			label,
+			legendType,
+			maxBarSize,
+			minPointSize,
+			name,
+			onAnimationEnd,
+			onAnimationStart,
+			radius,
+			shape,
+			tooltipType,
+			unit,
+			xAxisId,
+			yAxisId,
+			zIndex
+		]),
+		getRootProps
+	};
+};
+const useChartReferenceLine = ({ children, ifOverflow, label: labelProp = false, position, segment, shape, viewBox, x, xAxisId, y, yAxisId, zIndex, ...rest } = {}) => {
+	const label = (0, react.useMemo)(() => {
+		if (!labelProp) return labelProp;
+		if ((0, require_utils_index.utils_exports.isFunction)(labelProp) || (0, react.isValidElement)(labelProp)) return labelProp;
+		return {
+			fill: "",
+			offset: 8,
+			position: "insideBottomLeft",
+			...(0, require_utils_index.utils_exports.isObject)(labelProp) ? labelProp : {}
+		};
+	}, [labelProp]);
+	const getRootProps = (0, react.useCallback)((props) => ({
+		...rest,
+		...props
+	}), [rest]);
+	return {
+		getReferenceLineProps: (0, react.useCallback)((props) => ({
+			children,
+			fill: "",
+			fillOpacity: "",
+			ifOverflow,
+			label,
+			position,
+			segment,
+			shape,
+			stroke: "",
+			strokeWidth: "",
+			viewBox,
+			x,
+			xAxisId,
+			y,
+			yAxisId,
+			zIndex,
+			...props
+		}), [
+			children,
+			ifOverflow,
+			label,
+			position,
+			segment,
+			shape,
+			viewBox,
+			x,
+			xAxisId,
+			y,
+			yAxisId,
+			zIndex
+		]),
+		getRootProps
+	};
+};
+const useChartGrid = ({ horizontal, horizontalCoordinatesGenerator, horizontalFill, horizontalPoints, horizontalValues, syncWithTicks, vertical = false, verticalCoordinatesGenerator, verticalFill, verticalPoints, verticalValues, x, xAxisId, y, yAxisId, zIndex, ...rest } = {}) => {
+	const getRootProps = (0, react.useCallback)((props) => ({
+		...rest,
+		...props
+	}), [rest]);
+	return {
+		getGridProps: (0, react.useCallback)((props) => ({
+			horizontal,
+			horizontalCoordinatesGenerator,
+			horizontalFill,
+			horizontalPoints,
+			horizontalValues,
+			stroke: "",
+			syncWithTicks,
+			vertical,
+			verticalCoordinatesGenerator,
+			verticalFill,
+			verticalPoints,
+			verticalValues,
+			x,
+			xAxisId,
+			y,
+			yAxisId,
+			zIndex,
+			...props
+		}), [
+			horizontal,
+			horizontalCoordinatesGenerator,
+			horizontalFill,
+			horizontalPoints,
+			horizontalValues,
+			syncWithTicks,
+			vertical,
+			verticalCoordinatesGenerator,
+			verticalFill,
+			verticalPoints,
+			verticalValues,
+			x,
+			xAxisId,
+			y,
+			yAxisId,
+			zIndex
+		]),
+		getRootProps
+	};
+};
+
+//#endregion
+exports.useChartArea = useChartArea;
+exports.useChartBar = useChartBar;
+exports.useChartGrid = useChartGrid;
+exports.useChartLine = useChartLine;
+exports.useChartReferenceLine = useChartReferenceLine;
+exports.useChartXAxis = useChartXAxis;
+exports.useChartYAxis = useChartYAxis;
+//# sourceMappingURL=use-cartesian-chart.cjs.map

package/dist/cjs/components/chart/use-cartesian-chart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cartesian-chart.cjs","names":["useChartContext","getRootProps: PropGetter<\"line\">","getRootProps: PropGetter<\"path\">"],"sources":["../../../../src/components/chart/use-cartesian-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  AreaProps,\n  BarProps,\n  CartesianGridProps,\n  LineProps,\n  ReferenceLineProps,\n  XAxisProps,\n  YAxisProps,\n} from \"recharts\"\nimport type { HTMLProps, PropGetter, SimpleDirection } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport { isValidElement, useCallback, useMemo } from \"react\"\nimport { dataAttr, isFunction, isObject, isUndefined } from \"../../utils\"\nimport { useChartContext } from \"./use-chart\"\n\nexport interface UseChartXAxisProps extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    XAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"axisLine\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"height\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"interval\"\n    | \"label\"\n    | \"minTickGap\"\n    | \"mirror\"\n    | \"name\"\n    | \"orientation\"\n    | \"padding\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"tickMargin\"\n    | \"ticks\"\n    | \"tickSize\"\n    | \"type\"\n    | \"unit\"\n    | \"xAxisId\"\n  >\n> {}\n\nexport const useChartXAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals,\n  allowDuplicatedCategory,\n  angle,\n  axisLine = false,\n  children,\n  dataKey,\n  domain,\n  height,\n  hide,\n  includeHidden,\n  interval,\n  label: labelProp = false,\n  minTickGap = 8,\n  mirror,\n  orientation,\n  padding,\n  range,\n  reversed,\n  scale,\n  tick: tickProp = true,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp = false,\n  tickMargin = 8,\n  ticks,\n  tickSize,\n  unit,\n  xAxisId,\n  ...rest\n}: UseChartXAxisProps = {}) => {\n  const tick = useMemo<UseChartXAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return { ...(isObject(tickProp) ? tickProp : {}), fill: \"\" }\n  }, [tickProp])\n  const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const label = useMemo<UseChartXAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 0,\n      position: \"insideBottom\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getXAxisProps: PropGetter<XAxisProps> = useCallback(\n    (props) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      height: height ?? (label ? 52 : undefined),\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      orientation,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      ticks,\n      tickSize,\n      unit,\n      xAxisId,\n      ...props,\n    }),\n    [\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      height,\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      name,\n      orientation,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      tickSize,\n      ticks,\n      type,\n      unit,\n      xAxisId,\n    ],\n  )\n\n  return { getRootProps, getXAxisProps }\n}\n\nexport type UseChartXAxisReturn = ReturnType<typeof useChartXAxis>\n\nexport interface UseChartYAxisProps extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    YAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"axisLine\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"interval\"\n    | \"label\"\n    | \"minTickGap\"\n    | \"mirror\"\n    | \"name\"\n    | \"padding\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"tickMargin\"\n    | \"ticks\"\n    | \"tickSize\"\n    | \"type\"\n    | \"unit\"\n    | \"width\"\n    | \"yAxisId\"\n  >\n> {\n  /**\n   * The orientation of axis.\n   *\n   * @defaultValue \"start\"\n   */\n  orientation?: SimpleDirection\n}\n\nexport const useChartYAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals = true,\n  allowDuplicatedCategory,\n  angle,\n  axisLine = false,\n  children,\n  dataKey,\n  domain,\n  hide,\n  includeHidden,\n  interval,\n  label: labelProp = false,\n  minTickGap,\n  mirror,\n  orientation,\n  padding,\n  range,\n  reversed,\n  scale,\n  tick: tickProp = true,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp = false,\n  tickMargin,\n  ticks,\n  tickSize,\n  unit,\n  width,\n  yAxisId,\n  ...rest\n}: UseChartYAxisProps = {}) => {\n  const tick = useMemo<UseChartYAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return { fill: \"\", ...(isObject(tickProp) ? tickProp : {}) }\n  }, [tickProp])\n  const tickLine = useMemo<UseChartYAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const label = useMemo<UseChartYAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      angle: -90,\n      fill: \"\",\n      offset: 4,\n      position: \"insideLeft\",\n      transform:\n        orientation === \"end\" ? \"translate(10, 0)\" : \"translate(-10, 0)\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp, orientation])\n\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getYAxisProps: PropGetter<YAxisProps> = useCallback(\n    (props = {}) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      orientation:\n        orientation === \"end\"\n          ? \"right\"\n          : orientation === \"start\"\n            ? \"left\"\n            : undefined,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      ticks,\n      tickSize,\n      unit,\n      width: width ?? (label ? 64 : undefined),\n      yAxisId,\n      ...props,\n    }),\n    [\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      name,\n      orientation,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      tickSize,\n      ticks,\n      type,\n      unit,\n      width,\n      yAxisId,\n    ],\n  )\n\n  return { getRootProps, getYAxisProps }\n}\n\nexport type UseChartYAxisReturn = ReturnType<typeof useChartYAxis>\n\nexport interface UseChartLineProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    LineProps,\n    | \"activeDot\"\n    | \"animateNewValues\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"connectNulls\"\n    | \"data\"\n    | \"dataKey\"\n    | \"dot\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"legendType\"\n    | \"name\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"shape\"\n    | \"tooltipType\"\n    | \"type\"\n    | \"unit\"\n    | \"xAxisId\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartLine = ({\n  type = \"monotone\",\n  name,\n  activeDot: activeDotProp,\n  animateNewValues,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  children,\n  connectNulls,\n  data,\n  dataKey: dataKeyProp,\n  dot: dotProp,\n  hide,\n  isAnimationActive = false,\n  label: labelProp = false,\n  legendType,\n  shape,\n  tooltipType,\n  unit,\n  xAxisId,\n  yAxisId,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  ...rest\n}: UseChartLineProps = {}) => {\n  const { highlightedDataKey } = useChartContext()\n  const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 12,\n      position: \"top\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n  const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n    if (isFunction(dotProp) || isValidElement(dotProp)) return dotProp\n\n    return { fill: \"\", stroke: \"\", ...(isObject(dotProp) ? dotProp : {}) }\n  }, [dotProp])\n  const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n    if (isFunction(activeDotProp) || isValidElement(activeDotProp))\n      return activeDotProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(activeDotProp) ? activeDotProp : {}),\n    }\n  }, [activeDotProp])\n\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getLineProps: PropGetter<LineProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      type,\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeDot,\n      animateNewValues,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      children,\n      connectNulls,\n      data,\n      dataKey,\n      dot,\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      shape,\n      stroke: \"\",\n      strokeWidth: \"\",\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      ...props,\n    }),\n    [\n      activeDot,\n      animateNewValues,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      children,\n      connectNulls,\n      data,\n      dataKeyProp,\n      dot,\n      hide,\n      highlightedDataKey,\n      isAnimationActive,\n      label,\n      legendType,\n      name,\n      onAnimationEnd,\n      onAnimationStart,\n      shape,\n      tooltipType,\n      type,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getLineProps, getRootProps }\n}\n\nexport type UseChartLineReturn = ReturnType<typeof useChartLine>\n\nexport interface UseChartAreaProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    AreaProps,\n    | \"activeDot\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"baseLine\"\n    | \"baseValue\"\n    | \"connectNulls\"\n    | \"data\"\n    | \"dataKey\"\n    | \"dot\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"isRange\"\n    | \"label\"\n    | \"legendType\"\n    | \"name\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"stackId\"\n    | \"tooltipType\"\n    | \"type\"\n    | \"unit\"\n    | \"xAxisId\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartArea = ({\n  type = \"monotone\",\n  name,\n  activeDot: activeDotProp,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  baseLine,\n  baseValue,\n  children,\n  connectNulls,\n  data,\n  dataKey: dataKeyProp,\n  dot: dotProp,\n  hide,\n  isAnimationActive = false,\n  label: labelProp = false,\n  legendType,\n  stackId,\n  tooltipType,\n  unit,\n  xAxisId,\n  yAxisId,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  ...rest\n}: UseChartAreaProps) => {\n  const { highlightedDataKey } = useChartContext()\n  const label = useMemo<UseChartAreaProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 12,\n      position: \"top\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n  const dot = useMemo<UseChartAreaProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n    if (isFunction(dotProp) || isValidElement(dotProp)) return dotProp\n\n    return { fill: \"\", stroke: \"\", ...(isObject(dotProp) ? dotProp : {}) }\n  }, [dotProp])\n  const activeDot = useMemo<UseChartAreaProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n    if (isFunction(activeDotProp) || isValidElement(activeDotProp))\n      return activeDotProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(activeDotProp) ? activeDotProp : {}),\n    }\n  }, [activeDotProp])\n\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getAreaProps: PropGetter<\n    Partial<AreaProps>,\n    undefined,\n    AreaProps\n  > = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      type,\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeDot,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLine,\n      baseValue,\n      children,\n      connectNulls,\n      data,\n      dataKey,\n      dot,\n      fill: \"\",\n      fillOpacity: \"\",\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      stackId,\n      stroke: \"\",\n      strokeWidth: \"\",\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      ...props,\n    }),\n    [\n      activeDot,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLine,\n      baseValue,\n      children,\n      connectNulls,\n      data,\n      dataKeyProp,\n      dot,\n      hide,\n      highlightedDataKey,\n      isAnimationActive,\n      label,\n      legendType,\n      name,\n      onAnimationEnd,\n      onAnimationStart,\n      stackId,\n      tooltipType,\n      type,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getAreaProps, getRootProps }\n}\n\nexport type UseChartAreaReturn = ReturnType<typeof useChartArea>\n\nexport interface UseChartBarProps extends Merge<\n  HTMLProps<\"path\">,\n  Pick<\n    BarProps,\n    | \"activeBar\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"background\"\n    | \"barSize\"\n    | \"dangerouslySetInnerHTML\"\n    | \"dataKey\"\n    | \"hide\"\n    | \"index\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"legendType\"\n    | \"maxBarSize\"\n    | \"minPointSize\"\n    | \"name\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"radius\"\n    | \"shape\"\n    | \"stackId\"\n    | \"tooltipType\"\n    | \"unit\"\n    | \"xAxisId\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartBar = ({\n  name,\n  activeBar,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  background,\n  barSize,\n  children,\n  dangerouslySetInnerHTML,\n  dataKey: dataKeyProp,\n  hide,\n  index,\n  isAnimationActive = false,\n  label: labelProp = false,\n  legendType,\n  maxBarSize,\n  minPointSize,\n  radius = 4,\n  shape,\n  tooltipType,\n  unit,\n  xAxisId,\n  yAxisId,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  ...rest\n}: UseChartBarProps = {}) => {\n  const { highlightedDataKey } = useChartContext()\n\n  const label = useMemo<UseChartBarProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 12,\n      position: \"top\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getBarProps: PropGetter<BarProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeBar,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      children,\n      dangerouslySetInnerHTML,\n      dataKey,\n      hide,\n      index,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      minPointSize,\n      radius,\n      shape,\n      stroke: \"\",\n      strokeWidth: \"\",\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      ...props,\n    }),\n    [\n      activeBar,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      children,\n      dangerouslySetInnerHTML,\n      dataKeyProp,\n      hide,\n      highlightedDataKey,\n      index,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      minPointSize,\n      name,\n      onAnimationEnd,\n      onAnimationStart,\n      radius,\n      shape,\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getBarProps, getRootProps }\n}\n\nexport type UseChartBarReturn = ReturnType<typeof useChartBar>\n\nexport interface UseChartReferenceLineProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    ReferenceLineProps,\n    | \"ifOverflow\"\n    | \"label\"\n    | \"position\"\n    | \"segment\"\n    | \"shape\"\n    | \"x\"\n    | \"xAxisId\"\n    | \"y\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartReferenceLine = ({\n  children,\n  ifOverflow,\n  label: labelProp = false,\n  position,\n  segment,\n  shape,\n  viewBox,\n  x,\n  xAxisId,\n  y,\n  yAxisId,\n  zIndex,\n  ...rest\n}: UseChartReferenceLineProps = {}) => {\n  const label = useMemo<UseChartReferenceLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 8,\n      position: \"insideBottomLeft\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getReferenceLineProps: PropGetter<Omit<ReferenceLineProps, \"ref\">> =\n    useCallback(\n      (props) => ({\n        children,\n        fill: \"\",\n        fillOpacity: \"\",\n        ifOverflow,\n        label,\n        position,\n        segment,\n        shape,\n        stroke: \"\",\n        strokeWidth: \"\",\n        viewBox,\n        x,\n        xAxisId,\n        y,\n        yAxisId,\n        zIndex,\n        ...props,\n      }),\n      [\n        children,\n        ifOverflow,\n        label,\n        position,\n        segment,\n        shape,\n        viewBox,\n        x,\n        xAxisId,\n        y,\n        yAxisId,\n        zIndex,\n      ],\n    )\n\n  return { getReferenceLineProps, getRootProps }\n}\n\nexport type UseChartReferenceLineReturn = ReturnType<\n  typeof useChartReferenceLine\n>\n\nexport interface UseChartGridProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    CartesianGridProps,\n    | \"horizontal\"\n    | \"horizontalCoordinatesGenerator\"\n    | \"horizontalFill\"\n    | \"horizontalPoints\"\n    | \"horizontalValues\"\n    | \"syncWithTicks\"\n    | \"vertical\"\n    | \"verticalCoordinatesGenerator\"\n    | \"verticalFill\"\n    | \"verticalPoints\"\n    | \"verticalValues\"\n    | \"x\"\n    | \"xAxisId\"\n    | \"y\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartGrid = ({\n  horizontal,\n  horizontalCoordinatesGenerator,\n  horizontalFill,\n  horizontalPoints,\n  horizontalValues,\n  syncWithTicks,\n  vertical = false,\n  verticalCoordinatesGenerator,\n  verticalFill,\n  verticalPoints,\n  verticalValues,\n  x,\n  xAxisId,\n  y,\n  yAxisId,\n  zIndex,\n  ...rest\n}: UseChartGridProps = {}) => {\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getGridProps: PropGetter<CartesianGridProps> = useCallback(\n    (props) => ({\n      horizontal,\n      horizontalCoordinatesGenerator,\n      horizontalFill,\n      horizontalPoints,\n      horizontalValues,\n      stroke: \"\",\n      syncWithTicks,\n      vertical,\n      verticalCoordinatesGenerator,\n      verticalFill,\n      verticalPoints,\n      verticalValues,\n      x,\n      xAxisId,\n      y,\n      yAxisId,\n      zIndex,\n      ...props,\n    }),\n    [\n      horizontal,\n      horizontalCoordinatesGenerator,\n      horizontalFill,\n      horizontalPoints,\n      horizontalValues,\n      syncWithTicks,\n      vertical,\n      verticalCoordinatesGenerator,\n      verticalFill,\n      verticalPoints,\n      verticalValues,\n      x,\n      xAxisId,\n      y,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getGridProps, getRootProps }\n}\n\nexport type UseChartGridReturn = ReturnType<typeof useChartGrid>\n"],"mappings":";;;;;;;;AAsDA,MAAa,iBAAiB,EAC5B,MACA,MACA,mBACA,eACA,yBACA,OACA,WAAW,OACX,UACA,SACA,QACA,QACA,MACA,eACA,UACA,OAAO,YAAY,OACnB,aAAa,GACb,QACA,aACA,SACA,OACA,UACA,OACA,MAAM,WAAW,MACjB,WACA,eACA,UAAU,eAAe,OACzB,aAAa,GACb,OACA,UACA,MACA,SACA,GAAG,SACmB,EAAE,KAAK;CAC7B,MAAM,gCAAiD;AACrD,MAAI,CAAC,SAAU,QAAO;AACtB,wDAAe,SAAS,8BAAmB,SAAS,CAAE,QAAO;AAE7D,SAAO;GAAE,mDAAa,SAAS,GAAG,WAAW,EAAE;GAAG,MAAM;GAAI;IAC3D,CAAC,SAAS,CAAC;CACd,MAAM,oCAAyD;AAC7D,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO;GACL,MAAM;GACN,QAAQ;GACR,mDAAa,aAAa,GAAG,eAAe,EAAE;GAC/C;IACA,CAAC,aAAa,CAAC;CAClB,MAAM,iCAAmD;AACvD,MAAI,CAAC,UAAW,QAAO;AACvB,wDAAe,UAAU,8BAAmB,UAAU,CAAE,QAAO;AAE/D,SAAO;GACL,MAAM;GACN,QAAQ;GACR,UAAU;GACV,mDAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;AA6Ef,QAAO;EAAE,sCA1EN,WAAW;GAAE,GAAG;GAAM,GAAG;GAAO,GACjC,CAAC,KAAK,CACP;EAwEsB,uCArEpB,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,QAAQ,WAAW,QAAQ,KAAK;GAChC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEqC;;AAgDxC,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M;GACN,aAAa;GACb;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR,aAAa;GACb;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEsB;EAAc;;AAsCvC,MAAa,eAAe,EAC1B,MACA,WACA,gBACA,mBACA,iBACA,YACA,SACA,UACA,yBACA,SAAS,aACT,MACA,OACA,oBAAoB,OACpB,OAAO,YAAY,OACnB,YACA,YACA,cACA,SAAS,GACT,OACA,aACA,MACA,SACA,SACA,QACA,gBACA,kBACA,GAAG,SACiB,EAAE,KAAK;CAC3B,MAAM,EAAE,uBAAuBD,mCAAiB;CAEhD,MAAM,iCAAiD;AACrD,MAAI,CAAC,UAAW,QAAO;AACvB,wDAAe,UAAU,8BAAmB,UAAU,CAAE,QAAO;AAE/D,SAAO;GACL,MAAM;GACN,QAAQ;GACR,UAAU;GACV,mDAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;CAEf,MAAME,uCACH,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAuED,QAAO;EAAE,qCApEN,EAAE,UAAU,aAAa,GAAG,UAAU,EAAE,MAAM;GAC7C;GACA,+DACE,oDAAa,mBAAmB,IAAI,uBAAuB,QAC5D;GACD,iEACE,oDAAa,mBAAmB,IAAI,uBAAuB,QAC5D;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR,aAAa;GACb;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEqB;EAAc;;AAsBtC,MAAa,yBAAyB,EACpC,UACA,YACA,OAAO,YAAY,OACnB,UACA,SACA,OACA,SACA,GACA,SACA,GACA,SACA,QACA,GAAG,SAC2B,EAAE,KAAK;CACrC,MAAM,iCAA2D;AAC/D,MAAI,CAAC,UAAW,QAAO;AACvB,wDAAe,UAAU,8BAAmB,UAAU,CAAE,QAAO;AAE/D,SAAO;GACL,MAAM;GACN,QAAQ;GACR,UAAU;GACV,mDAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;CAEf,MAAMD,uCACH,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAuCD,QAAO;EAAE,+CAnCJ,WAAW;GACV;GACA,MAAM;GACN,aAAa;GACb;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR,aAAa;GACb;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAE6B;EAAc;;AA8BhD,MAAa,gBAAgB,EAC3B,YACA,gCACA,gBACA,kBACA,kBACA,eACA,WAAW,OACX,8BACA,cACA,gBACA,gBACA,GACA,SACA,GACA,SACA,QACA,GAAG,SACkB,EAAE,KAAK;CAC5B,MAAMA,uCACH,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AA2CD,QAAO;EAAE,sCAxCN,WAAW;GACV;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEsB;EAAc"}