@yamada-ui/charts 1.1.2-dev-20240430063353 → 1.1.2-dev-20240501174240

package/dist/chunk-LHI57S6P.mjs

@@ -1,215 +0,0 @@
-"use client"
-import {
-  pieChartProperties,
-  pieProperties
-} from "./chunk-OSNFBRHL.mjs";
-import {
-  getClassName,
-  getComponentProps
-} from "./chunk-QL3DB7OJ.mjs";
-
-// src/use-pie-chart.ts
-import { useTheme } from "@yamada-ui/core";
-import { cx } from "@yamada-ui/utils";
-import { useCallback, useMemo, useState } from "react";
-var usePieChart = ({
-  data,
-  withLabels = false,
-  withLabelLines = false,
-  strokeWidth = 1,
-  fillOpacity = 1,
-  innerRadius = "0%",
-  outerRadius = withLabels ? "80%" : "100%",
-  paddingAngle = 0,
-  startAngle = 90,
-  endAngle = -270,
-  styles,
-  ...rest
-}) => {
-  var _a, _b;
-  const { theme } = useTheme();
-  const [highlightedArea, setHighlightedArea] = useState(null);
-  const shouldHighlight = highlightedArea !== null;
-  const { dimCell, ...computedCellProps } = (_a = rest.cellProps) != null ? _a : {};
-  const {
-    activeShape = {},
-    inactiveShape = {},
-    label,
-    labelLine,
-    ...computedPieProps
-  } = (_b = rest.pieProps) != null ? _b : {};
-  const cellColors = useMemo(
-    () => data.map(({ color }, index) => ({
-      __prefix: "ui",
-      name: `cell-${index}`,
-      token: "colors",
-      value: color != null ? color : "transparent"
-    })),
-    [data]
-  );
-  const pieVars = useMemo(
-    () => [
-      ...cellColors,
-      { __prefix: "ui", name: "fill-opacity", value: fillOpacity }
-    ],
-    [fillOpacity, cellColors]
-  );
-  const [chartProps, chartClassName] = useMemo(
-    () => {
-      var _a2;
-      return getComponentProps(
-        [(_a2 = rest.chartProps) != null ? _a2 : {}, pieChartProperties],
-        styles.chart
-      )(theme);
-    },
-    [rest.chartProps, styles.chart, theme]
-  );
-  const [pieProps, pieClassName] = useMemo(
-    () => getComponentProps(
-      [computedPieProps, pieProperties],
-      styles.pie
-    )(theme),
-    [computedPieProps, styles.pie, theme]
-  );
-  const cellClassName = useMemo(() => {
-    const resolvedCellProps = {
-      fillOpacity: "var(--ui-fill-opacity)",
-      ...styles.cell,
-      ...computedCellProps
-    };
-    return getClassName(resolvedCellProps)(theme);
-  }, [computedCellProps, styles.cell, theme]);
-  const dimCellClassName = useMemo(() => {
-    const resolvedDimCell = { fillOpacity: 0.3, strokeOpacity: 0, ...dimCell };
-    return getClassName(resolvedDimCell)(theme);
-  }, [dimCell, theme]);
-  const activeShapeProps = useMemo(
-    () => getComponentProps(
-      [{ _focus: { outline: "none" }, ...activeShape }, pieProperties],
-      styles.activeShape
-    )(theme, true),
-    [activeShape, styles.activeShape, theme]
-  );
-  const inactiveShapeProps = useMemo(
-    () => getComponentProps(
-      [inactiveShape, pieProperties],
-      styles.inactiveShape
-    )(theme, true),
-    [inactiveShape, styles.inactiveShape, theme]
-  );
-  const labelClassName = useMemo(
-    () => getClassName({ fillOpacity: 1, ...styles.label, ...label })(theme),
-    [label, styles.label, theme]
-  );
-  const labelLineClassName = useMemo(
-    () => getClassName({ ...styles.labelLine, ...labelLine })(theme),
-    [labelLine, styles.labelLine, theme]
-  );
-  const cellPropList = useMemo(
-    () => data.map((props, index) => {
-      const { name, dimCell: dimCell2 = {}, ...computedProps } = props;
-      const color = `var(--ui-cell-${index})`;
-      const dimmed = shouldHighlight && highlightedArea !== name;
-      const resolvedProps = {
-        ...computedProps,
-        ...dimmed ? dimCell2 : {}
-      };
-      const className = getClassName(
-        {
-          cellClassName,
-          ...resolvedProps
-        },
-        dimmed ? dimCellClassName : void 0
-      )(theme);
-      return {
-        color,
-        className
-      };
-    }),
-    [
-      cellClassName,
-      data,
-      dimCellClassName,
-      highlightedArea,
-      shouldHighlight,
-      theme
-    ]
-  );
-  const getPieChartProps = useCallback(
-    ({ className, ...props } = {}, ref = null) => ({
-      ref,
-      className: cx(className, chartClassName),
-      ...props,
-      ...chartProps
-    }),
-    [chartProps, chartClassName]
-  );
-  const getPieProps = useCallback(
-    ({
-      className,
-      labelClassName: labelClassNameProp,
-      labelLineClassName: labelLineClassNameProp,
-      ...props
-    }, ref = null) => ({
-      ref,
-      className: cx(className, pieClassName),
-      dataKey: "value",
-      data,
-      rootTabIndex: -1,
-      outerRadius,
-      innerRadius,
-      paddingAngle,
-      startAngle,
-      endAngle,
-      isAnimationActive: false,
-      label: withLabels ? { className: cx(labelClassNameProp, labelClassName) } : false,
-      labelLine: withLabelLines ? { className: cx(labelLineClassNameProp, labelLineClassName) } : false,
-      activeShape: activeShapeProps,
-      inactiveShape: inactiveShapeProps,
-      ...props,
-      ...pieProps
-    }),
-    [
-      pieClassName,
-      data,
-      outerRadius,
-      innerRadius,
-      paddingAngle,
-      startAngle,
-      endAngle,
-      withLabels,
-      labelClassName,
-      withLabelLines,
-      labelLineClassName,
-      activeShapeProps,
-      inactiveShapeProps,
-      pieProps
-    ]
-  );
-  const getCellProps = useCallback(
-    ({ index, className: classNameProp, ...props }, ref = null) => {
-      const { className, color } = cellPropList[index];
-      return {
-        ref,
-        className: cx(classNameProp, className),
-        fill: color,
-        stroke: color,
-        strokeWidth,
-        ...props
-      };
-    },
-    [cellPropList, strokeWidth]
-  );
-  return {
-    pieVars,
-    getPieProps,
-    getPieChartProps,
-    getCellProps,
-    setHighlightedArea
-  };
-};
-
-export {
-  usePieChart
-};
-//# sourceMappingURL=chunk-LHI57S6P.mjs.map

