@yamada-ui/charts 1.1.2 → 1.1.4-dev-20240508155232

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 };

package/dist/use-chart-axis.js

@@ -0,0 +1,227 @@
+"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-chart-axis.ts
+var use_chart_axis_exports = {};
+__export(use_chart_axis_exports, {
+  useChartAxis: () => useChartAxis
+});
+module.exports = __toCommonJS(use_chart_axis_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 xAxisProperties = [
+  "hide",
+  "dataKey",
+  "xAxisId",
+  "width",
+  "height",
+  "orientation",
+  "type",
+  "allowDecimals",
+  "allowDataOverflow",
+  "allowDuplicatedCategory",
+  "angle",
+  "tickCount",
+  "domain",
+  "includeHidden",
+  "interval",
+  "padding",
+  "minTickGap",
+  "axisLine",
+  "tickLine",
+  "tickSize",
+  "tickFormatter",
+  "ticks",
+  "tick",
+  "mirror",
+  "reversed",
+  "label",
+  "scale",
+  "unit",
+  "name",
+  "onClick",
+  "onMouseDown",
+  "onMouseUp",
+  "onMouseMove",
+  "onMouseOver",
+  "onMouseOut",
+  "onMouseEnter",
+  "onMouseLeave",
+  "tickMargin"
+];
+var yAxisProperties = [
+  "hide",
+  "dataKey",
+  "yAxisId",
+  "width",
+  "height",
+  "orientation",
+  "type",
+  "tickCount",
+  "domain",
+  "includeHidden",
+  "interval",
+  "padding",
+  "minTickGap",
+  "allowDecimals",
+  "allowDataOverflow",
+  "allowDuplicatedCategory",
+  "axisLine",
+  "tickLine",
+  "tickSize",
+  "tickFormatter",
+  "ticks",
+  "tick",
+  "mirror",
+  "reversed",
+  "label",
+  "scale",
+  "unit",
+  "name",
+  "onClick",
+  "onMouseDown",
+  "onMouseUp",
+  "onMouseMove",
+  "onMouseOver",
+  "onMouseOut",
+  "onMouseEnter",
+  "onMouseLeave",
+  "tickMargin"
+];
+
+// src/use-chart-axis.ts
+var useChartAxis = ({
+  dataKey,
+  type,
+  layoutType = "horizontal",
+  tickLine = "y",
+  gridAxis = "x",
+  withXAxis = true,
+  withYAxis = true,
+  xAxisProps: _xAxisProps = {},
+  yAxisProps: _yAxisProps = {},
+  unit,
+  valueFormatter,
+  styles
+}) => {
+  const { theme } = (0, import_core2.useTheme)();
+  const xAxisKey = (0, import_react.useMemo)(
+    () => layoutType === "vertical" ? { type: "number" } : { dataKey },
+    [dataKey, layoutType]
+  );
+  const yAxisKey = (0, import_react.useMemo)(
+    () => layoutType === "vertical" ? { dataKey, type: "category" } : { type: "number" },
+    [dataKey, layoutType]
+  );
+  const withXTickLine = gridAxis !== "none" && (tickLine === "x" || tickLine === "xy");
+  const withYTickLine = gridAxis !== "none" && (tickLine === "y" || tickLine === "xy");
+  const getTickLine = (withTickLine) => withTickLine ? { stroke: "currentColor" } : false;
+  const xTickLine = getTickLine(withXTickLine);
+  const yTickLine = getTickLine(withYTickLine);
+  const yAxisTickFormatter = type === "percent" && layoutType !== "vertical" ? valueToPercent : valueFormatter;
+  const xAxisTickFormatter = type === "percent" && layoutType === "vertical" ? valueToPercent : valueFormatter;
+  const [xAxisReChartsProps, xAxisClassName] = getComponentProps(
+    [_xAxisProps, xAxisProperties],
+    styles.xAxis
+  )(theme);
+  const [yAxisReChartsProps, yAxisClassName] = getComponentProps(
+    [_yAxisProps, yAxisProperties],
+    styles.yAxis
+  )(theme);
+  const getXAxisProps = (0, import_react.useCallback)(
+    ({ className, ...props } = {}) => ({
+      className: (0, import_utils2.cx)(className, xAxisClassName),
+      hide: !withXAxis,
+      ...xAxisKey,
+      tick: {
+        transform: "translate(0, 10)",
+        fill: "currentColor"
+      },
+      stroke: "",
+      interval: "preserveStartEnd",
+      tickLine: xTickLine,
+      minTickGap: 5,
+      tickFormatter: xAxisTickFormatter,
+      ...props,
+      ...xAxisReChartsProps
+    }),
+    [
+      xAxisClassName,
+      withXAxis,
+      xAxisKey,
+      xTickLine,
+      xAxisTickFormatter,
+      xAxisReChartsProps
+    ]
+  );
+  const getYAxisProps = (0, import_react.useCallback)(
+    ({ className, ...props } = {}) => ({
+      className: (0, import_utils2.cx)(className, yAxisClassName),
+      hide: !withYAxis,
+      axisLine: false,
+      ...yAxisKey,
+      tickLine: yTickLine,
+      tick: {
+        transform: "translate(-10, 0)",
+        fill: "currentColor"
+      },
+      allowDecimals: true,
+      unit,
+      tickFormatter: yAxisTickFormatter,
+      ...props,
+      ...yAxisReChartsProps
+    }),
+    [
+      yAxisClassName,
+      withYAxis,
+      yAxisKey,
+      yTickLine,
+      unit,
+      yAxisTickFormatter,
+      yAxisReChartsProps
+    ]
+  );
+  return { getXAxisProps, getYAxisProps };
+};
+var valueToPercent = (value) => {
+  return `${(value * 100).toFixed(0)}%`;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useChartAxis
+});
+//# sourceMappingURL=use-chart-axis.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-chart-axis.ts","../src/chart-utils.ts","../src/rechart-properties.ts"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { useTheme } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { SVGProps } from \"react\"\nimport { useCallback, useMemo } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getComponentProps } from \"./chart-utils\"\nimport type {\n  ChartAxisType,\n  ChartLayoutType,\n  XAxisProps,\n  YAxisProps,\n  ChartPropGetter,\n  AreaChartType,\n} from \"./chart.types\"\nimport { xAxisProperties, yAxisProperties } from \"./rechart-properties\"\n\nexport type UseChartAxisOptions = {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: string\n  /**\n   * Controls how chart areas are positioned relative to each other\n   *\n   * @default `default`\n   */\n  type?: AreaChartType\n  /**\n   * Chart orientation.\n   *\n   * @default 'horizontal'\n   */\n  layoutType?: ChartLayoutType\n  /**\n   * The option is the configuration of tick lines.\n   *\n   * @default 'y'\n   */\n  tickLine?: ChartAxisType\n  /**\n   * Specifies which lines should be displayed in the grid.\n   *\n   * @default 'x'\n   */\n  gridAxis?: ChartAxisType\n  /**\n   * If `true`, X axis is visible.\n   *\n   * @default true\n   */\n  withXAxis?: boolean\n  /**\n   * If `true`, Y axis is visible.\n   *\n   * @default true\n   */\n  withYAxis?: boolean\n  /**\n   * Props passed down to recharts 'XAxis' component.\n   */\n  xAxisProps?: XAxisProps\n  /**\n   * Props passed down to recharts 'YAxis' component.\n   */\n  yAxisProps?: YAxisProps\n  /**\n   * Unit displayed next to each tick in y-axis.\n   */\n  unit?: string\n  /**\n   * A function to format values on Y axis and inside the tooltip\n   */\n  valueFormatter?: (value: number) => string\n}\n\nexport type UseChartAxisProps = UseChartAxisOptions & {\n  styles: Dict<CSSUIObject>\n}\n\nexport const useChartAxis = ({\n  dataKey,\n  type,\n  layoutType = \"horizontal\",\n  tickLine = \"y\",\n  gridAxis = \"x\",\n  withXAxis = true,\n  withYAxis = true,\n  xAxisProps: _xAxisProps = {},\n  yAxisProps: _yAxisProps = {},\n  unit,\n  valueFormatter,\n  styles,\n}: UseChartAxisProps) => {\n  const { theme } = useTheme()\n  const xAxisKey: Recharts.XAxisProps = useMemo(\n    () => (layoutType === \"vertical\" ? { type: \"number\" } : { dataKey }),\n    [dataKey, layoutType],\n  )\n\n  const yAxisKey: Recharts.YAxisProps = useMemo(\n    () =>\n      layoutType === \"vertical\"\n        ? { dataKey, type: \"category\" }\n        : { type: \"number\" },\n    [dataKey, layoutType],\n  )\n  const withXTickLine =\n    gridAxis !== \"none\" && (tickLine === \"x\" || tickLine === \"xy\")\n  const withYTickLine =\n    gridAxis !== \"none\" && (tickLine === \"y\" || tickLine === \"xy\")\n  const getTickLine = (\n    withTickLine: boolean,\n  ): boolean | SVGProps<SVGTextElement> =>\n    withTickLine ? { stroke: \"currentColor\" } : false\n  const xTickLine = getTickLine(withXTickLine)\n  const yTickLine = getTickLine(withYTickLine)\n  const yAxisTickFormatter =\n    type === \"percent\" && layoutType !== \"vertical\"\n      ? valueToPercent\n      : valueFormatter\n  const xAxisTickFormatter =\n    type === \"percent\" && layoutType === \"vertical\"\n      ? valueToPercent\n      : valueFormatter\n\n  const [xAxisReChartsProps, xAxisClassName] = getComponentProps<Dict, string>(\n    [_xAxisProps, xAxisProperties],\n    styles.xAxis,\n  )(theme)\n\n  const [yAxisReChartsProps, yAxisClassName] = getComponentProps<Dict, string>(\n    [_yAxisProps, yAxisProperties],\n    styles.yAxis,\n  )(theme)\n\n  const getXAxisProps: ChartPropGetter<\n    \"div\",\n    Partial<Recharts.XAxisProps>,\n    Recharts.XAxisProps\n  > = useCallback(\n    ({ className, ...props } = {}) => ({\n      className: cx(className, xAxisClassName),\n      hide: !withXAxis,\n      ...xAxisKey,\n      tick: {\n        transform: \"translate(0, 10)\",\n        fill: \"currentColor\",\n      },\n      stroke: \"\",\n      interval: \"preserveStartEnd\",\n      tickLine: xTickLine,\n      minTickGap: 5,\n      tickFormatter: xAxisTickFormatter,\n      ...props,\n      ...(xAxisReChartsProps as Recharts.XAxisProps),\n    }),\n    [\n      xAxisClassName,\n      withXAxis,\n      xAxisKey,\n      xTickLine,\n      xAxisTickFormatter,\n      xAxisReChartsProps,\n    ],\n  )\n\n  const getYAxisProps: ChartPropGetter<\n    \"div\",\n    Partial<Recharts.YAxisProps>,\n    Recharts.YAxisProps\n  > = useCallback(\n    ({ className, ...props } = {}) => ({\n      className: cx(className, yAxisClassName),\n      hide: !withYAxis,\n      axisLine: false,\n      ...yAxisKey,\n      tickLine: yTickLine,\n      tick: {\n        transform: \"translate(-10, 0)\",\n        fill: \"currentColor\",\n      },\n      allowDecimals: true,\n      unit: unit,\n      tickFormatter: yAxisTickFormatter,\n      ...props,\n      ...(yAxisReChartsProps as Recharts.YAxisProps),\n    }),\n    [\n      yAxisClassName,\n      withYAxis,\n      yAxisKey,\n      yTickLine,\n      unit,\n      yAxisTickFormatter,\n      yAxisReChartsProps,\n    ],\n  )\n  return { getXAxisProps, getYAxisProps }\n}\n\nconst valueToPercent = (value: number) => {\n  return `${(value * 100).toFixed(0)}%`\n}\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 pieChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.PieChart\n>)[] = [\"width\", \"height\", \"margin\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\"]\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 pieProperties: (keyof Omit<Recharts.PieProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"startAngle\",\n  \"endAngle\",\n  \"minAngle\",\n  \"paddingAngle\",\n  \"nameKey\",\n  \"dataKey\",\n  \"legendType\",\n  \"label\",\n  \"labelLine\",\n  \"data\",\n  \"activeIndex\",\n  \"activeShape\",\n  \"inactiveShape\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\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"]}

