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

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

@@ -0,0 +1,246 @@
+"use client";
+
+import { createContext as createContext$1 } from "../../utils/context.js";
+import { utils_exports } from "../../utils/index.js";
+import { useCallback, useState } from "react";
+
+//#region src/components/chart/use-chart.ts
+const PLACEMENT_MAP = {
+	"center-end": {
+		align: "right",
+		verticalAlign: "middle"
+	},
+	"center-start": {
+		align: "left",
+		verticalAlign: "middle"
+	},
+	end: {
+		align: "center",
+		verticalAlign: "bottom"
+	},
+	"end-center": {
+		align: "center",
+		verticalAlign: "bottom"
+	},
+	"end-end": {
+		align: "right",
+		verticalAlign: "bottom"
+	},
+	"end-start": {
+		align: "left",
+		verticalAlign: "bottom"
+	},
+	start: {
+		align: "center",
+		verticalAlign: "top"
+	},
+	"start-center": {
+		align: "center",
+		verticalAlign: "top"
+	},
+	"start-end": {
+		align: "right",
+		verticalAlign: "top"
+	},
+	"start-start": {
+		align: "left",
+		verticalAlign: "top"
+	}
+};
+const [ChartContext, useChartContext] = createContext$1({ name: "ChartContext" });
+const useChart = () => {
+	const [highlightedDataKey, setHighlightedDataKey] = useState(void 0);
+	return {
+		highlightedDataKey,
+		onHighlight: useCallback((dataKey) => {
+			setHighlightedDataKey(dataKey);
+		}, [])
+	};
+};
+const useChartLegend = ({ placement = "start-end", align = PLACEMENT_MAP[placement].align, content, formatter, itemSorter, layout = placement.startsWith("center") ? "vertical" : "horizontal", payloadUniqBy, portal, verticalAlign = PLACEMENT_MAP[placement].verticalAlign, onBBoxUpdate, onClick, onMouseEnter, onMouseLeave, ...rest } = {}) => {
+	const { highlightedDataKey, onHighlight } = useChartContext();
+	const getRootProps = useCallback((props) => ({
+		...rest,
+		...props
+	}), [rest]);
+	const getLegendProps = useCallback((props) => ({
+		align,
+		content,
+		formatter,
+		itemSorter,
+		layout,
+		payloadUniqBy,
+		portal,
+		verticalAlign,
+		onBBoxUpdate,
+		onClick,
+		onMouseEnter,
+		onMouseLeave,
+		...props
+	}), [
+		align,
+		content,
+		formatter,
+		itemSorter,
+		layout,
+		onBBoxUpdate,
+		onClick,
+		onMouseEnter,
+		onMouseLeave,
+		payloadUniqBy,
+		portal,
+		verticalAlign
+	]);
+	return {
+		getLegendContentProps: useCallback((props) => ({
+			"data-align": align,
+			"data-orientation": layout,
+			"data-vertical-align": verticalAlign,
+			...props
+		}), [
+			align,
+			layout,
+			verticalAlign
+		]),
+		getLegendItemProps: useCallback(({ dataKey, ...props }) => ({
+			...props,
+			"data-active": (0, utils_exports.dataAttr)(!(0, utils_exports.isUndefined)(highlightedDataKey) && highlightedDataKey === dataKey),
+			"data-inactive": (0, utils_exports.dataAttr)(!(0, utils_exports.isUndefined)(highlightedDataKey) && highlightedDataKey !== dataKey),
+			onMouseEnter: (0, utils_exports.handlerAll)(props.onMouseEnter, () => onHighlight(dataKey)),
+			onMouseLeave: (0, utils_exports.handlerAll)(props.onMouseLeave, () => onHighlight())
+		}), [highlightedDataKey, onHighlight]),
+		getLegendProps,
+		getRootProps
+	};
+};
+const useChartTooltip = ({ active, allowEscapeViewBox, animationDuration = 0, animationEasing, axisId, content, cursor, defaultIndex, filterNull, formatter, includeHidden, isAnimationActive = (animationDuration || 0) > 0, itemSorter, labelFormatter, offset, payloadUniqBy, portal, position, reverseDirection, shared, trigger, useTranslate3d, ...rest } = {}) => {
+	const getRootProps = useCallback((props) => ({
+		active,
+		allowEscapeViewBox,
+		animationDuration,
+		animationEasing,
+		axisId,
+		content,
+		cursor,
+		defaultIndex,
+		filterNull,
+		formatter,
+		includeHidden,
+		isAnimationActive,
+		itemSorter,
+		labelFormatter,
+		offset,
+		payloadUniqBy,
+		portal,
+		position,
+		reverseDirection,
+		shared,
+		trigger,
+		useTranslate3d,
+		...props
+	}), [
+		active,
+		allowEscapeViewBox,
+		animationDuration,
+		animationEasing,
+		axisId,
+		content,
+		cursor,
+		defaultIndex,
+		filterNull,
+		formatter,
+		includeHidden,
+		isAnimationActive,
+		itemSorter,
+		labelFormatter,
+		offset,
+		payloadUniqBy,
+		portal,
+		position,
+		reverseDirection,
+		shared,
+		trigger,
+		useTranslate3d
+	]);
+	return {
+		getContentProps: useCallback((props) => ({
+			...rest,
+			...props
+		}), [rest]),
+		getRootProps
+	};
+};
+const useChartLabelList = ({ angle, clockWise, content, dataKey, formatter, offset = 12, position = "top", textBreakAll, valueAccessor, zIndex, ...rest } = {}) => {
+	const getRootProps = useCallback((props) => ({
+		...rest,
+		...props
+	}), [rest]);
+	return {
+		getLabelListProps: useCallback((props) => ({
+			angle,
+			clockWise,
+			content,
+			dataKey,
+			fill: "",
+			formatter,
+			offset,
+			position,
+			textBreakAll,
+			valueAccessor,
+			zIndex,
+			...props
+		}), [
+			angle,
+			clockWise,
+			content,
+			dataKey,
+			formatter,
+			offset,
+			position,
+			textBreakAll,
+			valueAccessor,
+			zIndex
+		]),
+		getRootProps
+	};
+};
+const useChartLabel = ({ angle, children, content, formatter, labelRef, offset, parentViewBox, position, value, viewBox, zIndex, ...rest } = {}) => {
+	const getRootProps = useCallback((props) => ({
+		...rest,
+		...props
+	}), [rest]);
+	return {
+		getLabelProps: useCallback((props) => ({
+			angle,
+			children,
+			content,
+			fill: "",
+			formatter,
+			labelRef,
+			offset,
+			parentViewBox,
+			position,
+			value,
+			viewBox,
+			zIndex,
+			...props
+		}), [
+			angle,
+			children,
+			content,
+			formatter,
+			labelRef,
+			offset,
+			parentViewBox,
+			position,
+			value,
+			viewBox,
+			zIndex
+		]),
+		getRootProps
+	};
+};
+
+//#endregion
+export { ChartContext, useChart, useChartContext, useChartLabel, useChartLabelList, useChartLegend, useChartTooltip };
+//# sourceMappingURL=use-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-chart.js","names":["PLACEMENT_MAP: {\n  [key in Direction]: {\n    align: LegendProps[\"align\"]\n    verticalAlign: LegendProps[\"verticalAlign\"]\n  }\n}","createContext","getRootProps: PropGetter","getLegendProps: PropGetter<LegendProps>","getRootProps: PropGetter<TooltipProps<Y, M>>","getRootProps: PropGetter<\"text\">"],"sources":["../../../../src/components/chart/use-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  LabelListProps,\n  LabelProps,\n  LegendProps,\n  TooltipProps,\n} from \"recharts\"\nimport type {\n  Direction,\n  HTMLProps,\n  PropGetter,\n  RequiredPropGetter,\n} from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport { useCallback, useState } from \"react\"\nimport { createContext, dataAttr, handlerAll, isUndefined } from \"../../utils\"\n\nconst PLACEMENT_MAP: {\n  [key in Direction]: {\n    align: LegendProps[\"align\"]\n    verticalAlign: LegendProps[\"verticalAlign\"]\n  }\n} = {\n  \"center-end\": { align: \"right\", verticalAlign: \"middle\" },\n  \"center-start\": { align: \"left\", verticalAlign: \"middle\" },\n  end: { align: \"center\", verticalAlign: \"bottom\" },\n  \"end-center\": { align: \"center\", verticalAlign: \"bottom\" },\n  \"end-end\": { align: \"right\", verticalAlign: \"bottom\" },\n  \"end-start\": { align: \"left\", verticalAlign: \"bottom\" },\n  start: { align: \"center\", verticalAlign: \"top\" },\n  \"start-center\": { align: \"center\", verticalAlign: \"top\" },\n  \"start-end\": { align: \"right\", verticalAlign: \"top\" },\n  \"start-start\": { align: \"left\", verticalAlign: \"top\" },\n}\n\ninterface ChartContext extends UseChartReturn {}\n\nconst [ChartContext, useChartContext] = createContext<ChartContext>({\n  name: \"ChartContext\",\n})\n\nexport { ChartContext, useChartContext }\n\nexport const useChart = () => {\n  const [highlightedDataKey, setHighlightedDataKey] = useState<\n    number | string | undefined\n  >(undefined)\n\n  const onHighlight = useCallback((dataKey?: number | string) => {\n    setHighlightedDataKey(dataKey)\n  }, [])\n\n  return { highlightedDataKey, onHighlight }\n}\n\nexport type UseChartReturn = ReturnType<typeof useChart>\n\nexport interface UseChartLegendProps extends Merge<\n  HTMLProps,\n  Pick<\n    LegendProps,\n    | \"align\"\n    | \"content\"\n    | \"formatter\"\n    | \"itemSorter\"\n    | \"layout\"\n    | \"onBBoxUpdate\"\n    | \"onClick\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"payloadUniqBy\"\n    | \"portal\"\n    | \"verticalAlign\"\n  >\n> {\n  /**\n   * The placement of the legend.\n   *\n   * @default 'start-end'\n   */\n  placement?: Direction\n}\n\nexport const useChartLegend = ({\n  placement = \"start-end\",\n  align = PLACEMENT_MAP[placement].align,\n  content,\n  formatter,\n  itemSorter,\n  layout = placement.startsWith(\"center\") ? \"vertical\" : \"horizontal\",\n  payloadUniqBy,\n  portal,\n  verticalAlign = PLACEMENT_MAP[placement].verticalAlign,\n  onBBoxUpdate,\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: UseChartLegendProps = {}) => {\n  const { highlightedDataKey, onHighlight } = useChartContext()\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getLegendProps: PropGetter<LegendProps> = useCallback(\n    (props) => ({\n      align,\n      content,\n      formatter,\n      itemSorter,\n      layout,\n      payloadUniqBy,\n      portal,\n      verticalAlign,\n      onBBoxUpdate,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      ...props,\n    }),\n    [\n      align,\n      content,\n      formatter,\n      itemSorter,\n      layout,\n      onBBoxUpdate,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      payloadUniqBy,\n      portal,\n      verticalAlign,\n    ],\n  )\n\n  const getLegendContentProps: PropGetter = useCallback(\n    (props) => ({\n      \"data-align\": align,\n      \"data-orientation\": layout,\n      \"data-vertical-align\": verticalAlign,\n      ...props,\n    }),\n    [align, layout, verticalAlign],\n  )\n\n  const getLegendItemProps: RequiredPropGetter<\n    \"div\",\n    { dataKey?: number | string }\n  > = useCallback(\n    ({ dataKey, ...props }) => ({\n      ...props,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      onMouseEnter: handlerAll(props.onMouseEnter, () => onHighlight(dataKey)),\n      onMouseLeave: handlerAll(props.onMouseLeave, () => onHighlight()),\n    }),\n    [highlightedDataKey, onHighlight],\n  )\n\n  return {\n    getLegendContentProps,\n    getLegendItemProps,\n    getLegendProps,\n    getRootProps,\n  }\n}\n\nexport type UseChartLegendReturn = ReturnType<typeof useChartLegend>\n\nexport interface UseChartTooltipProps<\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n> extends Merge<\n  HTMLProps,\n  Omit<\n    TooltipProps<Y, M>,\n    | \"contentStyle\"\n    | \"itemStyle\"\n    | \"labelClassName\"\n    | \"labelStyle\"\n    | \"separator\"\n    | \"wrapperClassName\"\n    | \"wrapperStyle\"\n  >\n> {}\n\nexport const useChartTooltip = <\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n>({\n  active,\n  allowEscapeViewBox,\n  animationDuration = 0,\n  animationEasing,\n  axisId,\n  content,\n  cursor,\n  defaultIndex,\n  filterNull,\n  formatter,\n  includeHidden,\n  isAnimationActive = (animationDuration || 0) > 0,\n  itemSorter,\n  labelFormatter,\n  offset,\n  payloadUniqBy,\n  portal,\n  position,\n  reverseDirection,\n  shared,\n  trigger,\n  useTranslate3d,\n  ...rest\n}: UseChartTooltipProps<Y, M> = {}) => {\n  const getRootProps: PropGetter<TooltipProps<Y, M>> = useCallback(\n    (props) => ({\n      active,\n      allowEscapeViewBox,\n      animationDuration,\n      animationEasing,\n      axisId,\n      content,\n      cursor,\n      defaultIndex,\n      filterNull,\n      formatter,\n      includeHidden,\n      isAnimationActive,\n      itemSorter,\n      labelFormatter,\n      offset,\n      payloadUniqBy,\n      portal,\n      position,\n      reverseDirection,\n      shared,\n      trigger,\n      useTranslate3d,\n      ...props,\n    }),\n    [\n      active,\n      allowEscapeViewBox,\n      animationDuration,\n      animationEasing,\n      axisId,\n      content,\n      cursor,\n      defaultIndex,\n      filterNull,\n      formatter,\n      includeHidden,\n      isAnimationActive,\n      itemSorter,\n      labelFormatter,\n      offset,\n      payloadUniqBy,\n      portal,\n      position,\n      reverseDirection,\n      shared,\n      trigger,\n      useTranslate3d,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props) => ({\n      ...rest,\n      ...props,\n    }),\n    [rest],\n  )\n\n  return { getContentProps, getRootProps }\n}\n\nexport type UseChartTooltipReturn<\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n> = ReturnType<typeof useChartTooltip<Y, M>>\n\nexport interface UseChartLabelListProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    LabelListProps,\n    | \"angle\"\n    | \"clockWise\"\n    | \"content\"\n    | \"dataKey\"\n    | \"formatter\"\n    | \"offset\"\n    | \"position\"\n    | \"textBreakAll\"\n    | \"valueAccessor\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartLabelList = ({\n  angle,\n  clockWise,\n  content,\n  dataKey,\n  formatter,\n  offset = 12,\n  position = \"top\",\n  textBreakAll,\n  valueAccessor,\n  zIndex,\n  ...rest\n}: UseChartLabelListProps = {}) => {\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getLabelListProps: PropGetter<LabelListProps> = useCallback(\n    (props) => ({\n      angle,\n      clockWise,\n      content,\n      dataKey,\n      fill: \"\",\n      formatter,\n      offset,\n      position,\n      textBreakAll,\n      valueAccessor,\n      zIndex,\n      ...props,\n    }),\n    [\n      angle,\n      clockWise,\n      content,\n      dataKey,\n      formatter,\n      offset,\n      position,\n      textBreakAll,\n      valueAccessor,\n      zIndex,\n    ],\n  )\n\n  return { getLabelListProps, getRootProps }\n}\n\nexport type UseChartLabelListReturn = ReturnType<typeof useChartLabelList>\n\nexport interface UseChartLabelProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    LabelProps,\n    | \"angle\"\n    | \"children\"\n    | \"content\"\n    | \"formatter\"\n    | \"labelRef\"\n    | \"offset\"\n    | \"parentViewBox\"\n    | \"position\"\n    | \"value\"\n    | \"viewBox\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartLabel = ({\n  angle,\n  children,\n  content,\n  formatter,\n  labelRef,\n  offset,\n  parentViewBox,\n  position,\n  value,\n  viewBox,\n  zIndex,\n  ...rest\n}: UseChartLabelProps = {}) => {\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getLabelProps: PropGetter<LabelProps> = useCallback(\n    (props) => ({\n      angle,\n      children,\n      content,\n      fill: \"\",\n      formatter,\n      labelRef,\n      offset,\n      parentViewBox,\n      position,\n      value,\n      viewBox,\n      zIndex,\n      ...props,\n    }),\n    [\n      angle,\n      children,\n      content,\n      formatter,\n      labelRef,\n      offset,\n      parentViewBox,\n      position,\n      value,\n      viewBox,\n      zIndex,\n    ],\n  )\n\n  return { getLabelProps, getRootProps }\n}\n\nexport type UseChartLabelReturn = ReturnType<typeof useChartLabel>\n"],"mappings":";;;;;;;AAkBA,MAAMA,gBAKF;CACF,cAAc;EAAE,OAAO;EAAS,eAAe;EAAU;CACzD,gBAAgB;EAAE,OAAO;EAAQ,eAAe;EAAU;CAC1D,KAAK;EAAE,OAAO;EAAU,eAAe;EAAU;CACjD,cAAc;EAAE,OAAO;EAAU,eAAe;EAAU;CAC1D,WAAW;EAAE,OAAO;EAAS,eAAe;EAAU;CACtD,aAAa;EAAE,OAAO;EAAQ,eAAe;EAAU;CACvD,OAAO;EAAE,OAAO;EAAU,eAAe;EAAO;CAChD,gBAAgB;EAAE,OAAO;EAAU,eAAe;EAAO;CACzD,aAAa;EAAE,OAAO;EAAS,eAAe;EAAO;CACrD,eAAe;EAAE,OAAO;EAAQ,eAAe;EAAO;CACvD;AAID,MAAM,CAAC,cAAc,mBAAmBC,gBAA4B,EAClE,MAAM,gBACP,CAAC;AAIF,MAAa,iBAAiB;CAC5B,MAAM,CAAC,oBAAoB,yBAAyB,SAElD,OAAU;AAMZ,QAAO;EAAE;EAAoB,aAJT,aAAa,YAA8B;AAC7D,yBAAsB,QAAQ;KAC7B,EAAE,CAAC;EAEoC;;AA+B5C,MAAa,kBAAkB,EAC7B,YAAY,aACZ,QAAQ,cAAc,WAAW,OACjC,SACA,WACA,YACA,SAAS,UAAU,WAAW,SAAS,GAAG,aAAa,cACvD,eACA,QACA,gBAAgB,cAAc,WAAW,eACzC,cACA,SACA,cACA,cACA,GAAG,SACoB,EAAE,KAAK;CAC9B,MAAM,EAAE,oBAAoB,gBAAgB,iBAAiB;CAE7D,MAAMC,eAA2B,aAC9B,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;CAED,MAAMC,iBAA0C,aAC7C,WAAW;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;EACJ,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA8BD,QAAO;EACL,uBA7BwC,aACvC,WAAW;GACV,cAAc;GACd,oBAAoB;GACpB,uBAAuB;GACvB,GAAG;GACJ,GACD;GAAC;GAAO;GAAQ;GAAc,CAC/B;EAsBC,oBAjBE,aACD,EAAE,SAAS,GAAG,aAAa;GAC1B,GAAG;GACH,2CACE,gCAAa,mBAAmB,IAAI,uBAAuB,QAC5D;GACD,6CACE,gCAAa,mBAAmB,IAAI,uBAAuB,QAC5D;GACD,4CAAyB,MAAM,oBAAoB,YAAY,QAAQ,CAAC;GACxE,4CAAyB,MAAM,oBAAoB,aAAa,CAAC;GAClE,GACD,CAAC,oBAAoB,YAAY,CAClC;EAKC;EACA;EACD;;AAsBH,MAAa,mBAGX,EACA,QACA,oBACA,oBAAoB,GACpB,iBACA,QACA,SACA,QACA,cACA,YACA,WACA,eACA,qBAAqB,qBAAqB,KAAK,GAC/C,YACA,gBACA,QACA,eACA,QACA,UACA,kBACA,QACA,SACA,gBACA,GAAG,SAC2B,EAAE,KAAK;CACrC,MAAMC,eAA+C,aAClD,WAAW;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;EACJ,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAUD,QAAO;EAAE,iBAR2B,aACjC,WAAW;GACV,GAAG;GACH,GAAG;GACJ,GACD,CAAC,KAAK,CACP;EAEyB;EAAc;;AAyB1C,MAAa,qBAAqB,EAChC,OACA,WACA,SACA,SACA,WACA,SAAS,IACT,WAAW,OACX,cACA,eACA,QACA,GAAG,SACuB,EAAE,KAAK;CACjC,MAAMC,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AA+BD,QAAO;EAAE,mBA7B6C,aACnD,WAAW;GACV;GACA;GACA;GACA;GACA,MAAM;GACN;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAE2B;EAAc;;AAuB5C,MAAa,iBAAiB,EAC5B,OACA,UACA,SACA,WACA,UACA,QACA,eACA,UACA,OACA,SACA,QACA,GAAG,SACmB,EAAE,KAAK;CAC7B,MAAMA,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAiCD,QAAO;EAAE,eA/BqC,aAC3C,WAAW;GACV;GACA;GACA;GACA,MAAM;GACN;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEuB;EAAc"}