package/dist/chunk-LHI57S6P.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/use-pie-chart.ts"],"sourcesContent":["import { useTheme, type CSSUIObject, type CSSUIProps } from \"@yamada-ui/core\"\nimport { cx, type Dict } from \"@yamada-ui/utils\"\nimport type { ComponentPropsWithoutRef } from \"react\"\nimport { useCallback, useMemo, useState } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getClassName, getComponentProps } from \"./chart-utils\"\nimport type {\n  CellProps,\n  ChartPropGetter,\n  PieChartProps,\n  PieProps,\n  RequiredChartPropGetter,\n} from \"./chart.types\"\nimport { pieChartProperties, pieProperties } from \"./rechart-properties\"\n\nexport type UsePieChartOptions = {\n  /**\n   * Chart data.\n   */\n  data: CellProps[]\n  /**\n   * Props passed down to recharts `PieChart` component.\n   */\n  chartProps?: PieChartProps\n  /**\n   * Props for the pie.\n   */\n  pieProps?: Partial<PieProps>\n  /**\n   * Props for the cell.\n   */\n  cellProps?: Partial<CellProps>\n  /**\n   * Determines whether each segment should have associated label.\n   *\n   * @default false\n   */\n  withLabels?: boolean\n  /**\n   * Determines whether segments labels should have lines that connect the segment with the label.\n   *\n   * @default false\n   */\n  withLabelLines?: boolean\n  /**\n   * Controls innerRadius of the chart segments.\n   * If it is a number, it is the width of the radius.\n   * For example, `60` means the radius is `60px` and the diameter is `120px`.\n   *\n   * @default '0%'\n   */\n  innerRadius?: number | string\n  /**\n   * Controls thickness of the chart segments. If it is a number, it is calculated as px.\n   * If it is a number, it is the width of the radius.\n   * For example, `60` means the radius is `60px` and the diameter is `120px`.\n   *\n   * @default '80%'\n   */\n  outerRadius?: number | string\n  /**\n   * Controls padding between segments.\n   *\n   * @default 0\n   */\n  paddingAngle?: number\n  /**\n   * Stroke width for the chart pies.\n   *\n   * @default 1\n   */\n  strokeWidth?: number\n  /**\n   * Controls angle at which chart starts.\n   *\n   * @default 90\n   */\n  startAngle?: number\n  /**\n   * Controls angle at which chart ends.\n   *\n   * @default -270\n   */\n  endAngle?: number\n  /**\n   * Controls fill opacity of all pies.\n   *\n   * @default 1\n   */\n  fillOpacity?: number | [number, number]\n  /**\n   * A function to format values inside the tooltip.\n   */\n  valueFormatter?: (value: number) => string\n}\n\ntype UsePieChartProps = UsePieChartOptions & {\n  styles: Dict<CSSUIObject>\n}\n\nexport const usePieChart = ({\n  data,\n  withLabels = false,\n  withLabelLines = false,\n  strokeWidth = 1,\n  fillOpacity = 1,\n  innerRadius = \"0%\",\n  outerRadius = withLabels ? \"80%\" : \"100%\",\n  paddingAngle = 0,\n  startAngle = 90,\n  endAngle = -270,\n  styles,\n  ...rest\n}: UsePieChartProps) => {\n  const { theme } = useTheme()\n  const [highlightedArea, setHighlightedArea] = useState<string | null>(null)\n  const shouldHighlight = highlightedArea !== null\n  const { dimCell, ...computedCellProps } = rest.cellProps ?? {}\n  const {\n    activeShape = {},\n    inactiveShape = {},\n    label,\n    labelLine,\n    ...computedPieProps\n  } = rest.pieProps ?? {}\n\n  const cellColors: CSSUIProps[\"var\"] = useMemo(\n    () =>\n      data.map(({ color }, index) => ({\n        __prefix: \"ui\",\n        name: `cell-${index}`,\n        token: \"colors\",\n        value: color ?? \"transparent\",\n      })),\n    [data],\n  )\n\n  const pieVars: CSSUIProps[\"var\"] = useMemo(\n    () =>\n      [\n        ...cellColors,\n        { __prefix: \"ui\", name: \"fill-opacity\", value: fillOpacity },\n      ] as Required<CSSUIProps>[\"var\"],\n    [fillOpacity, cellColors],\n  )\n\n  const [chartProps, chartClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [rest.chartProps ?? {}, pieChartProperties],\n        styles.chart,\n      )(theme),\n    [rest.chartProps, styles.chart, theme],\n  )\n\n  const [pieProps, pieClassName] = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [computedPieProps, pieProperties],\n        styles.pie,\n      )(theme),\n    [computedPieProps, styles.pie, theme],\n  )\n\n  const cellClassName = useMemo(() => {\n    const resolvedCellProps = {\n      fillOpacity: \"var(--ui-fill-opacity)\",\n      ...styles.cell,\n      ...computedCellProps,\n    }\n\n    return getClassName(resolvedCellProps)(theme)\n  }, [computedCellProps, styles.cell, theme])\n\n  const dimCellClassName = useMemo(() => {\n    const resolvedDimCell = { fillOpacity: 0.3, strokeOpacity: 0, ...dimCell }\n\n    return getClassName(resolvedDimCell)(theme)\n  }, [dimCell, theme])\n\n  const activeShapeProps = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [{ _focus: { outline: \"none\" }, ...activeShape }, pieProperties],\n        styles.activeShape,\n      )(theme, true),\n    [activeShape, styles.activeShape, theme],\n  )\n\n  const inactiveShapeProps = useMemo(\n    () =>\n      getComponentProps<Dict, string>(\n        [inactiveShape, pieProperties],\n        styles.inactiveShape,\n      )(theme, true),\n    [inactiveShape, styles.inactiveShape, theme],\n  )\n\n  const labelClassName = useMemo(\n    () => getClassName({ fillOpacity: 1, ...styles.label, ...label })(theme),\n    [label, styles.label, theme],\n  )\n\n  const labelLineClassName = useMemo(\n    () => getClassName({ ...styles.labelLine, ...labelLine })(theme),\n    [labelLine, styles.labelLine, theme],\n  )\n\n  const cellPropList = useMemo(\n    () =>\n      data.map((props, index) => {\n        const { name, dimCell = {}, ...computedProps } = props\n        const color = `var(--ui-cell-${index})`\n        const dimmed = shouldHighlight && highlightedArea !== name\n        const resolvedProps = {\n          ...computedProps,\n          ...(dimmed ? dimCell : {}),\n        }\n\n        const className = getClassName(\n          {\n            cellClassName,\n            ...resolvedProps,\n          },\n          dimmed ? dimCellClassName : undefined,\n        )(theme)\n\n        return {\n          color,\n          className,\n        }\n      }),\n    [\n      cellClassName,\n      data,\n      dimCellClassName,\n      highlightedArea,\n      shouldHighlight,\n      theme,\n    ],\n  )\n\n  const getPieChartProps: ChartPropGetter<\n    \"div\",\n    ComponentPropsWithoutRef<typeof Recharts.PieChart>,\n    ComponentPropsWithoutRef<typeof Recharts.PieChart>\n  > = useCallback(\n    ({ className, ...props } = {}, ref = null) => ({\n      ref,\n      className: cx(className, chartClassName),\n      ...props,\n      ...chartProps,\n    }),\n    [chartProps, chartClassName],\n  )\n\n  const getPieProps: RequiredChartPropGetter<\n    \"div\",\n    Partial<Recharts.PieProps> & {\n      labelClassName: string\n      labelLineClassName: string\n    },\n    Omit<Recharts.PieProps, \"ref\">\n  > = useCallback(\n    (\n      {\n        className,\n        labelClassName: labelClassNameProp,\n        labelLineClassName: labelLineClassNameProp,\n        ...props\n      },\n      ref = null,\n    ) => ({\n      ref,\n      className: cx(className, pieClassName),\n      dataKey: \"value\",\n      data,\n      rootTabIndex: -1,\n      outerRadius,\n      innerRadius,\n      paddingAngle,\n      startAngle,\n      endAngle,\n      isAnimationActive: false,\n      label: withLabels\n        ? { className: cx(labelClassNameProp, labelClassName) }\n        : false,\n      labelLine: withLabelLines\n        ? { className: cx(labelLineClassNameProp, labelLineClassName) }\n        : false,\n      activeShape: activeShapeProps,\n      inactiveShape: inactiveShapeProps,\n      ...(props as Omit<Recharts.PieProps, \"dataKey\">),\n      ...pieProps,\n    }),\n    [\n      pieClassName,\n      data,\n      outerRadius,\n      innerRadius,\n      paddingAngle,\n      startAngle,\n      endAngle,\n      withLabels,\n      labelClassName,\n      withLabelLines,\n      labelLineClassName,\n      activeShapeProps,\n      inactiveShapeProps,\n      pieProps,\n    ],\n  )\n\n  const getCellProps: RequiredChartPropGetter<\n    \"div\",\n    Omit<Recharts.CellProps, \"ref\"> & { index: number },\n    Omit<Recharts.CellProps, \"ref\">\n  > = useCallback(\n    ({ index, className: classNameProp, ...props }, ref = null) => {\n      const { className, color } = cellPropList[index]\n\n      return {\n        ref,\n        className: cx(classNameProp, className),\n        fill: color,\n        stroke: color,\n        strokeWidth,\n        ...(props as Recharts.CellProps),\n      }\n    },\n    [cellPropList, strokeWidth],\n  )\n\n  return {\n    pieVars,\n    getPieProps,\n    getPieChartProps,\n    getCellProps,\n    setHighlightedArea,\n  }\n}\n\nexport type UsePieChartReturn = ReturnType<typeof usePieChart>\n"],"mappings":"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","names":["_a","dimCell"]}