package/dist/use-chart-axis.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  useChartAxis
+} from "./chunk-P7AFSM5W.mjs";
+import "./chunk-OSNFBRHL.mjs";
+import "./chunk-QL3DB7OJ.mjs";
+export {
+  useChartAxis
+};
+//# sourceMappingURL=use-chart-axis.mjs.map

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

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

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

@@ -0,0 +1,32 @@
+import { CSSUIObject } from '@yamada-ui/core';
+import { Dict } from '@yamada-ui/utils';
+import { CartesianGridProps } from 'recharts';
+import { GridProps, ChartAxisType, ChartPropGetter } from './chart.types.mjs';
+import 'react';
+
+type UseChartGridOptions = {
+    /**
+     * Props passed down to recharts 'CartesianGrid' component.
+     */
+    gridProps?: GridProps;
+    /**
+     * Specifies which lines should be displayed in the grid.
+     *
+     * @default 'x'
+     */
+    gridAxis?: ChartAxisType;
+    /**
+     * Dash array for the grid lines and cursor. The first number is the length of the solid line section and the second number is the length of the interval.
+     *
+     * @default '5 5'
+     */
+    strokeDasharray?: string | number;
+};
+type UseChartGridProps = UseChartGridOptions & {
+    styles: Dict<CSSUIObject>;
+};
+declare const useChartGrid: ({ gridProps, gridAxis, strokeDasharray, styles, }: UseChartGridProps) => {
+    getGridProps: ChartPropGetter<"div", Partial<CartesianGridProps>, CartesianGridProps>;
+};
+
+export { type UseChartGridOptions, useChartGrid };

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