package/dist/esm/components/chart/use-line-chart.js

@@ -0,0 +1,40 @@
+"use client";
+
+import { useCallback } from "react";
+
+//#region src/components/chart/use-line-chart.ts
+const useLineChart = ({ accessibilityLayer = true, compact, data, layout = "horizontal", responsive, syncId, syncMethod, ...rest }) => {
+	const getRootProps = useCallback((props) => ({
+		...props,
+		...rest
+	}), [rest]);
+	return {
+		getChartProps: useCallback((props) => ({
+			accessibilityLayer,
+			compact,
+			data,
+			layout,
+			margin: {
+				left: 16,
+				right: 16
+			},
+			responsive,
+			syncId,
+			syncMethod,
+			...props
+		}), [
+			accessibilityLayer,
+			compact,
+			data,
+			layout,
+			responsive,
+			syncId,
+			syncMethod
+		]),
+		getRootProps
+	};
+};
+
+//#endregion
+export { useLineChart };
+//# sourceMappingURL=use-line-chart.js.map

package/dist/esm/components/chart/use-line-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-line-chart.js","names":["getRootProps: PropGetter"],"sources":["../../../../src/components/chart/use-line-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 UseLineChartProps<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 useLineChart = <Y extends Dict>({\n  accessibilityLayer = true,\n  compact,\n  data,\n  layout = \"horizontal\",\n  responsive,\n  syncId,\n  syncMethod,\n  ...rest\n}: UseLineChartProps<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 UseLineChartReturn<Y extends Dict> = ReturnType<\n  typeof useLineChart<Y>\n>\n"],"mappings":";;;;;AAyBA,MAAa,gBAAgC,EAC3C,qBAAqB,MACrB,SACA,MACA,SAAS,cACT,YACA,QACA,YACA,GAAG,WACuB;CAC1B,MAAMA,eAA2B,aAC9B,WAAW;EAAE,GAAG;EAAO,GAAG;EAAM,GACjC,CAAC,KAAK,CACP;AAiBD,QAAO;EACL,eAhBqD,aACpD,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/esm/components/chart/use-pie-chart.js

@@ -0,0 +1,42 @@
+"use client";
+
+import { useCallback } from "react";
+
+//#region src/components/chart/use-pie-chart.ts
+const usePieChart = ({ accessibilityLayer = true, cx, cy, data, layout, responsive, syncId, syncMethod, ...rest }) => {
+	const getRootProps = useCallback((props) => ({
+		...props,
+		...rest
+	}), [rest]);
+	return {
+		getChartProps: useCallback((props) => ({
+			accessibilityLayer,
+			cx,
+			cy,
+			data,
+			layout,
+			margin: {
+				left: 16,
+				right: 16
+			},
+			responsive,
+			syncId,
+			syncMethod,
+			...props
+		}), [
+			accessibilityLayer,
+			cx,
+			cy,
+			data,
+			layout,
+			responsive,
+			syncId,
+			syncMethod
+		]),
+		getRootProps
+	};
+};
+
+//#endregion
+export { usePieChart };
+//# sourceMappingURL=use-pie-chart.js.map

package/dist/esm/components/chart/use-pie-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pie-chart.js","names":["getRootProps: PropGetter"],"sources":["../../../../src/components/chart/use-pie-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type { PolarChartProps } from \"recharts/types/util/types\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport { useCallback } from \"react\"\n\nexport interface UsePieChartProps<Y extends Dict>\n  extends\n    HTMLProps,\n    Pick<\n      PolarChartProps,\n      | \"accessibilityLayer\"\n      | \"cx\"\n      | \"cy\"\n      | \"layout\"\n      | \"responsive\"\n      | \"syncId\"\n      | \"syncMethod\"\n    > {\n  /**\n   * Chart data.\n   */\n  data?: Y[]\n}\n\nexport const usePieChart = <Y extends Dict>({\n  accessibilityLayer = true,\n  cx,\n  cy,\n  data,\n  layout,\n  responsive,\n  syncId,\n  syncMethod,\n  ...rest\n}: UsePieChartProps<Y>) => {\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...props, ...rest }),\n    [rest],\n  )\n\n  const getChartProps: PropGetter<PolarChartProps> = useCallback(\n    (props) => ({\n      accessibilityLayer,\n      cx,\n      cy,\n      data,\n      layout,\n      margin: { left: 16, right: 16 },\n      responsive,\n      syncId,\n      syncMethod,\n      ...props,\n    }),\n    [accessibilityLayer, cx, cy, data, layout, responsive, syncId, syncMethod],\n  )\n\n  return {\n    getChartProps,\n    getRootProps,\n  }\n}\n\nexport type UsePieChartReturn<Y extends Dict> = ReturnType<\n  typeof usePieChart<Y>\n>\n"],"mappings":";;;;;AA0BA,MAAa,eAA+B,EAC1C,qBAAqB,MACrB,IACA,IACA,MACA,QACA,YACA,QACA,YACA,GAAG,WACsB;CACzB,MAAMA,eAA2B,aAC9B,WAAW;EAAE,GAAG;EAAO,GAAG;EAAM,GACjC,CAAC,KAAK,CACP;AAkBD,QAAO;EACL,eAjBiD,aAChD,WAAW;GACV;GACA;GACA;GACA;GACA;GACA,QAAQ;IAAE,MAAM;IAAI,OAAO;IAAI;GAC/B;GACA;GACA;GACA,GAAG;GACJ,GACD;GAAC;GAAoB;GAAI;GAAI;GAAM;GAAQ;GAAY;GAAQ;GAAW,CAC3E;EAIC;EACD"}