package/dist/chunk-LM2DQK2P.mjs

@@ -1,33 +0,0 @@
-"use client"
-import {
-  legendProperties
-} from "./chunk-OSNFBRHL.mjs";
-
-// src/use-chart-legend.ts
-import { splitObject } from "@yamada-ui/utils";
-import { useCallback } from "react";
-var useChartLegend = ({
-  legendProps: _legendProps = {}
-}) => {
-  const [rest, legendProps] = splitObject(
-    _legendProps,
-    legendProperties
-  );
-  const getLegendProps = useCallback(
-    (props, ref = null) => {
-      return {
-        ref,
-        verticalAlign: "top",
-        ...props,
-        ...rest
-      };
-    },
-    [rest]
-  );
-  return { legendProps, getLegendProps };
-};
-
-export {
-  useChartLegend
-};
-//# sourceMappingURL=chunk-LM2DQK2P.mjs.map

package/dist/chunk-LM2DQK2P.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/use-chart-legend.ts"],"sourcesContent":["import type { Dict } from \"@yamada-ui/utils\"\nimport { splitObject } from \"@yamada-ui/utils\"\nimport { useCallback } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport type { ChartPropGetter, LegendProps } from \"./chart.types\"\nimport { legendProperties } from \"./rechart-properties\"\n\nexport type UseChartLegendProps = {\n  /**\n   * Props passed down to recharts 'Legend' component.\n   */\n  legendProps?: LegendProps\n}\n\nexport const useChartLegend = ({\n  legendProps: _legendProps = {},\n}: UseChartLegendProps) => {\n  const [rest, legendProps] = splitObject<Dict, string>(\n    _legendProps,\n    legendProperties,\n  )\n\n  const getLegendProps: ChartPropGetter<\n    \"div\",\n    Partial<Recharts.LegendProps>,\n    Omit<Recharts.LegendProps, \"ref\">\n  > = useCallback(\n    (props, ref = null) => {\n      return {\n        ref,\n        verticalAlign: \"top\",\n        ...props,\n        ...rest,\n      }\n    },\n    [rest],\n  )\n\n  return { legendProps, getLegendProps }\n}\n"],"mappings":";;;;;;AACA,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAYrB,IAAM,iBAAiB,CAAC;AAAA,EAC7B,aAAa,eAAe,CAAC;AAC/B,MAA2B;AACzB,QAAM,CAAC,MAAM,WAAW,IAAI;AAAA,IAC1B;AAAA,IACA;AAAA,EACF;AAEA,QAAM,iBAIF;AAAA,IACF,CAAC,OAAO,MAAM,SAAS;AACrB,aAAO;AAAA,QACL;AAAA,QACA,eAAe;AAAA,QACf,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO,EAAE,aAAa,eAAe;AACvC;","names":[]}

