@yamada-ui/charts 1.0.0

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

@@ -0,0 +1,68 @@
+import * as react from 'react';
+import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { CSSUIObject } from '@yamada-ui/core';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
+import * as Recharts from 'recharts';
+import { BarProps, BarChartType, ChartLayoutType, BarChartProps, ReferenceLineProps, RequiredChartPropGetter, ChartPropGetter } from './chart.types.mjs';
+
+type UseBarChartOptions = {
+    /**
+     * Chart data.
+     */
+    data: Dict[];
+    /**
+     * An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.
+     */
+    series: BarProps[];
+    /**
+     * Props for the bars.
+     */
+    barProps?: Partial<BarProps>;
+    /**
+     * Controls how chart bars are positioned relative to each other.
+     *
+     * @default `default`
+     */
+    type?: BarChartType;
+    /**
+     * Chart orientation.
+     *
+     * @default 'horizontal'
+     */
+    layoutType?: ChartLayoutType;
+    /**
+     * Props passed down to recharts `BarChart` component.
+     */
+    barChartProps?: BarChartProps;
+    /**
+     * Reference lines that should be displayed on the chart.
+     */
+    referenceLineProps?: ReferenceLineProps[];
+    /**
+     * Controls fill opacity of all bars.
+     *
+     * @default 1
+     */
+    fillOpacity?: number | [number, number];
+};
+type UseBarChartProps = UseBarChartOptions & {
+    styles: Dict<CSSUIObject>;
+};
+declare const useBarChart: ({ data, series, type, layoutType, referenceLineProps, fillOpacity, styles, ...rest }: UseBarChartProps) => {
+    barVars: {
+        __prefix?: string | undefined;
+        name: string;
+        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
+        value?: (number | _yamada_ui_utils.StringLiteral | _yamada_ui_core.ResponsiveObject<number | _yamada_ui_utils.StringLiteral> | _yamada_ui_core.ColorModeArray<number | _yamada_ui_utils.StringLiteral>) | undefined;
+    }[];
+    getBarProps: RequiredChartPropGetter<"div", {
+        index: number;
+    }, Omit<Recharts.BarProps, "ref">>;
+    getBarChartProps: ChartPropGetter<"div", recharts_types_chart_generateCategoricalChart.CategoricalChartProps, recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
+    setHighlightedArea: react.Dispatch<react.SetStateAction<string | null>>;
+};
+type UseBarChartReturn = ReturnType<typeof useBarChart>;
+
+export { type UseBarChartOptions, type UseBarChartProps, type UseBarChartReturn, useBarChart };

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

@@ -0,0 +1,68 @@
+import * as react from 'react';
+import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { CSSUIObject } from '@yamada-ui/core';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
+import * as Recharts from 'recharts';
+import { BarProps, BarChartType, ChartLayoutType, BarChartProps, ReferenceLineProps, RequiredChartPropGetter, ChartPropGetter } from './chart.types.js';
+
+type UseBarChartOptions = {
+    /**
+     * Chart data.
+     */
+    data: Dict[];
+    /**
+     * An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.
+     */
+    series: BarProps[];
+    /**
+     * Props for the bars.
+     */
+    barProps?: Partial<BarProps>;
+    /**
+     * Controls how chart bars are positioned relative to each other.
+     *
+     * @default `default`
+     */
+    type?: BarChartType;
+    /**
+     * Chart orientation.
+     *
+     * @default 'horizontal'
+     */
+    layoutType?: ChartLayoutType;
+    /**
+     * Props passed down to recharts `BarChart` component.
+     */
+    barChartProps?: BarChartProps;
+    /**
+     * Reference lines that should be displayed on the chart.
+     */
+    referenceLineProps?: ReferenceLineProps[];
+    /**
+     * Controls fill opacity of all bars.
+     *
+     * @default 1
+     */
+    fillOpacity?: number | [number, number];
+};
+type UseBarChartProps = UseBarChartOptions & {
+    styles: Dict<CSSUIObject>;
+};
+declare const useBarChart: ({ data, series, type, layoutType, referenceLineProps, fillOpacity, styles, ...rest }: UseBarChartProps) => {
+    barVars: {
+        __prefix?: string | undefined;
+        name: string;
+        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
+        value?: (number | _yamada_ui_utils.StringLiteral | _yamada_ui_core.ResponsiveObject<number | _yamada_ui_utils.StringLiteral> | _yamada_ui_core.ColorModeArray<number | _yamada_ui_utils.StringLiteral>) | undefined;
+    }[];
+    getBarProps: RequiredChartPropGetter<"div", {
+        index: number;
+    }, Omit<Recharts.BarProps, "ref">>;
+    getBarChartProps: ChartPropGetter<"div", recharts_types_chart_generateCategoricalChart.CategoricalChartProps, recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
+    setHighlightedArea: react.Dispatch<react.SetStateAction<string | null>>;
+};
+type UseBarChartReturn = ReturnType<typeof useBarChart>;
+
+export { type UseBarChartOptions, type UseBarChartProps, type UseBarChartReturn, useBarChart };