@@ -0,0 +1,32 @@
+import { CSSUIObject } from '@yamada-ui/core';
+import { Dict } from '@yamada-ui/utils';
+import { CartesianGridProps } from 'recharts';
+import { GridProps, ChartAxisType, ChartPropGetter } from './chart.types.js';
+import 'react';
+
+type UseChartGridOptions = {
+    /**
+     * Props passed down to recharts 'CartesianGrid' component.
+     */
+    gridProps?: GridProps;
+    /**
+     * Specifies which lines should be displayed in the grid.
+     *
+     * @default 'x'
+     */
+    gridAxis?: ChartAxisType;
+    /**
+     * Dash array for the grid lines and cursor. The first number is the length of the solid line section and the second number is the length of the interval.
+     *
+     * @default '5 5'
+     */
+    strokeDasharray?: string | number;
+};
+type UseChartGridProps = UseChartGridOptions & {
+    styles: Dict<CSSUIObject>;
+};
+declare const useChartGrid: ({ gridProps, gridAxis, strokeDasharray, styles, }: UseChartGridProps) => {
+    getGridProps: ChartPropGetter<"div", Partial<CartesianGridProps>, CartesianGridProps>;
+};
+
+export { type UseChartGridOptions, useChartGrid };

package/dist/use-chart-grid.js