package/dist/chunk-MSIOYYWR.mjs

@@ -1,24 +0,0 @@
-"use client"
-
-// src/area-chart-gradient.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var AreaGradient = ({
-  color,
-  id,
-  withGradient,
-  fillOpacity
-}) => {
-  if (withGradient) {
-    return /* @__PURE__ */ jsxs("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-      /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: fillOpacity }),
-      /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.01 })
-    ] });
-  } else {
-    return /* @__PURE__ */ jsx("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: /* @__PURE__ */ jsx("stop", { stopColor: color, stopOpacity: fillOpacity }) });
-  }
-};
-
-export {
-  AreaGradient
-};
-//# sourceMappingURL=chunk-MSIOYYWR.mjs.map

package/dist/chunk-MSIOYYWR.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/area-chart-gradient.tsx"],"sourcesContent":["export type AreaGradientProps = {\n  id?: string\n  color?: string\n  withGradient?: boolean\n  fillOpacity: number | string\n}\n\nexport const AreaGradient = ({\n  color,\n  id,\n  withGradient,\n  fillOpacity,\n}: AreaGradientProps) => {\n  if (withGradient) {\n    return (\n      <linearGradient id={id} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n        <stop offset=\"0%\" stopColor={color} stopOpacity={fillOpacity} />\n        <stop offset=\"100%\" stopColor={color} stopOpacity={0.01} />\n      </linearGradient>\n    )\n  } else {\n    return (\n      <linearGradient id={id} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n        <stop stopColor={color} stopOpacity={fillOpacity} />\n      </linearGradient>\n    )\n  }\n}\n"],"mappings":";;;AAeM,SACE,KADF;AARC,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,MAAI,cAAc;AAChB,WACE,qBAAC,oBAAe,IAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC9C;AAAA,0BAAC,UAAK,QAAO,MAAK,WAAW,OAAO,aAAa,aAAa;AAAA,MAC9D,oBAAC,UAAK,QAAO,QAAO,WAAW,OAAO,aAAa,MAAM;AAAA,OAC3D;AAAA,EAEJ,OAAO;AACL,WACE,oBAAC,oBAAe,IAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC9C,8BAAC,UAAK,WAAW,OAAO,aAAa,aAAa,GACpD;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-MWPICUEW.mjs

@@ -1,56 +0,0 @@
-"use client"
-import {
-  referenceLineProperties
-} from "./chunk-OSNFBRHL.mjs";
-import {
-  getComponentProps
-} from "./chunk-QL3DB7OJ.mjs";
-
-// src/use-chart-reference-line.ts
-import { getCSS, useTheme } from "@yamada-ui/core";
-import { isObject, cx } from "@yamada-ui/utils";
-import { useCallback, useMemo } from "react";
-var useChartReferenceLine = ({
-  referenceLineProps = [],
-  styles
-}) => {
-  const { theme } = useTheme();
-  const styleClassName = getCSS(styles.referenceLine)(theme);
-  const propList = useMemo(
-    () => referenceLineProps.map((props, index) => {
-      const [{ label: labelProp, ...rest }, propClassName] = getComponentProps(
-        [props, referenceLineProperties],
-        styleClassName
-      )(theme);
-      const color = `var(--ui-reference-line-${index})`;
-      const label = {
-        value: labelProp,
-        fill: color,
-        position: "insideBottomLeft",
-        ...isObject(labelProp) ? labelProp : {}
-      };
-      return { propClassName, color, label, ...rest };
-    }),
-    [referenceLineProps, styleClassName, theme]
-  );
-  const getReferenceLineProps = useCallback(
-    ({ index, className, ...props }, ref = null) => {
-      const { propClassName, color, label, ...rest } = propList[index];
-      return {
-        ref,
-        className: cx(className, propClassName),
-        stroke: color,
-        label,
-        ...props,
-        ...rest
-      };
-    },
-    [propList]
-  );
-  return { getReferenceLineProps };
-};
-
-export {
-  useChartReferenceLine
-};
-//# sourceMappingURL=chunk-MWPICUEW.mjs.map

package/dist/chunk-MWPICUEW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/use-chart-reference-line.ts"],"sourcesContent":["import { getCSS, useTheme } from \"@yamada-ui/core\"\nimport type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport { isObject, cx } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo } from \"react\"\nimport type * as Recharts from \"recharts\"\nimport { getComponentProps } from \"./chart-utils\"\nimport type { ReferenceLineProps, RequiredChartPropGetter } from \"./chart.types\"\nimport { referenceLineProperties } from \"./rechart-properties\"\n\nexport type UseChartReferenceLineOptions = {\n  /**\n   * Reference lines that should be displayed on the chart.\n   */\n  referenceLineProps?: ReferenceLineProps[]\n}\n\ntype UseChartReferenceLineProps = UseChartReferenceLineOptions & {\n  styles: Dict<CSSUIObject>\n}\n\nexport const useChartReferenceLine = ({\n  referenceLineProps = [],\n  styles,\n}: UseChartReferenceLineProps) => {\n  const { theme } = useTheme()\n  const styleClassName = getCSS(styles.referenceLine)(theme)\n  const propList = useMemo(\n    () =>\n      referenceLineProps.map((props, index) => {\n        const [{ label: labelProp, ...rest }, propClassName] =\n          getComponentProps(\n            [props, referenceLineProperties],\n            styleClassName,\n          )(theme)\n\n        const color = `var(--ui-reference-line-${index})`\n        const label: Recharts.ReferenceLineProps[\"label\"] = {\n          value: labelProp as string,\n          fill: color,\n          position: \"insideBottomLeft\",\n          ...(isObject(labelProp) ? labelProp : {}),\n        }\n\n        return { propClassName, color, label, ...rest }\n      }),\n    [referenceLineProps, styleClassName, theme],\n  )\n\n  const getReferenceLineProps: RequiredChartPropGetter<\n    \"div\",\n    {\n      index: number\n    },\n    Omit<Recharts.ReferenceLineProps, \"ref\">\n  > = useCallback(\n    ({ index, className, ...props }, ref = null) => {\n      const { propClassName, color, label, ...rest } = propList[index]\n\n      return {\n        ref,\n        className: cx(className, propClassName),\n        stroke: color,\n        label,\n        ...(props as Recharts.ReferenceLineProps),\n        ...rest,\n      }\n    },\n    [propList],\n  )\n\n  return { getReferenceLineProps }\n}\n"],"mappings":";;;;;;;;;AAAA,SAAS,QAAQ,gBAAgB;AAGjC,SAAS,UAAU,UAAU;AAC7B,SAAS,aAAa,eAAe;AAiB9B,IAAM,wBAAwB,CAAC;AAAA,EACpC,qBAAqB,CAAC;AAAA,EACtB;AACF,MAAkC;AAChC,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,iBAAiB,OAAO,OAAO,aAAa,EAAE,KAAK;AACzD,QAAM,WAAW;AAAA,IACf,MACE,mBAAmB,IAAI,CAAC,OAAO,UAAU;AACvC,YAAM,CAAC,EAAE,OAAO,WAAW,GAAG,KAAK,GAAG,aAAa,IACjD;AAAA,QACE,CAAC,OAAO,uBAAuB;AAAA,QAC/B;AAAA,MACF,EAAE,KAAK;AAET,YAAM,QAAQ,2BAA2B,KAAK;AAC9C,YAAM,QAA8C;AAAA,QAClD,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAI,SAAS,SAAS,IAAI,YAAY,CAAC;AAAA,MACzC;AAEA,aAAO,EAAE,eAAe,OAAO,OAAO,GAAG,KAAK;AAAA,IAChD,CAAC;AAAA,IACH,CAAC,oBAAoB,gBAAgB,KAAK;AAAA,EAC5C;AAEA,QAAM,wBAMF;AAAA,IACF,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,MAAM,SAAS;AAC9C,YAAM,EAAE,eAAe,OAAO,OAAO,GAAG,KAAK,IAAI,SAAS,KAAK;AAE/D,aAAO;AAAA,QACL;AAAA,QACA,WAAW,GAAG,WAAW,aAAa;AAAA,QACtC,QAAQ;AAAA,QACR;AAAA,QACA,GAAI;AAAA,QACJ,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SAAO,EAAE,sBAAsB;AACjC;","names":[]}