package/dist/use-bar-chart.js

@@ -0,0 +1,288 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/use-bar-chart.ts
+var use_bar_chart_exports = {};
+__export(use_bar_chart_exports, {
+  useBarChart: () => useBarChart
+});
+module.exports = __toCommonJS(use_bar_chart_exports);
+var import_core2 = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+var import_react = require("react");
+
+// src/chart-utils.ts
+var import_core = require("@yamada-ui/core");
+var import_utils = require("@yamada-ui/utils");
+var getClassName = (...styles) => (theme) => (0, import_utils.cx)(
+  ...styles.map(
+    (style) => (0, import_utils.isString)(style) ? style : (0, import_core.getCSS)(style)(theme)
+  )
+);
+var getComponentProps = ([obj, keys], ...props) => (theme, isContain) => {
+  const [pickedProps, omittedProps] = (0, import_utils.splitObject)(obj, keys);
+  const className = getClassName(...props, omittedProps)(theme);
+  return !isContain ? [pickedProps, className] : { ...pickedProps, className };
+};
+
+// src/rechart-properties.ts
+var barChartProperties = [
+  "layout",
+  "syncId",
+  "syncMethod",
+  "width",
+  "height",
+  "data",
+  "margin",
+  "barCategoryGap",
+  "barGap",
+  "barSize",
+  "maxBarSize",
+  "stackOffset",
+  "reverseStackOrder",
+  "onClick",
+  "onMouseEnter",
+  "onMouseMove",
+  "onMouseLeave"
+];
+var barProperties = [
+  "layout",
+  "dataKey",
+  "xAxisId",
+  "yAxisId",
+  "legendType",
+  "label",
+  "data",
+  "barSize",
+  "maxBarSize",
+  "minPointSize",
+  "background",
+  "shape",
+  "activeBar",
+  "stackId",
+  "unit",
+  "name",
+  "isAnimationActive",
+  "animationBegin",
+  "animationDuration",
+  "animationEasing",
+  "id",
+  "onAnimationStart",
+  "onAnimationEnd",
+  "onClick",
+  "onMouseDown",
+  "onMouseUp",
+  "onMouseMove",
+  "onMouseOver",
+  "onMouseOut",
+  "onMouseEnter",
+  "onMouseLeave",
+  "radius"
+];
+
+// src/use-bar-chart.ts
+var useBarChart = ({
+  data,
+  series,
+  type = "default",
+  layoutType = "horizontal",
+  referenceLineProps = [],
+  fillOpacity = 1,
+  styles,
+  ...rest
+}) => {
+  var _a;
+  const uuid = (0, import_react.useId)();
+  const { theme } = (0, import_core2.useTheme)();
+  const [highlightedArea, setHighlightedArea] = (0, import_react.useState)(null);
+  const stacked = type === "stacked" || type === "percent";
+  const shouldHighlight = highlightedArea !== null;
+  const {
+    activeBar = {},
+    background = {},
+    dimBar,
+    ...computedBarProps
+  } = (_a = rest.barProps) != null ? _a : {};
+  const barColors = (0, import_react.useMemo)(
+    () => series.map(({ color }, index) => ({
+      __prefix: "ui",
+      name: `bar-${index}`,
+      token: "colors",
+      value: color != null ? color : "transparent"
+    })),
+    [series]
+  );
+  const referenceLineColors = (0, import_react.useMemo)(
+    () => referenceLineProps.map(({ color }, index) => ({
+      __prefix: "ui",
+      name: `reference-line-${index}`,
+      token: "colors",
+      value: color != null ? color : "transparent"
+    })),
+    [referenceLineProps]
+  );
+  const barVars = (0, import_react.useMemo)(() => {
+    return [
+      ...barColors,
+      ...referenceLineColors,
+      { __prefix: "ui", name: "fill-opacity", value: fillOpacity }
+    ];
+  }, [barColors, fillOpacity, referenceLineColors]);
+  const [barChartProps, barChartClassName] = (0, import_react.useMemo)(() => {
+    const resolvedBarChartProps = { barGap: 8, ...rest.barChartProps };
+    return getComponentProps(
+      [resolvedBarChartProps, barChartProperties],
+      styles.chart
+    )(theme);
+  }, [rest.barChartProps, styles.chart, theme]);
+  const [barProps, barClassName] = (0, import_react.useMemo)(() => {
+    const resolvedBarProps = {
+      fillOpacity: "var(--ui-fill-opacity)",
+      strokeOpacity: 1,
+      ...computedBarProps
+    };
+    return getComponentProps(
+      [resolvedBarProps, barProperties],
+      styles.bar
+    )(theme);
+  }, [computedBarProps, styles.bar, theme]);
+  const [dimBarProps, dimBarClassName] = (0, import_react.useMemo)(() => {
+    const resolvedDimBar = { fillOpacity: 0.3, strokeOpacity: 0, ...dimBar };
+    return getComponentProps([resolvedDimBar, barProperties])(
+      theme
+    );
+  }, [dimBar, theme]);
+  const [activeBarProps, activeBarClassName] = (0, import_react.useMemo)(
+    () => getComponentProps(
+      [activeBar, barProperties],
+      styles.activeBar
+    )(theme),
+    [activeBar, styles.activeBar, theme]
+  );
+  const [backgroundProps, backgroundClassName] = (0, import_react.useMemo)(
+    () => getComponentProps(
+      [background, barProperties],
+      styles.background
+    )(theme),
+    [background, styles.background, theme]
+  );
+  const barPropsList = (0, import_react.useMemo)(
+    () => series.map((props, index) => {
+      const {
+        dataKey,
+        activeBar: activeBar2 = {},
+        background: background2 = {},
+        dimBar: dimBar2 = {},
+        ...computedProps
+      } = props;
+      const id = `${uuid}-${dataKey}`;
+      const color = `var(--ui-bar-${index})`;
+      const dimmed = shouldHighlight && highlightedArea !== dataKey;
+      const computedDimBar = { ...dimBarProps, ...dimBar2 };
+      const resolvedProps = {
+        ...barProps,
+        ...computedProps,
+        ...dimmed ? computedDimBar : {}
+      };
+      const rest2 = getComponentProps(
+        [resolvedProps, barProperties],
+        barClassName,
+        dimmed ? dimBarClassName : void 0
+      )(theme, true);
+      const computedActiveBar = { ...activeBarProps, ...activeBar2 };
+      const resolvedActiveBar = getComponentProps(
+        [computedActiveBar, barProperties],
+        activeBarClassName
+      )(theme, true);
+      const computedBackground = { ...backgroundProps, ...background2 };
+      const resolvedBackground = getComponentProps(
+        [computedBackground, barProperties],
+        backgroundClassName
+      )(theme, true);
+      return {
+        ...rest2,
+        id,
+        activeBar: resolvedActiveBar,
+        background: resolvedBackground,
+        color,
+        dataKey
+      };
+    }),
+    [
+      activeBarClassName,
+      activeBarProps,
+      backgroundClassName,
+      backgroundProps,
+      barClassName,
+      barProps,
+      dimBarClassName,
+      dimBarProps,
+      highlightedArea,
+      series,
+      shouldHighlight,
+      theme,
+      uuid
+    ]
+  );
+  const getBarProps = (0, import_react.useCallback)(
+    ({ index, className: classNameProp, ...props }, ref = null) => {
+      const { id, className, activeBar: activeBar2, background: background2, color, dataKey, ...rest2 } = barPropsList[index];
+      return {
+        ref,
+        className: (0, import_utils2.cx)(classNameProp, className),
+        activeBar: activeBar2,
+        background: background2,
+        id,
+        name: dataKey,
+        dataKey,
+        fill: color,
+        stroke: color,
+        isAnimationActive: false,
+        stackId: stacked ? "stack" : void 0,
+        ...props,
+        ...rest2
+      };
+    },
+    [barPropsList, stacked]
+  );
+  const getBarChartProps = (0, import_react.useCallback)(
+    ({ className, ...props } = {}, ref = null) => ({
+      ref,
+      className: (0, import_utils2.cx)(className, barChartClassName),
+      data,
+      stackOffset: type === "percent" ? "expand" : void 0,
+      layout: layoutType,
+      ...props,
+      ...barChartProps
+    }),
+    [barChartClassName, barChartProps, data, layoutType, type]
+  );
+  return {
+    barVars,
+    getBarProps,
+    getBarChartProps,
+    setHighlightedArea
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBarChart
+});
+//# sourceMappingURL=use-bar-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-bar-chart.ts","../src/chart-utils.ts","../src/rechart-properties.ts"],"sourcesContent":["import { type CSSUIObject, useTheme, type CSSUIProps } from \"@yamada-ui/core\"\nimport { type Dict, cx } from \"@yamada-ui/utils\"\nimport {\n  type ComponentPropsWithoutRef,\n  useCallback,\n  useState,\n  useId,\n  useMemo,\n} from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getComponentProps } from \"./chart-utils\"\nimport type {\n  BarProps,\n  BarChartType,\n  BarChartProps,\n  ChartPropGetter,\n  ChartLayoutType,\n  ReferenceLineProps,\n  RequiredChartPropGetter,\n} from \"./chart.types\"\nimport { barProperties, barChartProperties } from \"./rechart-properties\"\n\nexport type UseBarChartOptions = {\n  /**\n   * Chart data.\n   */\n  data: Dict[]\n  /**\n   * An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.\n   */\n  series: BarProps[]\n  /**\n   * Props for the bars.\n   */\n  barProps?: Partial<BarProps>\n  /**\n   * Controls how chart bars are positioned relative to each other.\n   *\n   * @default `default`\n   */\n  type?: BarChartType\n  /**\n   * Chart orientation.\n   *\n   * @default 'horizontal'\n   */\n  layoutType?: ChartLayoutType\n  /**\n   * Props passed down to recharts `BarChart` component.\n   */\n  barChartProps?: BarChartProps\n  /**\n   * Reference lines that should be displayed on the chart.\n   */\n  referenceLineProps?: ReferenceLineProps[]\n  /**\n   * Controls fill opacity of all bars.\n   *\n   * @default 1\n   */\n  fillOpacity?: number | [number, number]\n}\n\nexport type UseBarChartProps = UseBarChartOptions & {\n  styles: Dict<CSSUIObject>\n}\n\nexport const useBarChart = ({\n  data,\n  series,\n  type = \"default\",\n  layoutType = \"horizontal\",\n  referenceLineProps = [],\n  fillOpacity = 1,\n  styles,\n  ...rest\n}: UseBarChartProps) => {\n  const uuid = useId()\n  const { theme } = useTheme()\n  const [highlightedArea, setHighlightedArea] = useState<string | null>(null)\n  const stacked = type === \"stacked\" || type === \"percent\"\n  const shouldHighlight = highlightedArea !== null\n  const {\n    activeBar = {},\n    background = {},\n    dimBar,\n    ...computedBarProps\n  } = rest.barProps ?? {}\n\n  const barColors: CSSUIProps[\"var\"] = useMemo(\n    () =>\n      series.map(({ color }, index) => ({\n        __prefix: \"ui\",\n        name: `bar-${index}`,\n        token: \"colors\",\n        value: color ?? \"transparent\",\n      })),\n    [series],\n  )\n\n  const referenceLineColors: CSSUIProps[\"var\"] = useMemo(\n    () =>\n      referenceLineProps.map(({ color }, index) => ({\n        __prefix: \"ui\",\n        name: `reference-line-${index}`,\n        token: \"colors\",\n        value: color ?? \"transparent\",\n      })),\n    [referenceLineProps],\n  )\n\n  const barVars: CSSUIProps[\"var\"] = useMemo(() => {\n    return [\n      ...barColors,\n      ...referenceLineColors,\n      { __prefix: \"ui\", name: \"fill-opacity\", value: fillOpacity },\n    ]\n  }, [barColors, fillOpacity, referenceLineColors])\n\n  const [barChartProps, barChartClassName] = useMemo(() => {\n    const resolvedBarChartProps = { barGap: 8, ...rest.barChartProps }\n\n    return getComponentProps<Dict, string>(\n      [resolvedBarChartProps, barChartProperties],\n      styles.chart,\n    )(theme)\n  }, [rest.barChartProps, styles.chart, theme])\n\n  const [barProps, barClassName] = useMemo(() => {\n    const resolvedBarProps = {\n      fillOpacity: \"var(--ui-fill-opacity)\",\n      strokeOpacity: 1,\n      ...computedBarProps,\n    }\n\n    return getComponentProps<Dict, string>(\n      [resolvedBarProps, barProperties],\n      styles.bar,\n    )(theme)\n  }, [computedBarProps, styles.bar, theme])\n\n  const [dimBarProps, dimBarClassName] = useMemo(() => {\n    const resolvedDimBar = { fillOpacity: 0.3, strokeOpacity: 0, ...dimBar }\n\n    return getComponentProps<Dict, string>([resolvedDimBar, barProperties])(\n      theme,\n    )\n  }, [dimBar, theme])\n\n  const [activeBarProps, activeBarClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [activeBar, barProperties],\n        styles.activeBar,\n      )(theme),\n    [activeBar, styles.activeBar, theme],\n  )\n\n  const [backgroundProps, backgroundClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [background, barProperties],\n        styles.background,\n      )(theme),\n    [background, styles.background, theme],\n  )\n\n  const barPropsList = useMemo(\n    () =>\n      series.map((props, index) => {\n        const {\n          dataKey,\n          activeBar = {},\n          background = {},\n          dimBar = {},\n          ...computedProps\n        } = props\n        const id = `${uuid}-${dataKey}`\n        const color = `var(--ui-bar-${index})`\n        const dimmed = shouldHighlight && highlightedArea !== dataKey\n        const computedDimBar = { ...dimBarProps, ...dimBar }\n        const resolvedProps = {\n          ...barProps,\n          ...computedProps,\n          ...(dimmed ? computedDimBar : {}),\n        }\n\n        const rest = getComponentProps<Dict, string>(\n          [resolvedProps, barProperties],\n          barClassName,\n          dimmed ? dimBarClassName : undefined,\n        )(theme, true)\n\n        const computedActiveBar = { ...activeBarProps, ...activeBar }\n\n        const resolvedActiveBar = getComponentProps<Dict, string>(\n          [computedActiveBar, barProperties],\n          activeBarClassName,\n        )(theme, true)\n\n        const computedBackground = { ...backgroundProps, ...background }\n\n        const resolvedBackground = getComponentProps<Dict, string>(\n          [computedBackground, barProperties],\n          backgroundClassName,\n        )(theme, true)\n\n        return {\n          ...rest,\n          id,\n          activeBar: resolvedActiveBar,\n          background: resolvedBackground,\n          color,\n          dataKey,\n        }\n      }),\n    [\n      activeBarClassName,\n      activeBarProps,\n      backgroundClassName,\n      backgroundProps,\n      barClassName,\n      barProps,\n      dimBarClassName,\n      dimBarProps,\n      highlightedArea,\n      series,\n      shouldHighlight,\n      theme,\n      uuid,\n    ],\n  )\n\n  const getBarProps: RequiredChartPropGetter<\n    \"div\",\n    {\n      index: number\n    },\n    Omit<Recharts.BarProps, \"ref\">\n  > = useCallback(\n    ({ index, className: classNameProp, ...props }, ref = null) => {\n      const { id, className, activeBar, background, color, dataKey, ...rest } =\n        barPropsList[index]\n\n      return {\n        ref,\n        className: cx(classNameProp, className),\n        activeBar,\n        background,\n        id,\n        name: dataKey as string,\n        dataKey,\n        fill: color,\n        stroke: color,\n        isAnimationActive: false,\n        stackId: stacked ? \"stack\" : undefined,\n        ...(props as Omit<Recharts.BarProps, \"dataKey\">),\n        ...rest,\n      } as Recharts.BarProps\n    },\n    [barPropsList, stacked],\n  )\n\n  const getBarChartProps: ChartPropGetter<\n    \"div\",\n    ComponentPropsWithoutRef<typeof Recharts.BarChart>,\n    ComponentPropsWithoutRef<typeof Recharts.BarChart>\n  > = useCallback(\n    ({ className, ...props } = {}, ref = null) => ({\n      ref,\n      className: cx(className, barChartClassName),\n      data,\n      stackOffset: type === \"percent\" ? \"expand\" : undefined,\n      layout: layoutType,\n      ...props,\n      ...barChartProps,\n    }),\n    [barChartClassName, barChartProps, data, layoutType, type],\n  )\n\n  return {\n    barVars,\n    getBarProps,\n    getBarChartProps,\n    setHighlightedArea,\n  }\n}\n\nexport type UseBarChartReturn = ReturnType<typeof useBarChart>\n","import type { StyledTheme } from \"@yamada-ui/core\"\nimport { getCSS } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { cx, isString, splitObject } from \"@yamada-ui/utils\"\n\nexport const getClassName =\n  (...styles: (Dict | string | undefined)[]) =>\n  (theme: StyledTheme) =>\n    cx(\n      ...styles.map((style) =>\n        isString(style) ? style : getCSS(style)(theme),\n      ),\n    )\n\nexport const getComponentProps =\n  <T extends Dict, K extends keyof T>(\n    [obj, keys]: [T, K[]],\n    ...props: (Dict | string | undefined)[]\n  ) =>\n  <P extends boolean = false>(theme: StyledTheme, isContain?: P) => {\n    const [pickedProps, omittedProps] = splitObject<T, K>(obj, keys)\n    const className = getClassName(...props, omittedProps)(theme)\n\n    return (\n      !isContain ? [pickedProps, className] : { ...pickedProps, className }\n    ) as P extends false\n      ? [{ [P in K]: T[P] }, string]\n      : { [P in K]: T[P] } & { className: string }\n  }\n","import type { ComponentPropsWithoutRef } from \"react\"\nimport type * as Recharts from \"recharts\"\n\nexport const areaChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.AreaChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"stackOffset\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const barChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.BarChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"barCategoryGap\",\n  \"barGap\",\n  \"barSize\",\n  \"maxBarSize\",\n  \"stackOffset\",\n  \"reverseStackOrder\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const lineChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.LineChart\n>)[] = [\n  \"layout\",\n  \"syncId\",\n  \"syncMethod\",\n  \"width\",\n  \"height\",\n  \"data\",\n  \"margin\",\n  \"onClick\",\n  \"onMouseEnter\",\n  \"onMouseMove\",\n  \"onMouseLeave\",\n]\n\nexport const radarChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.RadarChart\n>)[] = [\n  \"width\",\n  \"height\",\n  \"data\",\n  \"cx\",\n  \"cy\",\n  \"startAngle\",\n  \"endAngle\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"margin\",\n  \"onMouseEnter\",\n  \"onClick\",\n]\n\nexport const referenceLineProperties: (keyof Recharts.ReferenceLineProps)[] = [\n  \"xAxisId\",\n  \"yAxisId\",\n  \"x\",\n  \"y\",\n  \"ifOverflow\",\n  \"viewBox\",\n  \"xAxis\",\n  \"yAxis\",\n  \"label\",\n  \"isFront\",\n  \"strokeWidth\",\n  \"segment\",\n]\n\nexport const containerProperties: (keyof Omit<\n  Recharts.ResponsiveContainerProps,\n  \"children\"\n>)[] = [\n  \"aspect\",\n  \"width\",\n  \"height\",\n  \"minWidth\",\n  \"minHeight\",\n  \"debounce\",\n  \"onResize\",\n]\n\nexport const gridProperties: (keyof Recharts.CartesianGridProps)[] = [\n  \"x\",\n  \"y\",\n  \"width\",\n  \"height\",\n  \"horizontal\",\n  \"vertical\",\n  \"horizontalPoints\",\n  \"horizontalCoordinatesGenerator\",\n  \"verticalPoints\",\n  \"verticalCoordinatesGenerator\",\n  \"fill\",\n  \"fillOpacity\",\n  \"strokeDasharray\",\n]\n\nexport const xAxisProperties: (keyof Recharts.XAxisProps)[] = [\n  \"hide\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"width\",\n  \"height\",\n  \"orientation\",\n  \"type\",\n  \"allowDecimals\",\n  \"allowDataOverflow\",\n  \"allowDuplicatedCategory\",\n  \"angle\",\n  \"tickCount\",\n  \"domain\",\n  \"includeHidden\",\n  \"interval\",\n  \"padding\",\n  \"minTickGap\",\n  \"axisLine\",\n  \"tickLine\",\n  \"tickSize\",\n  \"tickFormatter\",\n  \"ticks\",\n  \"tick\",\n  \"mirror\",\n  \"reversed\",\n  \"label\",\n  \"scale\",\n  \"unit\",\n  \"name\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"tickMargin\",\n]\n\nexport const yAxisProperties: (keyof Recharts.YAxisProps)[] = [\n  \"hide\",\n  \"dataKey\",\n  \"yAxisId\",\n  \"width\",\n  \"height\",\n  \"orientation\",\n  \"type\",\n  \"tickCount\",\n  \"domain\",\n  \"includeHidden\",\n  \"interval\",\n  \"padding\",\n  \"minTickGap\",\n  \"allowDecimals\",\n  \"allowDataOverflow\",\n  \"allowDuplicatedCategory\",\n  \"axisLine\",\n  \"tickLine\",\n  \"tickSize\",\n  \"tickFormatter\",\n  \"ticks\",\n  \"tick\",\n  \"mirror\",\n  \"reversed\",\n  \"label\",\n  \"scale\",\n  \"unit\",\n  \"name\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"tickMargin\",\n]\n\nexport const legendProperties: (keyof Omit<Recharts.LegendProps, \"ref\">)[] = [\n  \"width\",\n  \"height\",\n  \"layout\",\n  \"align\",\n  \"verticalAlign\",\n  \"iconSize\",\n  \"iconType\",\n  \"payload\",\n  \"chartWidth\",\n  \"chartHeight\",\n  \"margin\",\n  \"content\",\n  \"formatter\",\n  \"wrapperStyle\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const tooltipProperties: (keyof Recharts.TooltipProps<any, any>)[] = [\n  \"offset\",\n  \"filterNull\",\n  \"itemStyle\",\n  \"wrapperStyle\",\n  \"contentStyle\",\n  \"labelStyle\",\n  \"cursor\",\n  \"viewBox\",\n  \"allowEscapeViewBox\",\n  \"active\",\n  \"position\",\n  \"coordinate\",\n  \"payload\",\n  \"label\",\n  \"content\",\n  \"formatter\",\n  \"labelFormatter\",\n  \"itemSorter\",\n  \"isAnimationActive\",\n  \"animationDuration\",\n  \"animationEasing\",\n]\n\nexport const areaProperties: (keyof Omit<Recharts.AreaProps, \"ref\">)[] = [\n  \"type\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"dot\",\n  \"activeDot\",\n  \"label\",\n  \"stroke\",\n  \"strokeWidth\",\n  \"layout\",\n  \"baseLine\",\n  \"points\",\n  \"stackId\",\n  \"connectNulls\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const barProperties: (keyof Omit<Recharts.BarProps, \"ref\">)[] = [\n  \"layout\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"label\",\n  \"data\",\n  \"barSize\",\n  \"maxBarSize\",\n  \"minPointSize\",\n  \"background\",\n  \"shape\",\n  \"activeBar\",\n  \"stackId\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"radius\",\n]\n\nexport const radarProperties: (keyof Omit<Recharts.RadarProps, \"ref\">)[] = [\n  \"dataKey\",\n  \"points\",\n  \"shape\",\n  \"dot\",\n  \"activeDot\",\n  \"legendType\",\n  \"label\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n]\n\nexport const lineProperties: (keyof Omit<Recharts.LineProps, \"ref\">)[] = [\n  \"type\",\n  \"dataKey\",\n  \"xAxisId\",\n  \"yAxisId\",\n  \"legendType\",\n  \"dot\",\n  \"activeDot\",\n  \"label\",\n  \"hide\",\n  \"points\",\n  \"stroke\",\n  \"strokeWidth\",\n  \"layout\",\n  \"connectNulls\",\n  \"unit\",\n  \"name\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"id\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n  \"strokeDasharray\",\n]\n\nexport const dotProperties: (keyof Omit<Recharts.DotProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"r\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\n]\n\nexport const polarGridProperties: (keyof Recharts.PolarGridProps)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"polarAngles\",\n  \"polarRadius\",\n  \"gridType\",\n]\n\nexport const polarAngleAxisProperties: (keyof Recharts.PolarAngleAxisProps)[] =\n  [\n    \"dataKey\",\n    \"cx\",\n    \"cy\",\n    \"radius\",\n    \"axisLine\",\n    \"axisLineType\",\n    \"tickLine\",\n    \"tickSize\",\n    \"tick\",\n    \"ticks\",\n    \"orient\",\n    \"tickFormatter\",\n    \"type\",\n    \"allowDuplicatedCategory\",\n    \"onClick\",\n    \"onMouseDown\",\n    \"onMouseUp\",\n    \"onMouseMove\",\n    \"onMouseOver\",\n    \"onMouseOut\",\n    \"onMouseEnter\",\n    \"onMouseLeave\",\n  ]\nexport const polarRadiusAxisProperties: (keyof Recharts.PolarRadiusAxisProps)[] =\n  [\n    \"angle\",\n    \"type\",\n    \"allowDuplicatedCategory\",\n    \"cx\",\n    \"cy\",\n    \"domain\",\n    \"reversed\",\n    \"label\",\n    \"orientation\",\n    \"axisLine\",\n    \"tick\",\n    \"tickSize\",\n    \"tickFormatter\",\n    \"tickCount\",\n    \"scale\",\n    \"onClick\",\n    \"onMouseDown\",\n    \"onMouseUp\",\n    \"onMouseMove\",\n    \"onMouseOver\",\n    \"onMouseOut\",\n    \"onMouseEnter\",\n    \"onMouseLeave\",\n  ]\n"],"mappings":"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","names":["import_core","import_utils","activeBar","background","dimBar","rest"]}