@@ -0,0 +1,92 @@
+"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-chart-grid.ts
+var use_chart_grid_exports = {};
+__export(use_chart_grid_exports, {
+  useChartGrid: () => useChartGrid
+});
+module.exports = __toCommonJS(use_chart_grid_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 gridProperties = [
+  "x",
+  "y",
+  "width",
+  "height",
+  "horizontal",
+  "vertical",
+  "horizontalPoints",
+  "horizontalCoordinatesGenerator",
+  "verticalPoints",
+  "verticalCoordinatesGenerator",
+  "fill",
+  "fillOpacity",
+  "strokeDasharray"
+];
+
+// src/use-chart-grid.ts
+var useChartGrid = ({
+  gridProps = {},
+  gridAxis = "x",
+  strokeDasharray = "5 5",
+  styles
+}) => {
+  const { theme } = (0, import_core2.useTheme)();
+  const [reChartsProps, propClassName] = getComponentProps(
+    [gridProps, gridProperties],
+    styles.grid
+  )(theme);
+  const getGridProps = (0, import_react.useCallback)(
+    ({ className, ...props } = {}, ref = null) => ({
+      ref,
+      className: (0, import_utils2.cx)("ui-chart__grid", className, propClassName),
+      strokeDasharray,
+      vertical: gridAxis === "y" || gridAxis === "xy",
+      horizontal: gridAxis === "x" || gridAxis === "xy",
+      ...props,
+      ...reChartsProps
+    }),
+    [propClassName, strokeDasharray, gridAxis, reChartsProps]
+  );
+  return { getGridProps };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useChartGrid
+});
+//# sourceMappingURL=use-chart-grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-chart-grid.ts","../src/chart-utils.ts","../src/rechart-properties.ts"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { useTheme } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useCallback } from \"react\"\nimport type { CartesianGridProps } from \"recharts\"\nimport { getComponentProps } from \"./chart-utils\"\nimport type { ChartAxisType, ChartPropGetter, GridProps } from \"./chart.types\"\nimport { gridProperties } from \"./rechart-properties\"\n\nexport type UseChartGridOptions = {\n  /**\n   * Props passed down to recharts 'CartesianGrid' component.\n   */\n  gridProps?: GridProps\n  /**\n   * Specifies which lines should be displayed in the grid.\n   *\n   * @default 'x'\n   */\n  gridAxis?: ChartAxisType\n  /**\n   * Dash array for the grid lines and cursor. The first number is the length of the solid line section and the second number is the length of the interval.\n   *\n   * @default '5 5'\n   */\n  strokeDasharray?: string | number\n}\n\ntype UseChartGridProps = UseChartGridOptions & {\n  styles: Dict<CSSUIObject>\n}\n\nexport const useChartGrid = ({\n  gridProps = {},\n  gridAxis = \"x\",\n  strokeDasharray = \"5 5\",\n  styles,\n}: UseChartGridProps) => {\n  const { theme } = useTheme()\n  const [reChartsProps, propClassName] = getComponentProps(\n    [gridProps, gridProperties],\n    styles.grid,\n  )(theme)\n\n  const getGridProps: ChartPropGetter<\n    \"div\",\n    Partial<CartesianGridProps>,\n    CartesianGridProps\n  > = useCallback(\n    ({ className, ...props } = {}, ref = null) => ({\n      ref,\n      className: cx(\"ui-chart__grid\", className, propClassName),\n      strokeDasharray: strokeDasharray,\n      vertical: gridAxis === \"y\" || gridAxis === \"xy\",\n      horizontal: gridAxis === \"x\" || gridAxis === \"xy\",\n      ...props,\n      ...reChartsProps,\n    }),\n    [propClassName, strokeDasharray, gridAxis, reChartsProps],\n  )\n\n  return { getGridProps }\n}\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 pieChartProperties: (keyof ComponentPropsWithoutRef<\n  typeof Recharts.PieChart\n>)[] = [\"width\", \"height\", \"margin\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\"]\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 pieProperties: (keyof Omit<Recharts.PieProps, \"ref\">)[] = [\n  \"cx\",\n  \"cy\",\n  \"innerRadius\",\n  \"outerRadius\",\n  \"startAngle\",\n  \"endAngle\",\n  \"minAngle\",\n  \"paddingAngle\",\n  \"nameKey\",\n  \"dataKey\",\n  \"legendType\",\n  \"label\",\n  \"labelLine\",\n  \"data\",\n  \"activeIndex\",\n  \"activeShape\",\n  \"inactiveShape\",\n  \"isAnimationActive\",\n  \"animationBegin\",\n  \"animationDuration\",\n  \"animationEasing\",\n  \"onAnimationStart\",\n  \"onAnimationEnd\",\n  \"onClick\",\n  \"onMouseDown\",\n  \"onMouseUp\",\n  \"onMouseMove\",\n  \"onMouseOver\",\n  \"onMouseOut\",\n  \"onMouseEnter\",\n  \"onMouseLeave\",\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":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,eAAyB;AAEzB,IAAAC,gBAAmB;AACnB,mBAA4B;;;ACH5B,kBAAuB;AAEvB,mBAA0C;AAEnC,IAAM,eACX,IAAI,WACJ,CAAC,cACC;AAAA,EACE,GAAG,OAAO;AAAA,IAAI,CAAC,cACb,uBAAS,KAAK,IAAI,YAAQ,oBAAO,KAAK,EAAE,KAAK;AAAA,EAC/C;AACF;AAEG,IAAM,oBACX,CACE,CAAC,KAAK,IAAI,MACP,UAEL,CAA4B,OAAoB,cAAkB;AAChE,QAAM,CAAC,aAAa,YAAY,QAAI,0BAAkB,KAAK,IAAI;AAC/D,QAAM,YAAY,aAAa,GAAG,OAAO,YAAY,EAAE,KAAK;AAE5D,SACE,CAAC,YAAY,CAAC,aAAa,SAAS,IAAI,EAAE,GAAG,aAAa,UAAU;AAIxE;;;AC+EK,IAAM,iBAAwD;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;AFxFO,IAAM,eAAe,CAAC;AAAA,EAC3B,YAAY,CAAC;AAAA,EACb,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB;AACF,MAAyB;AACvB,QAAM,EAAE,MAAM,QAAI,uBAAS;AAC3B,QAAM,CAAC,eAAe,aAAa,IAAI;AAAA,IACrC,CAAC,WAAW,cAAc;AAAA,IAC1B,OAAO;AAAA,EACT,EAAE,KAAK;AAEP,QAAM,mBAIF;AAAA,IACF,CAAC,EAAE,WAAW,GAAG,MAAM,IAAI,CAAC,GAAG,MAAM,UAAU;AAAA,MAC7C;AAAA,MACA,eAAW,kBAAG,kBAAkB,WAAW,aAAa;AAAA,MACxD;AAAA,MACA,UAAU,aAAa,OAAO,aAAa;AAAA,MAC3C,YAAY,aAAa,OAAO,aAAa;AAAA,MAC7C,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,eAAe,iBAAiB,UAAU,aAAa;AAAA,EAC1D;AAEA,SAAO,EAAE,aAAa;AACxB;","names":["import_core","import_utils"]}

package/dist/use-chart-grid.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  useChartGrid
+} from "./chunk-LGMALZCN.mjs";
+import "./chunk-OSNFBRHL.mjs";
+import "./chunk-QL3DB7OJ.mjs";
+export {
+  useChartGrid
+};
+//# sourceMappingURL=use-chart-grid.mjs.map

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

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