package/dist/chunk-NEGDEVRX.mjs

@@ -1,53 +0,0 @@
-"use client"
-import {
-  useLegend
-} from "./chunk-XIFDRM7J.mjs";
-
-// src/chart-legend.tsx
-import { forwardRef, ui } from "@yamada-ui/core";
-import { cx } from "@yamada-ui/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ChartLegend = forwardRef(
-  ({ className, payload = [], onHighlight, ...rest }, ref) => {
-    const { styles } = useLegend();
-    const items = payload.map(({ dataKey, value: valueProp, color }, index) => {
-      const value = dataKey != null ? dataKey : valueProp;
-      return /* @__PURE__ */ jsxs(
-        ui.div,
-        {
-          className: "ui-chart__legend-item",
-          onMouseEnter: () => onHighlight(value),
-          onMouseLeave: () => onHighlight(null),
-          __css: styles.legendItem,
-          children: [
-            /* @__PURE__ */ jsx(
-              ui.div,
-              {
-                className: "ui-chart__legend-swatch",
-                background: color,
-                __css: styles.legendSwatch
-              }
-            ),
-            /* @__PURE__ */ jsx(ui.span, { className: "ui-chart__legend-label", children: value })
-          ]
-        },
-        `legend-${index}`
-      );
-    });
-    return /* @__PURE__ */ jsx(
-      ui.div,
-      {
-        ref,
-        className: cx("ui-chart__legend", className),
-        __css: styles.legend,
-        ...rest,
-        children: items
-      }
-    );
-  }
-);
-
-export {
-  ChartLegend
-};
-//# sourceMappingURL=chunk-NEGDEVRX.mjs.map