package/dist/use-bar-chart.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  useBarChart
+} from "./chunk-TKLHZBVY.mjs";
+import "./chunk-5QCKM3B3.mjs";
+import "./chunk-QL3DB7OJ.mjs";
+export {
+  useBarChart
+};
+//# sourceMappingURL=use-bar-chart.mjs.map

package/dist/use-bar-chart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,73 @@
+import { CSSUIObject } from '@yamada-ui/core';
+import { Dict } from '@yamada-ui/utils';
+import * as Recharts from 'recharts';
+import { AreaChartType, ChartLayoutType, ChartAxisType, XAxisProps, YAxisProps, ChartPropGetter } from './chart.types.mjs';
+import 'react';
+
+type UseChartAxisOptions = {
+    /**
+     * The key of a group of data which should be unique in an chart.
+     */
+    dataKey: string;
+    /**
+     * Controls how chart areas are positioned relative to each other
+     *
+     * @default `default`
+     */
+    type?: AreaChartType;
+    /**
+     * Chart orientation.
+     *
+     * @default 'horizontal'
+     */
+    layoutType?: ChartLayoutType;
+    /**
+     * The option is the configuration of tick lines.
+     *
+     * @default 'y'
+     */
+    tickLine?: ChartAxisType;
+    /**
+     * Specifies which lines should be displayed in the grid.
+     *
+     * @default 'x'
+     */
+    gridAxis?: ChartAxisType;
+    /**
+     * If `true`, X axis is visible.
+     *
+     * @default true
+     */
+    withXAxis?: boolean;
+    /**
+     * If `true`, Y axis is visible.
+     *
+     * @default true
+     */
+    withYAxis?: boolean;
+    /**
+     * Props passed down to recharts 'XAxis' component.
+     */
+    xAxisProps?: XAxisProps;
+    /**
+     * Props passed down to recharts 'YAxis' component.
+     */
+    yAxisProps?: YAxisProps;
+    /**
+     * Unit displayed next to each tick in y-axis.
+     */
+    unit?: string;
+    /**
+     * A function to format values on Y axis and inside the tooltip
+     */
+    valueFormatter?: (value: number) => string;
+};
+type UseChartAxisProps = UseChartAxisOptions & {
+    styles: Dict<CSSUIObject>;
+};
+declare const useChartAxis: ({ dataKey, type, layoutType, tickLine, gridAxis, withXAxis, withYAxis, xAxisProps: _xAxisProps, yAxisProps: _yAxisProps, unit, valueFormatter, styles, }: UseChartAxisProps) => {
+    getXAxisProps: ChartPropGetter<"div", Partial<Recharts.XAxisProps>, Recharts.XAxisProps>;
+    getYAxisProps: ChartPropGetter<"div", Partial<Recharts.YAxisProps>, Recharts.YAxisProps>;
+};
+
+export { type UseChartAxisOptions, type UseChartAxisProps, useChartAxis };

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