package/dist/chunk-NEGDEVRX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/chart-legend.tsx"],"sourcesContent":["import type { HTMLUIProps } from \"@yamada-ui/core\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { cx, type Dict } from \"@yamada-ui/utils\"\nimport { useLegend } from \"./use-chart\"\n\ntype ChartLegendOptions = {\n  payload?: Dict[]\n  onHighlight: (area: string | null) => void\n}\n\nexport type ChartLegendProps = HTMLUIProps<\"div\"> & ChartLegendOptions\n\nexport const ChartLegend = forwardRef<ChartLegendProps, \"div\">(\n  ({ className, payload = [], onHighlight, ...rest }, ref) => {\n    const { styles } = useLegend()\n\n    const items = payload.map(({ dataKey, value: valueProp, color }, index) => {\n      const value = dataKey ?? valueProp\n\n      return (\n        <ui.div\n          className=\"ui-chart__legend-item\"\n          key={`legend-${index}`}\n          onMouseEnter={() => onHighlight(value)}\n          onMouseLeave={() => onHighlight(null)}\n          __css={styles.legendItem}\n        >\n          <ui.div\n            className=\"ui-chart__legend-swatch\"\n            background={color}\n            __css={styles.legendSwatch}\n          />\n\n          <ui.span className=\"ui-chart__legend-label\">{value}</ui.span>\n        </ui.div>\n      )\n    })\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-chart__legend\", className)}\n        __css={styles.legend}\n        {...rest}\n      >\n        {items}\n      </ui.div>\n    )\n  },\n)\n"],"mappings":";;;;;;AACA,SAAS,YAAY,UAAU;AAC/B,SAAS,UAAqB;AAkBtB,SAOE,KAPF;AARD,IAAM,cAAc;AAAA,EACzB,CAAC,EAAE,WAAW,UAAU,CAAC,GAAG,aAAa,GAAG,KAAK,GAAG,QAAQ;AAC1D,UAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,UAAM,QAAQ,QAAQ,IAAI,CAAC,EAAE,SAAS,OAAO,WAAW,MAAM,GAAG,UAAU;AACzE,YAAM,QAAQ,4BAAW;AAEzB,aACE;AAAA,QAAC,GAAG;AAAA,QAAH;AAAA,UACC,WAAU;AAAA,UAEV,cAAc,MAAM,YAAY,KAAK;AAAA,UACrC,cAAc,MAAM,YAAY,IAAI;AAAA,UACpC,OAAO,OAAO;AAAA,UAEd;AAAA;AAAA,cAAC,GAAG;AAAA,cAAH;AAAA,gBACC,WAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO,OAAO;AAAA;AAAA,YAChB;AAAA,YAEA,oBAAC,GAAG,MAAH,EAAQ,WAAU,0BAA0B,iBAAM;AAAA;AAAA;AAAA,QAX9C,UAAU,KAAK;AAAA,MAYtB;AAAA,IAEJ,CAAC;AAED,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,oBAAoB,SAAS;AAAA,QAC3C,OAAO,OAAO;AAAA,QACb,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;","names":[]}