@@ -0,0 +1,73 @@
+import { CSSUIObject } from '@yamada-ui/core';
+import { Dict } from '@yamada-ui/utils';
+import * as Recharts from 'recharts';
+import { AreaChartType, ChartLayoutType, ChartAxisType, XAxisProps, YAxisProps, ChartPropGetter } from './chart.types.js';
+import 'react';
+
+type UseChartAxisOptions = {
+    /**
+     * The key of a group of data which should be unique in an chart.
+     */
+    dataKey: string;
+    /**
+     * Controls how chart areas are positioned relative to each other
+     *
+     * @default `default`
+     */
+    type?: AreaChartType;
+    /**
+     * Chart orientation.
+     *
+     * @default 'horizontal'
+     */
+    layoutType?: ChartLayoutType;
+    /**
+     * The option is the configuration of tick lines.
+     *
+     * @default 'y'
+     */
+    tickLine?: ChartAxisType;
+    /**
+     * Specifies which lines should be displayed in the grid.
+     *
+     * @default 'x'
+     */
+    gridAxis?: ChartAxisType;
+    /**
+     * If `true`, X axis is visible.
+     *
+     * @default true
+     */
+    withXAxis?: boolean;
+    /**
+     * If `true`, Y axis is visible.
+     *
+     * @default true
+     */
+    withYAxis?: boolean;
+    /**
+     * Props passed down to recharts 'XAxis' component.
+     */
+    xAxisProps?: XAxisProps;
+    /**
+     * Props passed down to recharts 'YAxis' component.
+     */
+    yAxisProps?: YAxisProps;
+    /**
+     * Unit displayed next to each tick in y-axis.
+     */
+    unit?: string;
+    /**
+     * A function to format values on Y axis and inside the tooltip
+     */
+    valueFormatter?: (value: number) => string;
+};
+type UseChartAxisProps = UseChartAxisOptions & {
+    styles: Dict<CSSUIObject>;
+};
+declare const useChartAxis: ({ dataKey, type, layoutType, tickLine, gridAxis, withXAxis, withYAxis, xAxisProps: _xAxisProps, yAxisProps: _yAxisProps, unit, valueFormatter, styles, }: UseChartAxisProps) => {
+    getXAxisProps: ChartPropGetter<"div", Partial<Recharts.XAxisProps>, Recharts.XAxisProps>;
+    getYAxisProps: ChartPropGetter<"div", Partial<Recharts.YAxisProps>, Recharts.YAxisProps>;
+};
+
+export { type UseChartAxisOptions, type UseChartAxisProps, useChartAxis };