@yamada-ui/react 2.2.6 → 2.2.7-dev-20260804111744

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

@@ -1 +1 @@
-{"version":3,"file":"cartesian-chart.cjs","names":["createShouldForwardProp","createSlotComponent","cartesianChartStyle","useCartesianChart","Chart","varAttr","mergeProps","useSystem","useTheme","getCSS","useChartXAxis","styled","XAxis","useChartYAxis","YAxis","useChartGrid","CartesianGrid","useChartLine","Line","useChartArea","Area","useChartBar","Bar","useChartReferenceLine","ReferenceLine"],"sources":["../../../../src/components/chart/cartesian-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  ActiveDotProps,\n  DotProps,\n  LabelListProps,\n  LabelProps,\n} from \"recharts\"\nimport type {\n  CartesianChartProps as OriginalCartesianChartProps,\n  XAxisTickContentProps,\n  YAxisTickContentProps,\n} from \"recharts/types/util/types\"\nimport type {\n  CSSObject,\n  CSSProps,\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport type { CartesianChartStyle } from \"./cartesian-chart.style\"\nimport type {\n  ChartActiveDot,\n  ChartDot,\n  ChartLabel,\n  ChartLabelList,\n  ChartProps,\n  ChartTickLine,\n} from \"./chart\"\nimport type {\n  UseCartesianChartProps,\n  UseChartAreaProps,\n  UseChartBarProps,\n  UseChartGridProps,\n  UseChartLineProps,\n  UseChartReferenceLineProps,\n  UseChartXAxisProps,\n  UseChartYAxisProps,\n} from \"./use-cartesian-chart\"\nimport { cloneElement, isValidElement, useId, useMemo } from \"react\"\nimport {\n  Area,\n  Bar,\n  CartesianGrid,\n  Line,\n  ReferenceLine,\n  XAxis,\n  YAxis,\n} from \"recharts\"\nimport {\n  createShouldForwardProp,\n  createSlotComponent,\n  getCSS,\n  mergeProps,\n  styled,\n  useSystem,\n  useTheme,\n  varAttr,\n} from \"../../core\"\nimport { cx, isFunction, isObject, splitObject } from \"../../utils\"\nimport { cartesianChartStyle } from \"./cartesian-chart.style\"\nimport { Chart } from \"./chart\"\nimport {\n  useCartesianChart,\n  useChartArea,\n  useChartBar,\n  useChartGrid,\n  useChartLine,\n  useChartReferenceLine,\n  useChartXAxis,\n  useChartYAxis,\n} from \"./use-cartesian-chart\"\n\nconst shouldForwardProp = createShouldForwardProp()\n\ninterface ComponentContext extends Pick<\n  CartesianChartProps,\n  | \"areaProps\"\n  | \"barProps\"\n  | \"gridProps\"\n  | \"lineProps\"\n  | \"referenceLineProps\"\n  | \"xAxisProps\"\n  | \"yAxisProps\"\n> {}\n\nexport interface CartesianChartProps<Y extends Dict = Dict>\n  extends\n    ChartProps,\n    UseCartesianChartProps<Y>,\n    ThemeProps<CartesianChartStyle> {\n  /**\n   * The fill color of the active dots.\n   */\n  activeDotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the active dots.\n   */\n  activeDotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke color of the active dots.\n   */\n  activeDotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the active dots.\n   */\n  activeDotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The fill opacity of the area end.\n   */\n  areaEndFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The fill opacity of the area.\n   */\n  areaFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The fill opacity of the area start.\n   */\n  areaStartFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The color of the bars.\n   */\n  barColor?: CSSProps[\"color\"]\n  /**\n   * The fill color of the bars.\n   */\n  barFill?: CSSProps[\"fill\"]\n  /**\n   * The fill opacity of the bars.\n   */\n  barFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The stroke color of the bars.\n   */\n  barStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the bars.\n   */\n  barStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The fill color of the dots.\n   */\n  dotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the dots.\n   */\n  dotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke color of the dots.\n   */\n  dotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the dots.\n   */\n  dotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The stroke color of the grid.\n   */\n  gridStroke?: CSSProps[\"stroke\"]\n  /**\n   * The opacity of the inactive bars.\n   */\n  inactiveBarOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The opacity of the inactive lines.\n   */\n  inactiveLineOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The color of the lines.\n   */\n  lineColor?: CSSProps[\"color\"]\n  /**\n   * The stroke color of the lines.\n   */\n  lineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the lines.\n   */\n  lineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The color of the reference lines.\n   */\n  referenceLineColor?: CSSProps[\"color\"]\n  /**\n   * The stroke color of the reference lines.\n   */\n  referenceLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the reference lines.\n   */\n  referenceLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the reference lines.\n   */\n  referenceLineTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the reference lines.\n   */\n  referenceLineTextFill?: CSSProps[\"fill\"]\n  /**\n   * If `true`, grid is visible.\n   *\n   * @default true\n   */\n  withGrid?: boolean\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 false\n   */\n  withYAxis?: boolean\n  /**\n   * The stroke color of the x-axis lines.\n   */\n  xAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the x-axis lines.\n   */\n  xAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the x-axis.\n   */\n  xAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the x-axis.\n   */\n  xAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * The stroke color of the y-axis lines.\n   */\n  yAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the y-axis lines.\n   */\n  yAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the y-axis.\n   */\n  yAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the y-axis.\n   */\n  yAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * Props for the area component.\n   */\n  areaProps?: Omit<ChartAreaProps, \"data\" | \"dataKey\">\n  /**\n   * Props for the bar component.\n   */\n  barProps?: Omit<ChartBarProps, \"dataKey\">\n  /**\n   * Props for the line chart component.\n   */\n  chartProps?: Omit<OriginalCartesianChartProps, \"data\">\n  /**\n   * Props for the grid component.\n   */\n  gridProps?: ChartGridProps\n  /**\n   * Props for the line component.\n   */\n  lineProps?: Omit<ChartLineProps, \"data\" | \"dataKey\">\n  /**\n   * Props for the reference line component.\n   */\n  referenceLineProps?: ChartReferenceLineProps\n  /**\n   * Props for the x axis component.\n   */\n  xAxisProps?: ChartXAxisProps\n  /**\n   * Props for the y axis component.\n   */\n  yAxisProps?: ChartYAxisProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: CartesianChartPropsContext,\n  useComponentContext,\n  usePropsContext: useCartesianChartPropsContext,\n  withContext,\n  withProvider,\n  useSlotComponentProps,\n} = createSlotComponent<\n  CartesianChartProps,\n  CartesianChartStyle,\n  ComponentContext\n>(\"cartesian-chart\", cartesianChartStyle)\n\nexport { CartesianChartPropsContext, useCartesianChartPropsContext }\n\nexport const CartesianChart = withProvider(\n  <Y extends Dict = Dict>({\n    components: componentsProp,\n    render,\n    withGrid = true,\n    withXAxis = true,\n    withYAxis = false,\n    areaProps,\n    barProps,\n    chartProps,\n    gridProps,\n    lineProps,\n    referenceLineProps,\n    xAxisProps,\n    yAxisProps,\n    ...rest\n  }: CartesianChartProps<Y>) => {\n    const { getChartProps, getRootProps } = useCartesianChart(rest)\n    const components = useMemo(\n      () => [\n        {\n          component: ChartGrid,\n          fallback: withGrid ? <ChartGrid /> : null,\n        },\n        {\n          component: ChartXAxis,\n          fallback: <ChartXAxis hide={!withXAxis} />,\n        },\n        {\n          component: ChartYAxis,\n          fallback: <ChartYAxis hide={!withYAxis} />,\n        },\n        ...componentsProp,\n      ],\n      [componentsProp, withGrid, withXAxis, withYAxis],\n    )\n    const componentContext = useMemo(\n      () => ({\n        areaProps,\n        barProps,\n        gridProps,\n        lineProps,\n        referenceLineProps,\n        xAxisProps,\n        yAxisProps,\n      }),\n      [\n        areaProps,\n        barProps,\n        gridProps,\n        lineProps,\n        referenceLineProps,\n        xAxisProps,\n        yAxisProps,\n      ],\n    )\n\n    return (\n      <ComponentContext value={componentContext}>\n        <Chart\n          components={components}\n          render={(props) => render(getChartProps({ ...props, ...chartProps }))}\n          {...getRootProps()}\n        />\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)(\n  undefined,\n  ({\n    activeDotFill,\n    activeDotRadius,\n    activeDotStroke,\n    activeDotStrokeWidth,\n    areaEndFillOpacity,\n    areaFillOpacity,\n    areaStartFillOpacity,\n    barColor,\n    barFill,\n    barFillOpacity,\n    barStroke,\n    barStrokeWidth,\n    dotFill,\n    dotRadius,\n    dotStroke,\n    dotStrokeWidth,\n    gridStroke,\n    inactiveBarOpacity,\n    inactiveLineOpacity,\n    lineColor,\n    lineStroke,\n    lineStrokeWidth,\n    referenceLineColor,\n    referenceLineStroke,\n    referenceLineStrokeWidth,\n    referenceLineTextColor,\n    referenceLineTextFill,\n    xAxisLineStroke,\n    xAxisLineStrokeWidth,\n    xAxisTextColor,\n    xAxisTextFill,\n    yAxisLineStroke,\n    yAxisLineStrokeWidth,\n    yAxisTextColor,\n    yAxisTextFill,\n    ...rest\n  }) => ({\n    \"--active-dot-fill\": varAttr(activeDotFill, \"colors\"),\n    \"--active-dot-r\": activeDotRadius,\n    \"--active-dot-stroke\": varAttr(activeDotStroke, \"colors\"),\n    \"--active-dot-stroke-width\": activeDotStrokeWidth,\n    \"--area-end-fill-opacity\": areaEndFillOpacity,\n    \"--area-fill-opacity\": areaFillOpacity,\n    \"--area-start-fill-opacity\": areaStartFillOpacity,\n    \"--bar-color\": varAttr(barColor, \"colors\"),\n    \"--bar-fill\": varAttr(barFill, \"colors\"),\n    \"--bar-fill-opacity\": barFillOpacity,\n    \"--bar-stroke\": varAttr(barStroke, \"colors\"),\n    \"--bar-stroke-width\": barStrokeWidth,\n    \"--dot-fill\": varAttr(dotFill, \"colors\"),\n    \"--dot-r\": dotRadius,\n    \"--dot-stroke\": varAttr(dotStroke, \"colors\"),\n    \"--dot-stroke-width\": dotStrokeWidth,\n    \"--grid-stroke\": varAttr(gridStroke, \"colors\"),\n    \"--inactive-bar-opacity\": inactiveBarOpacity,\n    \"--inactive-line-opacity\": inactiveLineOpacity,\n    \"--line-color\": varAttr(lineColor, \"colors\"),\n    \"--line-stroke\": varAttr(lineStroke, \"colors\"),\n    \"--line-stroke-width\": lineStrokeWidth,\n    \"--reference-line-color\": varAttr(referenceLineColor, \"colors\"),\n    \"--reference-line-stroke\": varAttr(referenceLineStroke, \"colors\"),\n    \"--reference-line-stroke-width\": referenceLineStrokeWidth,\n    \"--reference-line-text-color\": varAttr(referenceLineTextColor, \"colors\"),\n    \"--reference-line-text-fill\": varAttr(referenceLineTextFill, \"colors\"),\n    \"--x-axis-line-stroke\": varAttr(xAxisLineStroke, \"colors\"),\n    \"--x-axis-line-stroke-width\": xAxisLineStrokeWidth,\n    \"--x-axis-text-color\": varAttr(xAxisTextColor, \"colors\"),\n    \"--x-axis-text-fill\": varAttr(xAxisTextFill, \"colors\"),\n    \"--y-axis-line-stroke\": varAttr(yAxisLineStroke, \"colors\"),\n    \"--y-axis-line-stroke-width\": yAxisLineStrokeWidth,\n    \"--y-axis-text-color\": varAttr(yAxisTextColor, \"colors\"),\n    \"--y-axis-text-fill\": varAttr(yAxisTextFill, \"colors\"),\n    ...rest,\n  }),\n) as GenericsComponent<{\n  <Y extends Dict = Dict>(props: CartesianChartProps<Y>): ReactElement\n}>\n\nexport type ChartXAxisTick =\n  | ((props: XAxisTickContentProps) => ReactNode)\n  | boolean\n  | HTMLStyledProps<\"text\">\n  | ReactElement\n\nexport interface ChartXAxisProps extends Merge<\n  HTMLStyledProps<\"svg\">,\n  Omit<UseChartXAxisProps, \"label\" | \"tick\" | \"tickLine\">\n> {\n  /**\n   * The label to use for the axis.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n  /**\n   * The tick to use for the axis.\n   *\n   * @default true\n   */\n  tick?: ChartXAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartXAxis = withContext<\"svg\", ChartXAxisProps>((props) => {\n  const { xAxisProps } = useComponentContext()\n  const {\n    children,\n    label: labelProp = false,\n    tick: tickProp = true,\n    tickLine: tickLineProp = false,\n    ...rest\n  } = mergeProps(xAxisProps, props)()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const tickProps = useSlotComponentProps({}, \"xAxisTick\")\n  const labelProps = useSlotComponentProps({}, \"xAxisLabel\")\n  const tickLineProps = useSlotComponentProps({}, \"xAxisTickLine\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const tick = useMemo<UseChartXAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n\n    const className = cx(tickProps.className, css(tickProps.css))\n\n    if (isFunction(tickProp)) {\n      return (props) =>\n        tickProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(tickProp)) {\n      return cloneElement<any>(tickProp, { className })\n    } else if (isObject(tickProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        XAxisTickContentProps,\n        CSSObject\n      >(tickProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickProp, tickProps.className, tickProps.css, css])\n  const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n    if (isObject(tickLineProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"line\">,\n        CSSObject\n      >(tickLineProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickLineProp, tickLineProps.className, tickLineProps.css, css])\n  const label = useMemo<UseChartXAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className, children: labelProp }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getRootProps, getXAxisProps } = useChartXAxis({\n    label,\n    tick,\n    tickLine,\n    ...rest,\n  })\n\n  return (\n    <styled.svg asChild {...getRootProps()}>\n      <XAxis {...getXAxisProps()}>{children}</XAxis>\n    </styled.svg>\n  )\n}, \"xAxis\")()\n\nexport type ChartYAxisTick =\n  | ((props: YAxisTickContentProps) => ReactNode)\n  | boolean\n  | HTMLStyledProps<\"text\">\n  | ReactElement\n\nexport interface ChartYAxisProps extends Merge<\n  HTMLStyledProps<\"svg\">,\n  Omit<UseChartYAxisProps, \"label\" | \"tick\" | \"tickLine\">\n> {\n  /**\n   * The label to use for the axis.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n  /**\n   * The tick to use for the axis.\n   *\n   * @default true\n   */\n  tick?: ChartYAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartYAxis = withContext<\"svg\", ChartYAxisProps>((props) => {\n  const { yAxisProps } = useComponentContext()\n  const {\n    children,\n    label: labelProp = false,\n    tick: tickProp = true,\n    tickLine: tickLineProp = false,\n    ...rest\n  } = mergeProps(yAxisProps, props)()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const tickProps = useSlotComponentProps({}, \"yAxisTick\")\n  const labelProps = useSlotComponentProps({}, \"yAxisLabel\")\n  const tickLineProps = useSlotComponentProps({}, \"yAxisTickLine\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const tick = useMemo<UseChartYAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n\n    const className = cx(tickProps.className, css(tickProps.css))\n\n    if (isFunction(tickProp)) {\n      return (props) =>\n        tickProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(tickProp)) {\n      return cloneElement<any>(tickProp, { className })\n    } else if (isObject(tickProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        YAxisTickContentProps,\n        CSSObject\n      >(tickProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickProp, tickProps.className, tickProps.css, css])\n  const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n    if (isObject(tickLineProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"line\">,\n        CSSObject\n      >(tickLineProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickLineProp, tickLineProps.className, tickLineProps.css, css])\n  const label = useMemo<UseChartYAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className, children: labelProp }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getRootProps, getYAxisProps } = useChartYAxis({\n    label,\n    tick,\n    tickLine,\n    ...rest,\n  })\n\n  return (\n    <styled.svg asChild {...getRootProps()}>\n      <YAxis {...getYAxisProps()}>{children}</YAxis>\n    </styled.svg>\n  )\n}, \"yAxis\")()\n\nexport interface ChartGridProps extends Merge<\n  HTMLStyledProps<\"line\">,\n  UseChartGridProps\n> {}\n\nexport const ChartGrid = withContext<\"line\", ChartGridProps>((props) => {\n  const { gridProps } = useComponentContext()\n  const { getGridProps, getRootProps } = useChartGrid({\n    ...gridProps,\n    ...props,\n  })\n\n  return (\n    <styled.line asChild {...getRootProps()}>\n      <CartesianGrid {...getGridProps()} />\n    </styled.line>\n  )\n}, \"grid\")()\n\nexport interface ChartLineProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"line\">,\n  Omit<\n    UseChartLineProps,\n    \"activeDot\" | \"data\" | \"dataKey\" | \"dot\" | \"label\" | \"stroke\"\n  >\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The active dot to use for the line.\n   *\n   * @default true\n   */\n  activeDot?: ChartActiveDot\n  /**\n   * The data to use for the line.\n   */\n  data?: Y[]\n  /**\n   * The dot to use for the line.\n   *\n   * @default false\n   */\n  dot?: ChartDot\n  /**\n   * The label list to use for the line.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n}\n\nexport const ChartLine = withContext<\"line\", ChartLineProps>((props) => {\n  const { lineProps } = useComponentContext()\n  const {\n    activeDot: activeDotProp = true,\n    children,\n    dataKey,\n    dot: dotProp = false,\n    label: labelProp = false,\n    stroke: strokeProp,\n    ...rest\n  } = mergeProps(lineProps, props)()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const color = strokeProp ?? rest.color\n  const stroke = JSON.stringify(color)\n  const dotProps = useSlotComponentProps({}, \"dot\")\n  const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n\n    const className = cx(\n      dotProps.className,\n      css(dotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(dotProp)) {\n      return (props) =>\n        dotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(dotProp)) {\n      return cloneElement<any>(dotProp, { className })\n    } else if (isObject(dotProp)) {\n      const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n        dotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [dotProp, dotProps.className, dotProps.css, css, color])\n  const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n\n    const className = cx(\n      activeDotProps.className,\n      css(activeDotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(activeDotProp)) {\n      return (props) =>\n        activeDotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(activeDotProp)) {\n      return cloneElement<any>(activeDotProp, { className })\n    } else if (isObject(activeDotProp)) {\n      const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n        activeDotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [activeDotProp, activeDotProps.className, activeDotProps.css, css, color])\n  const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getLineProps, getRootProps } = useChartLine({\n    activeDot,\n    dataKey,\n    dot,\n    label,\n    stroke,\n    ...rest,\n  })\n\n  return (\n    <styled.line asChild {...getRootProps()}>\n      <Line {...getLineProps()}>{children}</Line>\n    </styled.line>\n  )\n}, \"line\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartLineProps<Y>): ReactElement\n}>\n\nexport interface ChartAreaGradient {\n  end?: CSSProps[\"stopColor\"]\n  start?: CSSProps[\"stopColor\"]\n}\n\nexport interface ChartAreaProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"line\">,\n  Omit<\n    UseChartAreaProps,\n    \"activeDot\" | \"data\" | \"dataKey\" | \"dot\" | \"label\" | \"stroke\"\n  >\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The active dot to use for the line.\n   *\n   * @default true\n   */\n  activeDot?: ChartActiveDot\n  /**\n   * The data to use for the area.\n   */\n  data?: Y[]\n  /**\n   * The dot to use for the line.\n   *\n   * @default false\n   */\n  dot?: ChartDot\n  /**\n   * The gradient to use for the area.\n   */\n  gradient?: ChartAreaGradient\n  /**\n   * The label list to use for the line.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n  /**\n   * Determines whether the chart area should be represented with a gradient instead of the solid color.\n   */\n  withGradient?: boolean\n}\n\nexport const ChartArea = withContext<\"line\", ChartAreaProps>((props) => {\n  const { areaProps } = useComponentContext()\n  const {\n    activeDot: activeDotProp = true,\n    children,\n    dataKey,\n    dot: dotProp = false,\n    gradient,\n    label: labelProp = false,\n    stroke: strokeProp,\n    withGradient,\n    ...rest\n  } = mergeProps(areaProps, props)()\n  const id = useId()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const color = strokeProp ?? rest.fill ?? rest.color\n  const stroke = JSON.stringify(color)\n  const dotProps = useSlotComponentProps({}, \"dot\")\n  const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n\n    const className = cx(\n      dotProps.className,\n      css(dotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(dotProp)) {\n      return (props) =>\n        dotProp({\n          ...props,\n          className: cx(className, props.className),\n        })\n    } else if (isValidElement(dotProp)) {\n      return cloneElement<any>(dotProp, {\n        className,\n      })\n    } else if (isObject(dotProp)) {\n      const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n        dotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [dotProp, dotProps.className, dotProps.css, css, color])\n  const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n\n    const className = cx(\n      activeDotProps.className,\n      css(activeDotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(activeDotProp)) {\n      return (props) =>\n        activeDotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(activeDotProp)) {\n      return cloneElement<any>(activeDotProp, { className })\n    } else if (isObject(activeDotProp)) {\n      const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n        activeDotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [activeDotProp, activeDotProps.className, activeDotProps.css, css, color])\n  const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getAreaProps, getRootProps } = useChartArea({\n    activeDot,\n    dataKey,\n    dot,\n    fill: color ? `url(#${id})` : \"\",\n    label,\n    stroke,\n    ...rest,\n  })\n\n  return (\n    <>\n      <styled.line asChild {...getRootProps()}>\n        <Area {...getAreaProps()}>{children}</Area>\n      </styled.line>\n\n      <defs>\n        {withGradient ? (\n          <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n            <styled.stop\n              asChild\n              stopColor={color}\n              stopOpacity={gradient?.start ?? \"{area-start-fill-opacity}\"}\n            >\n              <stop offset=\"5%\" />\n            </styled.stop>\n            <styled.stop\n              asChild\n              stopColor={color}\n              stopOpacity={gradient?.end ?? \"{area-end-fill-opacity}\"}\n            >\n              <stop offset=\"95%\" />\n            </styled.stop>\n          </linearGradient>\n        ) : (\n          <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n            <styled.stop\n              stopColor={color}\n              stopOpacity={rest.fillOpacity ?? \"{area-fill-opacity}\"}\n            />\n          </linearGradient>\n        )}\n      </defs>\n    </>\n  )\n}, \"area\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartAreaProps<Y>): ReactElement\n}>\n\nexport interface ChartBarProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"path\">,\n  Omit<UseChartBarProps, \"dataKey\" | \"fill\" | \"label\">\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The label list to use for the bar.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n}\n\nexport const ChartBar = withContext<\"path\", ChartBarProps>((props) => {\n  const { barProps } = useComponentContext()\n  const {\n    children,\n    dataKey,\n    fill: fillProp,\n    label: labelProp = false,\n    ...rest\n  } = mergeProps(barProps, props)()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const color = fillProp ?? rest.color\n  const fill = JSON.stringify(color)\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const label = useMemo<UseChartBarProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getBarProps, getRootProps } = useChartBar({\n    dataKey,\n    fill,\n    label,\n    ...rest,\n  })\n\n  return (\n    <styled.path asChild {...getRootProps()}>\n      <Bar {...getBarProps()}>{children}</Bar>\n    </styled.path>\n  )\n}, \"bar\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartBarProps<Y>): ReactElement\n}>\n\nexport interface ChartReferenceLineProps extends Omit<\n  Merge<HTMLStyledProps<\"line\">, UseChartReferenceLineProps>,\n  \"label\"\n> {\n  /**\n   * The label to use for the reference line.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n}\n\nexport const ChartReferenceLine = withContext<\"line\", ChartReferenceLineProps>(\n  (props) => {\n    const { referenceLineProps } = useComponentContext()\n    const { label: labelProp = false, ...rest } = {\n      ...referenceLineProps,\n      ...props,\n    }\n    const system = useSystem()\n    const { theme } = useTheme()\n    const labelProps = useSlotComponentProps({}, \"referenceLineLabel\")\n    const css = useMemo(() => getCSS(system, theme), [system, theme])\n    const label = useMemo<UseChartReferenceLineProps[\"label\"]>(() => {\n      if (!labelProp) return labelProp\n\n      const className = cx(labelProps.className, css(labelProps.css))\n\n      if (isFunction(labelProp)) {\n        return (props) =>\n          labelProp({ ...props, className: cx(className, props.className) })\n      } else if (isValidElement(labelProp)) {\n        return cloneElement<any>(labelProp, { className })\n      } else if (isObject(labelProp)) {\n        const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n          labelProp,\n          shouldForwardProp,\n        )\n\n        return {\n          ...omittedProps,\n          className: cx(className, omittedProps.className, css(styleProps)),\n        }\n      } else {\n        return { className, children: labelProp }\n      }\n    }, [labelProp, labelProps.className, labelProps.css, css])\n    const { getReferenceLineProps, getRootProps } = useChartReferenceLine({\n      label,\n      ...rest,\n    })\n\n    return (\n      <styled.line asChild {...getRootProps()}>\n        <ReferenceLine {...getReferenceLineProps()} />\n      </styled.line>\n    )\n  },\n  \"referenceLine\",\n)()\n"],"mappings":"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"}
+{"version":3,"file":"cartesian-chart.cjs","names":["createShouldForwardProp","createSlotComponent","cartesianChartStyle","useCartesianChart","useMemo","Chart","varAttr","mergeProps","useSystem","useTheme","getCSS","isValidElement","cloneElement","useChartXAxis","styled","XAxis","useChartYAxis","YAxis","useChartGrid","CartesianGrid","useChartLine","Line","useId","useChartArea","Area","useChartBar","Bar","useChartReferenceLine","ReferenceLine"],"sources":["../../../../src/components/chart/cartesian-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  ActiveDotProps,\n  DotProps,\n  LabelListProps,\n  LabelProps,\n} from \"recharts\"\nimport type {\n  CartesianChartProps as OriginalCartesianChartProps,\n  XAxisTickContentProps,\n  YAxisTickContentProps,\n} from \"recharts/types/util/types\"\nimport type {\n  CSSObject,\n  CSSProps,\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport type { CartesianChartStyle } from \"./cartesian-chart.style\"\nimport type {\n  ChartActiveDot,\n  ChartDot,\n  ChartLabel,\n  ChartLabelList,\n  ChartProps,\n  ChartTickLine,\n} from \"./chart\"\nimport type {\n  UseCartesianChartProps,\n  UseChartAreaProps,\n  UseChartBarProps,\n  UseChartGridProps,\n  UseChartLineProps,\n  UseChartReferenceLineProps,\n  UseChartXAxisProps,\n  UseChartYAxisProps,\n} from \"./use-cartesian-chart\"\nimport { cloneElement, isValidElement, useId, useMemo } from \"react\"\nimport {\n  Area,\n  Bar,\n  CartesianGrid,\n  Line,\n  ReferenceLine,\n  XAxis,\n  YAxis,\n} from \"recharts\"\nimport {\n  createShouldForwardProp,\n  createSlotComponent,\n  getCSS,\n  mergeProps,\n  styled,\n  useSystem,\n  useTheme,\n  varAttr,\n} from \"../../core\"\nimport { cx, isFunction, isObject, splitObject } from \"../../utils\"\nimport { cartesianChartStyle } from \"./cartesian-chart.style\"\nimport { Chart } from \"./chart\"\nimport {\n  useCartesianChart,\n  useChartArea,\n  useChartBar,\n  useChartGrid,\n  useChartLine,\n  useChartReferenceLine,\n  useChartXAxis,\n  useChartYAxis,\n} from \"./use-cartesian-chart\"\n\nconst shouldForwardProp = createShouldForwardProp()\n\ninterface ComponentContext extends Pick<\n  CartesianChartProps,\n  | \"areaProps\"\n  | \"barProps\"\n  | \"gridProps\"\n  | \"lineProps\"\n  | \"referenceLineProps\"\n  | \"xAxisProps\"\n  | \"yAxisProps\"\n> {}\n\nexport interface CartesianChartProps<Y extends Dict = Dict>\n  extends\n    ChartProps,\n    UseCartesianChartProps<Y>,\n    ThemeProps<CartesianChartStyle> {\n  /**\n   * The fill color of the active dots.\n   */\n  activeDotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the active dots.\n   */\n  activeDotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke color of the active dots.\n   */\n  activeDotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the active dots.\n   */\n  activeDotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The fill opacity of the area end.\n   */\n  areaEndFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The fill opacity of the area.\n   */\n  areaFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The fill opacity of the area start.\n   */\n  areaStartFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The color of the bars.\n   */\n  barColor?: CSSProps[\"color\"]\n  /**\n   * The fill color of the bars.\n   */\n  barFill?: CSSProps[\"fill\"]\n  /**\n   * The fill opacity of the bars.\n   */\n  barFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The stroke color of the bars.\n   */\n  barStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the bars.\n   */\n  barStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The fill color of the dots.\n   */\n  dotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the dots.\n   */\n  dotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke color of the dots.\n   */\n  dotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the dots.\n   */\n  dotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The stroke color of the grid.\n   */\n  gridStroke?: CSSProps[\"stroke\"]\n  /**\n   * The opacity of the inactive bars.\n   */\n  inactiveBarOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The opacity of the inactive lines.\n   */\n  inactiveLineOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The color of the lines.\n   */\n  lineColor?: CSSProps[\"color\"]\n  /**\n   * The stroke color of the lines.\n   */\n  lineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the lines.\n   */\n  lineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The color of the reference lines.\n   */\n  referenceLineColor?: CSSProps[\"color\"]\n  /**\n   * The stroke color of the reference lines.\n   */\n  referenceLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the reference lines.\n   */\n  referenceLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the reference lines.\n   */\n  referenceLineTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the reference lines.\n   */\n  referenceLineTextFill?: CSSProps[\"fill\"]\n  /**\n   * If `true`, grid is visible.\n   *\n   * @default true\n   */\n  withGrid?: boolean\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 false\n   */\n  withYAxis?: boolean\n  /**\n   * The stroke color of the x-axis lines.\n   */\n  xAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the x-axis lines.\n   */\n  xAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the x-axis.\n   */\n  xAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the x-axis.\n   */\n  xAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * The stroke color of the y-axis lines.\n   */\n  yAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The stroke width of the y-axis lines.\n   */\n  yAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The text color of the y-axis.\n   */\n  yAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The text fill color of the y-axis.\n   */\n  yAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * Props for the area component.\n   */\n  areaProps?: Omit<ChartAreaProps, \"data\" | \"dataKey\">\n  /**\n   * Props for the bar component.\n   */\n  barProps?: Omit<ChartBarProps, \"dataKey\">\n  /**\n   * Props for the line chart component.\n   */\n  chartProps?: Omit<OriginalCartesianChartProps, \"data\">\n  /**\n   * Props for the grid component.\n   */\n  gridProps?: ChartGridProps\n  /**\n   * Props for the line component.\n   */\n  lineProps?: Omit<ChartLineProps, \"data\" | \"dataKey\">\n  /**\n   * Props for the reference line component.\n   */\n  referenceLineProps?: ChartReferenceLineProps\n  /**\n   * Props for the x axis component.\n   */\n  xAxisProps?: ChartXAxisProps\n  /**\n   * Props for the y axis component.\n   */\n  yAxisProps?: ChartYAxisProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: CartesianChartPropsContext,\n  useComponentContext,\n  usePropsContext: useCartesianChartPropsContext,\n  withContext,\n  withProvider,\n  useSlotComponentProps,\n} = createSlotComponent<\n  CartesianChartProps,\n  CartesianChartStyle,\n  ComponentContext\n>(\"cartesian-chart\", cartesianChartStyle)\n\nexport { CartesianChartPropsContext, useCartesianChartPropsContext }\n\nexport const CartesianChart = withProvider(\n  <Y extends Dict = Dict>({\n    components: componentsProp,\n    render,\n    withGrid = true,\n    withXAxis = true,\n    withYAxis = false,\n    areaProps,\n    barProps,\n    chartProps,\n    gridProps,\n    lineProps,\n    referenceLineProps,\n    xAxisProps,\n    yAxisProps,\n    ...rest\n  }: CartesianChartProps<Y>) => {\n    const { getChartProps, getRootProps } = useCartesianChart(rest)\n    const components = useMemo(\n      () => [\n        {\n          component: ChartGrid,\n          fallback: withGrid ? <ChartGrid /> : null,\n        },\n        {\n          component: ChartXAxis,\n          fallback: <ChartXAxis hide={!withXAxis} />,\n        },\n        {\n          component: ChartYAxis,\n          fallback: <ChartYAxis hide={!withYAxis} />,\n        },\n        ...componentsProp,\n      ],\n      [componentsProp, withGrid, withXAxis, withYAxis],\n    )\n    const componentContext = useMemo(\n      () => ({\n        areaProps,\n        barProps,\n        gridProps,\n        lineProps,\n        referenceLineProps,\n        xAxisProps,\n        yAxisProps,\n      }),\n      [\n        areaProps,\n        barProps,\n        gridProps,\n        lineProps,\n        referenceLineProps,\n        xAxisProps,\n        yAxisProps,\n      ],\n    )\n\n    return (\n      <ComponentContext value={componentContext}>\n        <Chart\n          components={components}\n          render={(props) => render(getChartProps({ ...props, ...chartProps }))}\n          {...getRootProps()}\n        />\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)(\n  undefined,\n  ({\n    activeDotFill,\n    activeDotRadius,\n    activeDotStroke,\n    activeDotStrokeWidth,\n    areaEndFillOpacity,\n    areaFillOpacity,\n    areaStartFillOpacity,\n    barColor,\n    barFill,\n    barFillOpacity,\n    barStroke,\n    barStrokeWidth,\n    dotFill,\n    dotRadius,\n    dotStroke,\n    dotStrokeWidth,\n    gridStroke,\n    inactiveBarOpacity,\n    inactiveLineOpacity,\n    lineColor,\n    lineStroke,\n    lineStrokeWidth,\n    referenceLineColor,\n    referenceLineStroke,\n    referenceLineStrokeWidth,\n    referenceLineTextColor,\n    referenceLineTextFill,\n    xAxisLineStroke,\n    xAxisLineStrokeWidth,\n    xAxisTextColor,\n    xAxisTextFill,\n    yAxisLineStroke,\n    yAxisLineStrokeWidth,\n    yAxisTextColor,\n    yAxisTextFill,\n    ...rest\n  }) => ({\n    \"--active-dot-fill\": varAttr(activeDotFill, \"colors\"),\n    \"--active-dot-r\": activeDotRadius,\n    \"--active-dot-stroke\": varAttr(activeDotStroke, \"colors\"),\n    \"--active-dot-stroke-width\": activeDotStrokeWidth,\n    \"--area-end-fill-opacity\": areaEndFillOpacity,\n    \"--area-fill-opacity\": areaFillOpacity,\n    \"--area-start-fill-opacity\": areaStartFillOpacity,\n    \"--bar-color\": varAttr(barColor, \"colors\"),\n    \"--bar-fill\": varAttr(barFill, \"colors\"),\n    \"--bar-fill-opacity\": barFillOpacity,\n    \"--bar-stroke\": varAttr(barStroke, \"colors\"),\n    \"--bar-stroke-width\": barStrokeWidth,\n    \"--dot-fill\": varAttr(dotFill, \"colors\"),\n    \"--dot-r\": dotRadius,\n    \"--dot-stroke\": varAttr(dotStroke, \"colors\"),\n    \"--dot-stroke-width\": dotStrokeWidth,\n    \"--grid-stroke\": varAttr(gridStroke, \"colors\"),\n    \"--inactive-bar-opacity\": inactiveBarOpacity,\n    \"--inactive-line-opacity\": inactiveLineOpacity,\n    \"--line-color\": varAttr(lineColor, \"colors\"),\n    \"--line-stroke\": varAttr(lineStroke, \"colors\"),\n    \"--line-stroke-width\": lineStrokeWidth,\n    \"--reference-line-color\": varAttr(referenceLineColor, \"colors\"),\n    \"--reference-line-stroke\": varAttr(referenceLineStroke, \"colors\"),\n    \"--reference-line-stroke-width\": referenceLineStrokeWidth,\n    \"--reference-line-text-color\": varAttr(referenceLineTextColor, \"colors\"),\n    \"--reference-line-text-fill\": varAttr(referenceLineTextFill, \"colors\"),\n    \"--x-axis-line-stroke\": varAttr(xAxisLineStroke, \"colors\"),\n    \"--x-axis-line-stroke-width\": xAxisLineStrokeWidth,\n    \"--x-axis-text-color\": varAttr(xAxisTextColor, \"colors\"),\n    \"--x-axis-text-fill\": varAttr(xAxisTextFill, \"colors\"),\n    \"--y-axis-line-stroke\": varAttr(yAxisLineStroke, \"colors\"),\n    \"--y-axis-line-stroke-width\": yAxisLineStrokeWidth,\n    \"--y-axis-text-color\": varAttr(yAxisTextColor, \"colors\"),\n    \"--y-axis-text-fill\": varAttr(yAxisTextFill, \"colors\"),\n    ...rest,\n  }),\n) as GenericsComponent<{\n  <Y extends Dict = Dict>(props: CartesianChartProps<Y>): ReactElement\n}>\n\nexport type ChartXAxisTick =\n  | ((props: XAxisTickContentProps) => ReactNode)\n  | boolean\n  | HTMLStyledProps<\"text\">\n  | ReactElement\n\nexport interface ChartXAxisProps extends Merge<\n  HTMLStyledProps<\"svg\">,\n  Omit<UseChartXAxisProps, \"label\" | \"tick\" | \"tickLine\">\n> {\n  /**\n   * The label to use for the axis.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n  /**\n   * The tick to use for the axis.\n   *\n   * @default true\n   */\n  tick?: ChartXAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartXAxis = withContext<\"svg\", ChartXAxisProps>((props) => {\n  const { xAxisProps } = useComponentContext()\n  const {\n    children,\n    label: labelProp = false,\n    tick: tickProp = true,\n    tickLine: tickLineProp = false,\n    ...rest\n  } = mergeProps(xAxisProps, props)()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const tickProps = useSlotComponentProps({}, \"xAxisTick\")\n  const labelProps = useSlotComponentProps({}, \"xAxisLabel\")\n  const tickLineProps = useSlotComponentProps({}, \"xAxisTickLine\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const tick = useMemo<UseChartXAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n\n    const className = cx(tickProps.className, css(tickProps.css))\n\n    if (isFunction(tickProp)) {\n      return (props) =>\n        tickProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(tickProp)) {\n      return cloneElement<any>(tickProp, { className })\n    } else if (isObject(tickProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        XAxisTickContentProps,\n        CSSObject\n      >(tickProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickProp, tickProps.className, tickProps.css, css])\n  const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n    if (isObject(tickLineProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"line\">,\n        CSSObject\n      >(tickLineProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickLineProp, tickLineProps.className, tickLineProps.css, css])\n  const label = useMemo<UseChartXAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className, children: labelProp }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getRootProps, getXAxisProps } = useChartXAxis({\n    label,\n    tick,\n    tickLine,\n    ...rest,\n  })\n\n  return (\n    <styled.svg asChild {...getRootProps()}>\n      <XAxis {...getXAxisProps()}>{children}</XAxis>\n    </styled.svg>\n  )\n}, \"xAxis\")()\n\nexport type ChartYAxisTick =\n  | ((props: YAxisTickContentProps) => ReactNode)\n  | boolean\n  | HTMLStyledProps<\"text\">\n  | ReactElement\n\nexport interface ChartYAxisProps extends Merge<\n  HTMLStyledProps<\"svg\">,\n  Omit<UseChartYAxisProps, \"label\" | \"tick\" | \"tickLine\">\n> {\n  /**\n   * The label to use for the axis.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n  /**\n   * The tick to use for the axis.\n   *\n   * @default true\n   */\n  tick?: ChartYAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartYAxis = withContext<\"svg\", ChartYAxisProps>((props) => {\n  const { yAxisProps } = useComponentContext()\n  const {\n    children,\n    label: labelProp = false,\n    tick: tickProp = true,\n    tickLine: tickLineProp = false,\n    ...rest\n  } = mergeProps(yAxisProps, props)()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const tickProps = useSlotComponentProps({}, \"yAxisTick\")\n  const labelProps = useSlotComponentProps({}, \"yAxisLabel\")\n  const tickLineProps = useSlotComponentProps({}, \"yAxisTickLine\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const tick = useMemo<UseChartYAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n\n    const className = cx(tickProps.className, css(tickProps.css))\n\n    if (isFunction(tickProp)) {\n      return (props) =>\n        tickProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(tickProp)) {\n      return cloneElement<any>(tickProp, { className })\n    } else if (isObject(tickProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        YAxisTickContentProps,\n        CSSObject\n      >(tickProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickProp, tickProps.className, tickProps.css, css])\n  const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n    if (isObject(tickLineProp)) {\n      const [omittedProps, styleProps] = splitObject<\n        HTMLProps<\"line\">,\n        CSSObject\n      >(tickLineProp, shouldForwardProp)\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [tickLineProp, tickLineProps.className, tickLineProps.css, css])\n  const label = useMemo<UseChartYAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className, children: labelProp }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getRootProps, getYAxisProps } = useChartYAxis({\n    label,\n    tick,\n    tickLine,\n    ...rest,\n  })\n\n  return (\n    <styled.svg asChild {...getRootProps()}>\n      <YAxis {...getYAxisProps()}>{children}</YAxis>\n    </styled.svg>\n  )\n}, \"yAxis\")()\n\nexport interface ChartGridProps extends Merge<\n  HTMLStyledProps<\"line\">,\n  UseChartGridProps\n> {}\n\nexport const ChartGrid = withContext<\"line\", ChartGridProps>((props) => {\n  const { gridProps } = useComponentContext()\n  const { getGridProps, getRootProps } = useChartGrid({\n    ...gridProps,\n    ...props,\n  })\n\n  return (\n    <styled.line asChild {...getRootProps()}>\n      <CartesianGrid {...getGridProps()} />\n    </styled.line>\n  )\n}, \"grid\")()\n\nexport interface ChartLineProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"line\">,\n  Omit<\n    UseChartLineProps,\n    \"activeDot\" | \"data\" | \"dataKey\" | \"dot\" | \"label\" | \"stroke\"\n  >\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The active dot to use for the line.\n   *\n   * @default true\n   */\n  activeDot?: ChartActiveDot\n  /**\n   * The data to use for the line.\n   */\n  data?: Y[]\n  /**\n   * The dot to use for the line.\n   *\n   * @default false\n   */\n  dot?: ChartDot\n  /**\n   * The label list to use for the line.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n}\n\nexport const ChartLine = withContext<\"line\", ChartLineProps>((props) => {\n  const { lineProps } = useComponentContext()\n  const {\n    activeDot: activeDotProp = true,\n    children,\n    dataKey,\n    dot: dotProp = false,\n    label: labelProp = false,\n    stroke: strokeProp,\n    ...rest\n  } = mergeProps(lineProps, props)()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const color = strokeProp ?? rest.color\n  const stroke = JSON.stringify(color)\n  const dotProps = useSlotComponentProps({}, \"dot\")\n  const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n\n    const className = cx(\n      dotProps.className,\n      css(dotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(dotProp)) {\n      return (props) =>\n        dotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(dotProp)) {\n      return cloneElement<any>(dotProp, { className })\n    } else if (isObject(dotProp)) {\n      const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n        dotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [dotProp, dotProps.className, dotProps.css, css, color])\n  const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n\n    const className = cx(\n      activeDotProps.className,\n      css(activeDotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(activeDotProp)) {\n      return (props) =>\n        activeDotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(activeDotProp)) {\n      return cloneElement<any>(activeDotProp, { className })\n    } else if (isObject(activeDotProp)) {\n      const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n        activeDotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [activeDotProp, activeDotProps.className, activeDotProps.css, css, color])\n  const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getLineProps, getRootProps } = useChartLine({\n    activeDot,\n    dataKey,\n    dot,\n    label,\n    stroke,\n    ...rest,\n  })\n\n  return (\n    <styled.line asChild {...getRootProps()}>\n      <Line {...getLineProps()}>{children}</Line>\n    </styled.line>\n  )\n}, \"line\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartLineProps<Y>): ReactElement\n}>\n\nexport interface ChartAreaGradient {\n  end?: CSSProps[\"stopColor\"]\n  start?: CSSProps[\"stopColor\"]\n}\n\nexport interface ChartAreaProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"line\">,\n  Omit<\n    UseChartAreaProps,\n    \"activeDot\" | \"data\" | \"dataKey\" | \"dot\" | \"label\" | \"stroke\"\n  >\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The active dot to use for the line.\n   *\n   * @default true\n   */\n  activeDot?: ChartActiveDot\n  /**\n   * The data to use for the area.\n   */\n  data?: Y[]\n  /**\n   * The dot to use for the line.\n   *\n   * @default false\n   */\n  dot?: ChartDot\n  /**\n   * The gradient to use for the area.\n   */\n  gradient?: ChartAreaGradient\n  /**\n   * The label list to use for the line.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n  /**\n   * Determines whether the chart area should be represented with a gradient instead of the solid color.\n   */\n  withGradient?: boolean\n}\n\nexport const ChartArea = withContext<\"line\", ChartAreaProps>((props) => {\n  const { areaProps } = useComponentContext()\n  const {\n    activeDot: activeDotProp = true,\n    children,\n    dataKey,\n    dot: dotProp = false,\n    gradient,\n    label: labelProp = false,\n    stroke: strokeProp,\n    withGradient,\n    ...rest\n  } = mergeProps(areaProps, props)()\n  const id = useId()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const color = strokeProp ?? rest.fill ?? rest.color\n  const stroke = JSON.stringify(color)\n  const dotProps = useSlotComponentProps({}, \"dot\")\n  const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n\n    const className = cx(\n      dotProps.className,\n      css(dotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(dotProp)) {\n      return (props) =>\n        dotProp({\n          ...props,\n          className: cx(className, props.className),\n        })\n    } else if (isValidElement(dotProp)) {\n      return cloneElement<any>(dotProp, {\n        className,\n      })\n    } else if (isObject(dotProp)) {\n      const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n        dotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [dotProp, dotProps.className, dotProps.css, css, color])\n  const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n\n    const className = cx(\n      activeDotProps.className,\n      css(activeDotProps.css),\n      css({ fill: color, stroke: color }),\n    )\n\n    if (isFunction(activeDotProp)) {\n      return (props) =>\n        activeDotProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(activeDotProp)) {\n      return cloneElement<any>(activeDotProp, { className })\n    } else if (isObject(activeDotProp)) {\n      const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n        activeDotProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [activeDotProp, activeDotProps.className, activeDotProps.css, css, color])\n  const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getAreaProps, getRootProps } = useChartArea({\n    activeDot,\n    dataKey,\n    dot,\n    fill: color ? `url(#${id})` : \"\",\n    label,\n    stroke,\n    ...rest,\n  })\n\n  return (\n    <>\n      <styled.line asChild {...getRootProps()}>\n        <Area {...getAreaProps()}>{children}</Area>\n      </styled.line>\n\n      <defs>\n        {withGradient ? (\n          <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n            <styled.stop\n              asChild\n              stopColor={color}\n              stopOpacity={gradient?.start ?? \"{area-start-fill-opacity}\"}\n            >\n              <stop offset=\"5%\" />\n            </styled.stop>\n            <styled.stop\n              asChild\n              stopColor={color}\n              stopOpacity={gradient?.end ?? \"{area-end-fill-opacity}\"}\n            >\n              <stop offset=\"95%\" />\n            </styled.stop>\n          </linearGradient>\n        ) : (\n          <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n            <styled.stop\n              stopColor={color}\n              stopOpacity={rest.fillOpacity ?? \"{area-fill-opacity}\"}\n            />\n          </linearGradient>\n        )}\n      </defs>\n    </>\n  )\n}, \"area\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartAreaProps<Y>): ReactElement\n}>\n\nexport interface ChartBarProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"path\">,\n  Omit<UseChartBarProps, \"dataKey\" | \"fill\" | \"label\">\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: keyof Y\n  /**\n   * The label list to use for the bar.\n   *\n   * @default false\n   */\n  label?: ChartLabelList\n}\n\nexport const ChartBar = withContext<\"path\", ChartBarProps>((props) => {\n  const { barProps } = useComponentContext()\n  const {\n    children,\n    dataKey,\n    fill: fillProp,\n    label: labelProp = false,\n    ...rest\n  } = mergeProps(barProps, props)()\n  const system = useSystem()\n  const { theme } = useTheme()\n  const color = fillProp ?? rest.color\n  const fill = JSON.stringify(color)\n  const labelProps = useSlotComponentProps({}, \"labelList\")\n  const css = useMemo(() => getCSS(system, theme), [system, theme])\n  const label = useMemo<UseChartBarProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const className = cx(labelProps.className, css(labelProps.css))\n\n    if (isFunction(labelProp)) {\n      return (props) =>\n        labelProp({ ...props, className: cx(className, props.className) })\n    } else if (isValidElement(labelProp)) {\n      return cloneElement<any>(labelProp, { className })\n    } else if (isObject(labelProp)) {\n      const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n        labelProp,\n        shouldForwardProp,\n      )\n\n      return {\n        ...omittedProps,\n        className: cx(className, omittedProps.className, css(styleProps)),\n      }\n    } else {\n      return { className }\n    }\n  }, [labelProp, labelProps.className, labelProps.css, css])\n  const { getBarProps, getRootProps } = useChartBar({\n    dataKey,\n    fill,\n    label,\n    ...rest,\n  })\n\n  return (\n    <styled.path asChild {...getRootProps()}>\n      <Bar {...getBarProps()}>{children}</Bar>\n    </styled.path>\n  )\n}, \"bar\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartBarProps<Y>): ReactElement\n}>\n\nexport interface ChartReferenceLineProps extends Omit<\n  Merge<HTMLStyledProps<\"line\">, UseChartReferenceLineProps>,\n  \"label\"\n> {\n  /**\n   * The label to use for the reference line.\n   *\n   * @default false\n   */\n  label?: ChartLabel\n}\n\nexport const ChartReferenceLine = withContext<\"line\", ChartReferenceLineProps>(\n  (props) => {\n    const { referenceLineProps } = useComponentContext()\n    const { label: labelProp = false, ...rest } = {\n      ...referenceLineProps,\n      ...props,\n    }\n    const system = useSystem()\n    const { theme } = useTheme()\n    const labelProps = useSlotComponentProps({}, \"referenceLineLabel\")\n    const css = useMemo(() => getCSS(system, theme), [system, theme])\n    const label = useMemo<UseChartReferenceLineProps[\"label\"]>(() => {\n      if (!labelProp) return labelProp\n\n      const className = cx(labelProps.className, css(labelProps.css))\n\n      if (isFunction(labelProp)) {\n        return (props) =>\n          labelProp({ ...props, className: cx(className, props.className) })\n      } else if (isValidElement(labelProp)) {\n        return cloneElement<any>(labelProp, { className })\n      } else if (isObject(labelProp)) {\n        const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n          labelProp,\n          shouldForwardProp,\n        )\n\n        return {\n          ...omittedProps,\n          className: cx(className, omittedProps.className, css(styleProps)),\n        }\n      } else {\n        return { className, children: labelProp }\n      }\n    }, [labelProp, labelProps.className, labelProps.css, css])\n    const { getReferenceLineProps, getRootProps } = useChartReferenceLine({\n      label,\n      ...rest,\n    })\n\n    return (\n      <styled.line asChild {...getRootProps()}>\n        <ReferenceLine {...getReferenceLineProps()} />\n      </styled.line>\n    )\n  },\n  \"referenceLine\",\n)()\n"],"mappings":"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"}

package/dist/cjs/components/chart/chart.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_utils_index = require("../../utils/index.cjs");
@@ -153,10 +154,11 @@ const ChartTooltip = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Tooltip, { ...(0, require_utils_index.utils_exports.cast)(getRootProps()) });
 };
 const ChartTooltipCursor = withContext("path", "tooltipCursor")(void 0, ({ bottom: _bottom, brushBottom: _brushBottom, fill, height, left: _left, payload: _payload, payloadIndex: _payloadIndex, points, right: _right, stroke, top: _top, width, x, y, ...rest }) => {
+	const d = points ? `M${points[0]?.x},${points[0]?.y}L${points[1]?.x},${points[1]?.y}` : `M ${x},${y} h ${width} v ${height} h -${width} Z`;
 	return {
 		asChild: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			d: points ? `M${points[0]?.x},${points[0]?.y}L${points[1]?.x},${points[1]?.y}` : `M ${x},${y} h ${width} v ${height} h -${width} Z`,
+			d,
 			height,
 			width
 		}),

package/dist/cjs/components/chart/chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart.cjs","names":["createSlotComponent","chartStyle","useChart","useSplitChildren","ChartContext","styled","ResponsiveContainer","Fragment","varAttr","createContext","mergeProps","useChartLegend","Legend","useChartTooltip","Tooltip","useChartLabelList","LabelList","useChartLabel","Label"],"sources":["../../../../src/components/chart/chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  JSXElementConstructor,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport type {\n  ActiveDotProps,\n  DataKey,\n  DefaultLegendContentProps,\n  DotItemDotProps,\n  DotProps,\n  LabelProps,\n  RenderableText,\n  ResponsiveContainerProps,\n  TooltipContentProps,\n  TooltipProps,\n} from \"recharts\"\nimport type {\n  CSSProps,\n  ExtractStyleValueWithCondition,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport type { ChartStyle } from \"./chart.style\"\nimport type {\n  UseChartLabelListProps,\n  UseChartLabelProps,\n  UseChartLegendProps,\n  UseChartLegendReturn,\n  UseChartTooltipProps,\n} from \"./use-chart\"\nimport { Fragment, isValidElement, useMemo, useRef } from \"react\"\nimport {\n  Label,\n  LabelList,\n  Legend,\n  ResponsiveContainer,\n  Tooltip,\n} from \"recharts\"\nimport { createSlotComponent, mergeProps, styled, varAttr } from \"../../core\"\nimport {\n  cast,\n  createContext,\n  isArray,\n  isNull,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n  useSplitChildren,\n} from \"../../utils\"\nimport { chartStyle } from \"./chart.style\"\nimport {\n  ChartContext,\n  useChart,\n  useChartLabel,\n  useChartLabelList,\n  useChartLegend,\n  useChartTooltip,\n} from \"./use-chart\"\n\nexport type ChartDot =\n  | ((props: DotItemDotProps) => ReactNode)\n  | boolean\n  | Merge<Partial<DotProps>, HTMLStyledProps<\"circle\">>\n  | ReactElement\n\nexport type ChartActiveDot =\n  | ((props: ActiveDotProps) => ReactNode)\n  | boolean\n  | Merge<Partial<ActiveDotProps>, HTMLStyledProps<\"circle\">>\n  | ReactElement\n\nexport type ChartLabel =\n  | ((props: any) => ReactElement | RenderableText)\n  | boolean\n  | (Merge<\n      HTMLStyledProps<\"text\">,\n      Pick<\n        LabelProps,\n        | \"angle\"\n        | \"content\"\n        | \"formatter\"\n        | \"index\"\n        | \"labelRef\"\n        | \"offset\"\n        | \"parentViewBox\"\n        | \"position\"\n        | \"textBreakAll\"\n        | \"value\"\n        | \"viewBox\"\n        | \"zIndex\"\n      >\n    > & { dataKey?: DataKey<any> })\n  | number\n  | ReactElement\n  | string\n\nexport type ChartLabelList =\n  | ((props: LabelProps) => ReactElement | RenderableText)\n  | boolean\n  | ChartLabelListProps\n  | ReactElement\n\nexport type ChartTickLine = boolean | HTMLStyledProps<\"line\">\n\nexport type GradientStrategy = \"invert\" | \"shade\" | \"tint\"\n\nexport function mergeSeries<Y>(\n  series: Y[],\n  color: CSSProps[\"color\"] = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): (Y & { color: CSSProps[\"color\"] })[] {\n  const colors = gradients(series.length, color, strategy)\n\n  return series.map((item, index) => ({ ...item, color: colors[index] }))\n}\n\nexport function mergeData<Y>(\n  data: Y[],\n  color: ExtractStyleValueWithCondition<CSSProps[\"fill\"]> = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): (Y & { fill: CSSProps[\"fill\"] })[] {\n  const colors = gradients(data.length, color, strategy)\n\n  return data.map((item, index) => ({ ...item, fill: colors[index] }))\n}\n\nexport function gradients(\n  length: number,\n  color: ExtractStyleValueWithCondition<CSSProps[\"color\"]> = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): CSSProps[\"color\"][] {\n  return Array.from({ length }, (_, index) => {\n    const value = Math.floor(100 - (100 / length) * index)\n    const percent = `${value}%`\n\n    if (strategy === \"invert\")\n      return [\n        `tint(colors.${color as string}, ${percent})`,\n        `shade(colors.${color as string}, ${percent})`,\n      ]\n    else return `${strategy}(colors.${color as string}, ${percent})`\n  })\n}\n\nfunction parseJSON(value: any) {\n  try {\n    return JSON.parse(value)\n  } catch {\n    return value\n  }\n}\n\ninterface ComponentContext extends Pick<\n  ChartProps,\n  \"legendProps\" | \"tooltipProps\"\n> {\n  nameKeyRef: RefObject<string | undefined>\n}\n\nexport interface ChartProps extends HTMLStyledProps, ThemeProps<ChartStyle> {\n  /**\n   * The components to render the chart components.\n   */\n  components: {\n    component: JSXElementConstructor<any>\n    fallback: ReactNode\n  }[]\n  /**\n   * The function to render the chart.\n   */\n  render: (props: PropsWithChildren) => ReactNode\n  /**\n   * The color of the label list.\n   */\n  labelListColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the label list.\n   */\n  labelListFill?: CSSProps[\"fill\"]\n  /**\n   * The fill of the tooltip cursor.\n   */\n  tooltipCursorFill?: CSSProps[\"fill\"]\n  /**\n   * The fill opacity of the tooltip cursor.\n   */\n  tooltipCursorFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The stroke of the tooltip cursor.\n   */\n  tooltipCursorStroke?: CSSProps[\"stroke\"]\n  /**\n   * If `true`, legend is visible.\n   *\n   * @default false\n   */\n  withLegend?: boolean\n  /**\n   * If `true`, tooltip is visible.\n   *\n   * @default true\n   */\n  withTooltip?: boolean\n  /**\n   * Props for the legend component.\n   */\n  legendProps?: ChartLegendProps\n  /**\n   * Props for the responsive container component.\n   */\n  responsiveContainerProps?: ResponsiveContainerProps\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: ChartTooltipProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: ChartPropsContext,\n  useComponentContext: useChartComponentContext,\n  usePropsContext: useChartPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ChartProps, ChartStyle, ComponentContext>(\n  \"chart\",\n  chartStyle,\n)\n\nexport { ChartPropsContext, useChartComponentContext, useChartPropsContext }\n\nexport const Chart = withProvider(\n  ({\n    children,\n    components: componentsProp,\n    render,\n    withLegend = false,\n    withTooltip = true,\n    legendProps,\n    responsiveContainerProps,\n    tooltipProps,\n    ...rest\n  }: ChartProps) => {\n    const { highlightedDataKey, onHighlight } = useChart()\n    const nameKeyRef = useRef<string | undefined>(undefined)\n    const components = useMemo(\n      () => [\n        ...componentsProp,\n        {\n          component: ChartLegend,\n          fallback: withLegend ? <ChartLegend /> : null,\n        },\n        {\n          component: ChartTooltip,\n          fallback: withTooltip ? <ChartTooltip /> : null,\n        },\n      ],\n      [componentsProp, withLegend, withTooltip],\n    )\n    const [omittedChildren, ...customComponents] = useSplitChildren(\n      children,\n      ...components.map(({ component }) => component),\n    )\n    const context = useMemo(\n      () => ({\n        highlightedDataKey,\n        onHighlight,\n      }),\n      [highlightedDataKey, onHighlight],\n    )\n    const componentContext = useMemo(\n      () => ({\n        nameKeyRef,\n        legendProps,\n        tooltipProps,\n      }),\n      [legendProps, tooltipProps],\n    )\n\n    return (\n      <ChartContext value={context}>\n        <ComponentContext value={componentContext}>\n          <styled.div {...rest}>\n            <ResponsiveContainer {...responsiveContainerProps}>\n              {render({\n                children: (\n                  <>\n                    {components.map(({ fallback }, index) => (\n                      <Fragment key={index}>\n                        {customComponents[index] ?? fallback}\n                      </Fragment>\n                    ))}\n\n                    {omittedChildren}\n                  </>\n                ),\n              })}\n            </ResponsiveContainer>\n          </styled.div>\n        </ComponentContext>\n      </ChartContext>\n    )\n  },\n  \"root\",\n)(\n  undefined,\n  ({\n    labelListColor,\n    labelListFill,\n    tooltipCursorFill,\n    tooltipCursorFillOpacity,\n    tooltipCursorStroke,\n    ...rest\n  }) => ({\n    \"--label-list-color\": varAttr(labelListColor, \"colors\"),\n    \"--label-list-fill\": varAttr(labelListFill, \"colors\"),\n    \"--tooltip-cursor-fill\": varAttr(tooltipCursorFill, \"colors\"),\n    \"--tooltip-cursor-fill-opacity\": tooltipCursorFillOpacity,\n    \"--tooltip-cursor-stroke\": varAttr(tooltipCursorStroke, \"colors\"),\n    ...rest,\n  }),\n)\n\ninterface ChartLegendContext extends Pick<\n  UseChartLegendReturn,\n  \"getLegendItemProps\"\n> {}\n\nconst [ChartLegendContext, useChartLegendContext] =\n  createContext<ChartLegendContext>({\n    name: \"ChartLegendContext\",\n  })\n\nexport interface ChartLegendProps extends Merge<\n  HTMLStyledProps,\n  UseChartLegendProps\n> {\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<ChartLegendContentProps, \"formatter\" | \"payload\">\n}\n\nexport const ChartLegend = withContext<\"div\", ChartLegendProps>((props) => {\n  const { legendProps } = useChartComponentContext()\n  const { contentProps, ...rest } = mergeProps(legendProps, props)()\n  const {\n    getLegendContentProps,\n    getLegendItemProps,\n    getLegendProps,\n    getRootProps,\n  } = useChartLegend({\n    content: ({ formatter, payload }) => (\n      <ChartLegendContent\n        formatter={formatter}\n        payload={payload}\n        {...getLegendContentProps(contentProps)}\n      />\n    ),\n    ...rest,\n  })\n  const context = useMemo(() => ({ getLegendItemProps }), [getLegendItemProps])\n\n  return (\n    <ChartLegendContext value={context}>\n      <styled.div asChild {...getRootProps()}>\n        <Legend {...getLegendProps()} />\n      </styled.div>\n    </ChartLegendContext>\n  )\n}, \"legend\")()\n\ninterface ChartLegendContentProps\n  extends\n    HTMLStyledProps,\n    Pick<DefaultLegendContentProps, \"formatter\" | \"payload\"> {\n  /**\n   * If `true`, swatch is visible.\n   */\n  withSwatch?: boolean\n}\n\nconst ChartLegendContent = withContext<\"div\", ChartLegendContentProps>(\n  ({ formatter, payload, withSwatch = true, ...rest }) => {\n    const { nameKeyRef } = useChartComponentContext()\n    const { getLegendItemProps } = useChartLegendContext()\n\n    return (\n      <styled.div {...rest}>\n        {payload?.map((data, index) => {\n          let value = data.value\n\n          if (nameKeyRef.current)\n            value = (data.payload as any)?.[nameKeyRef.current]\n\n          const dataKey =\n            isString(data.dataKey) || isNumber(data.dataKey)\n              ? data.dataKey\n              : value\n          const color = parseJSON(data.color)\n          const formattedValue = formatter?.(value, data, index) ?? value\n\n          return (\n            <ChartLegendItem key={index} {...getLegendItemProps({ dataKey })}>\n              {withSwatch ? <ChartLegendSwatch bg={color} /> : null}\n              <ChartLegendValue>{formattedValue}</ChartLegendValue>\n            </ChartLegendItem>\n          )\n        })}\n      </styled.div>\n    )\n  },\n  \"legendContent\",\n)()\n\ninterface ChartLegendItemProps extends HTMLStyledProps {}\n\nconst ChartLegendItem = withContext<\"div\", ChartLegendItemProps>(\n  \"div\",\n  \"legendItem\",\n)()\n\ninterface ChartLegendSwatchProps extends HTMLStyledProps {}\n\nconst ChartLegendSwatch = withContext<\"div\", ChartLegendSwatchProps>(\n  \"div\",\n  \"legendSwatch\",\n)()\n\ninterface ChartLegendValueProps extends HTMLStyledProps<\"span\"> {}\n\nconst ChartLegendValue = withContext<\"span\", ChartLegendValueProps>(\n  \"span\",\n  \"legendValue\",\n)()\n\nexport interface ChartTooltipProps<\n  Y extends (number | string)[] | number | string = number,\n  M extends number | string = string,\n> extends Omit<Merge<HTMLStyledProps, UseChartTooltipProps<Y, M>>, \"cursor\"> {\n  /**\n   * Props for the cursor component.\n   */\n  cursor?: boolean | ChartTooltipCursorProps | ReactElement\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<\n    ChartTooltipContentProps,\n    \"formatter\" | \"label\" | \"labelFormatter\" | \"payload\"\n  >\n}\n\nexport const ChartTooltip = <\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n>(\n  props: ChartTooltipProps<Y, M>,\n) => {\n  const { tooltipProps } = useChartComponentContext()\n  const {\n    cursor = false,\n    contentProps,\n    ...rest\n  } = {\n    ...tooltipProps,\n    ...props,\n  } as ChartTooltipProps<Y, M>\n  const { getContentProps, getRootProps } = useChartTooltip<Y, M>({\n    content: ({ formatter, label, labelFormatter, payload }) => (\n      <ChartTooltipContent\n        formatter={formatter}\n        label={label}\n        labelFormatter={labelFormatter}\n        payload={payload}\n        {...getContentProps(contentProps)}\n      />\n    ),\n    cursor:\n      isValidElement(cursor) || !cursor ? (\n        cursor\n      ) : (\n        <ChartTooltipCursor {...(isObject(cursor) ? cursor : {})} />\n      ),\n    ...rest,\n  })\n\n  return <Tooltip {...cast<TooltipProps>(getRootProps())} />\n}\n\ninterface ChartTooltipCursorProps extends Omit<\n  HTMLStyledProps<\"path\">,\n  \"height\" | \"points\" | \"width\" | \"x\" | \"y\"\n> {\n  brushBottom?: number\n  height?: number\n  payload?: Dict[]\n  payloadIndex?: number\n  points?: { x: number; y: number }[]\n  width?: number\n  x?: number\n  y?: number\n}\n\nconst ChartTooltipCursor = withContext<\"path\", ChartTooltipCursorProps>(\n  \"path\",\n  \"tooltipCursor\",\n)(\n  undefined,\n  ({\n    bottom: _bottom,\n    brushBottom: _brushBottom,\n    fill,\n    height,\n    left: _left,\n    payload: _payload,\n    payloadIndex: _payloadIndex,\n    points,\n    right: _right,\n    stroke,\n    top: _top,\n    width,\n    x,\n    y,\n    ...rest\n  }) => {\n    const d = points\n      ? `M${points[0]?.x},${points[0]?.y}L${points[1]?.x},${points[1]?.y}`\n      : `M ${x},${y} h ${width} v ${height} h -${width} Z`\n    return {\n      asChild: true,\n      children: <path d={d} height={height} width={width} />,\n      fill: fill === \"#ccc\" ? undefined : fill,\n      stroke: stroke === \"#ccc\" ? undefined : stroke,\n      ...rest,\n    }\n  },\n)\n\ninterface ChartTooltipContentProps\n  extends\n    HTMLStyledProps,\n    Pick<\n      TooltipContentProps<any, any>,\n      \"formatter\" | \"label\" | \"labelFormatter\" | \"payload\"\n    > {\n  /**\n   * If `true`, swatch is visible.\n   */\n  withSwatch?: boolean\n}\n\nconst ChartTooltipContent = withContext<\"div\", ChartTooltipContentProps>(\n  ({\n    formatter,\n    label: labelProp,\n    labelFormatter,\n    payload,\n    withSwatch = true,\n    ...rest\n  }) => {\n    const { nameKeyRef } = useChartComponentContext()\n    const label = labelFormatter\n      ? labelFormatter(labelProp, payload)\n      : labelProp\n\n    return (\n      <styled.div {...rest}>\n        {!isUndefined(label) && !isNull(label) ? (\n          <ChartTooltipLabel>{label}</ChartTooltipLabel>\n        ) : null}\n\n        <ChartTooltipList>\n          {payload.map((data, index) => {\n            if (nameKeyRef.current) data.name = data.payload[nameKeyRef.current]\n\n            const color = parseJSON(data.color) || data.payload.fill\n            const result =\n              formatter?.(data.value, data.name, data, index, payload) ??\n              (isArray(data.value) ? data.value.join(\", \") : data.value)\n            const [value, name] = isArray(result) ? result : [result, data.name]\n\n            return (\n              <ChartTooltipItem key={index}>\n                {withSwatch ? <ChartTooltipSwatch bg={color} /> : null}\n                <ChartTooltipName>{name}</ChartTooltipName>\n                <ChartTooltipValue>{value}</ChartTooltipValue>\n              </ChartTooltipItem>\n            )\n          })}\n        </ChartTooltipList>\n      </styled.div>\n    )\n  },\n  \"tooltipContent\",\n)()\n\ninterface ChartTooltipLabel extends HTMLStyledProps<\"p\"> {}\n\nconst ChartTooltipLabel = withContext<\"p\", ChartTooltipLabel>(\n  \"p\",\n  \"tooltipLabel\",\n)()\n\ninterface ChartTooltipList extends HTMLStyledProps {}\n\nconst ChartTooltipList = withContext<\"div\", ChartTooltipList>(\n  \"div\",\n  \"tooltipList\",\n)()\n\ninterface ChartTooltipItem extends HTMLStyledProps {}\n\nconst ChartTooltipItem = withContext<\"div\", ChartTooltipItem>(\n  \"div\",\n  \"tooltipItem\",\n)()\n\ninterface ChartTooltipSwatch extends HTMLStyledProps {}\n\nconst ChartTooltipSwatch = withContext<\"div\", ChartTooltipSwatch>(\n  \"div\",\n  \"tooltipSwatch\",\n)()\n\ninterface ChartTooltipName extends HTMLStyledProps<\"span\"> {}\n\nconst ChartTooltipName = withContext<\"span\", ChartTooltipName>(\n  \"span\",\n  \"tooltipName\",\n)()\n\ninterface ChartTooltipValue extends HTMLStyledProps<\"span\"> {}\n\nconst ChartTooltipValue = withContext<\"span\", ChartTooltipValue>(\n  \"span\",\n  \"tooltipValue\",\n)()\n\nexport interface ChartLabelListProps extends Merge<\n  HTMLStyledProps<\"text\">,\n  UseChartLabelListProps\n> {}\n\nexport const ChartLabelList = withContext<\"text\", ChartLabelListProps>(\n  (props) => {\n    const { getLabelListProps, getRootProps } = useChartLabelList(props)\n\n    return (\n      <styled.text asChild {...getRootProps()}>\n        <LabelList {...getLabelListProps()} />\n      </styled.text>\n    )\n  },\n  \"labelList\",\n)()\n\nexport interface ChartLabelProps extends Merge<\n  HTMLStyledProps<\"text\">,\n  UseChartLabelProps\n> {}\n\nexport const ChartLabel = withContext<\"text\", ChartLabelProps>((props) => {\n  const { getLabelProps, getRootProps } = useChartLabel(props)\n\n  return (\n    <styled.text asChild {...getRootProps()}>\n      <Label {...getLabelProps()} />\n    </styled.text>\n  )\n}, \"label\")()\n"],"mappings":"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"}
+{"version":3,"file":"chart.cjs","names":["createSlotComponent","chartStyle","useChart","useRef","useMemo","useSplitChildren","ChartContext","styled","ResponsiveContainer","Fragment","varAttr","createContext","mergeProps","useChartLegend","Legend","useChartTooltip","isValidElement","Tooltip","useChartLabelList","LabelList","useChartLabel","Label"],"sources":["../../../../src/components/chart/chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  JSXElementConstructor,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport type {\n  ActiveDotProps,\n  DataKey,\n  DefaultLegendContentProps,\n  DotItemDotProps,\n  DotProps,\n  LabelProps,\n  RenderableText,\n  ResponsiveContainerProps,\n  TooltipContentProps,\n  TooltipProps,\n} from \"recharts\"\nimport type {\n  CSSProps,\n  ExtractStyleValueWithCondition,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport type { ChartStyle } from \"./chart.style\"\nimport type {\n  UseChartLabelListProps,\n  UseChartLabelProps,\n  UseChartLegendProps,\n  UseChartLegendReturn,\n  UseChartTooltipProps,\n} from \"./use-chart\"\nimport { Fragment, isValidElement, useMemo, useRef } from \"react\"\nimport {\n  Label,\n  LabelList,\n  Legend,\n  ResponsiveContainer,\n  Tooltip,\n} from \"recharts\"\nimport { createSlotComponent, mergeProps, styled, varAttr } from \"../../core\"\nimport {\n  cast,\n  createContext,\n  isArray,\n  isNull,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n  useSplitChildren,\n} from \"../../utils\"\nimport { chartStyle } from \"./chart.style\"\nimport {\n  ChartContext,\n  useChart,\n  useChartLabel,\n  useChartLabelList,\n  useChartLegend,\n  useChartTooltip,\n} from \"./use-chart\"\n\nexport type ChartDot =\n  | ((props: DotItemDotProps) => ReactNode)\n  | boolean\n  | Merge<Partial<DotProps>, HTMLStyledProps<\"circle\">>\n  | ReactElement\n\nexport type ChartActiveDot =\n  | ((props: ActiveDotProps) => ReactNode)\n  | boolean\n  | Merge<Partial<ActiveDotProps>, HTMLStyledProps<\"circle\">>\n  | ReactElement\n\nexport type ChartLabel =\n  | ((props: any) => ReactElement | RenderableText)\n  | boolean\n  | (Merge<\n      HTMLStyledProps<\"text\">,\n      Pick<\n        LabelProps,\n        | \"angle\"\n        | \"content\"\n        | \"formatter\"\n        | \"index\"\n        | \"labelRef\"\n        | \"offset\"\n        | \"parentViewBox\"\n        | \"position\"\n        | \"textBreakAll\"\n        | \"value\"\n        | \"viewBox\"\n        | \"zIndex\"\n      >\n    > & { dataKey?: DataKey<any> })\n  | number\n  | ReactElement\n  | string\n\nexport type ChartLabelList =\n  | ((props: LabelProps) => ReactElement | RenderableText)\n  | boolean\n  | ChartLabelListProps\n  | ReactElement\n\nexport type ChartTickLine = boolean | HTMLStyledProps<\"line\">\n\nexport type GradientStrategy = \"invert\" | \"shade\" | \"tint\"\n\nexport function mergeSeries<Y>(\n  series: Y[],\n  color: CSSProps[\"color\"] = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): (Y & { color: CSSProps[\"color\"] })[] {\n  const colors = gradients(series.length, color, strategy)\n\n  return series.map((item, index) => ({ ...item, color: colors[index] }))\n}\n\nexport function mergeData<Y>(\n  data: Y[],\n  color: ExtractStyleValueWithCondition<CSSProps[\"fill\"]> = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): (Y & { fill: CSSProps[\"fill\"] })[] {\n  const colors = gradients(data.length, color, strategy)\n\n  return data.map((item, index) => ({ ...item, fill: colors[index] }))\n}\n\nexport function gradients(\n  length: number,\n  color: ExtractStyleValueWithCondition<CSSProps[\"color\"]> = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): CSSProps[\"color\"][] {\n  return Array.from({ length }, (_, index) => {\n    const value = Math.floor(100 - (100 / length) * index)\n    const percent = `${value}%`\n\n    if (strategy === \"invert\")\n      return [\n        `tint(colors.${color as string}, ${percent})`,\n        `shade(colors.${color as string}, ${percent})`,\n      ]\n    else return `${strategy}(colors.${color as string}, ${percent})`\n  })\n}\n\nfunction parseJSON(value: any) {\n  try {\n    return JSON.parse(value)\n  } catch {\n    return value\n  }\n}\n\ninterface ComponentContext extends Pick<\n  ChartProps,\n  \"legendProps\" | \"tooltipProps\"\n> {\n  nameKeyRef: RefObject<string | undefined>\n}\n\nexport interface ChartProps extends HTMLStyledProps, ThemeProps<ChartStyle> {\n  /**\n   * The components to render the chart components.\n   */\n  components: {\n    component: JSXElementConstructor<any>\n    fallback: ReactNode\n  }[]\n  /**\n   * The function to render the chart.\n   */\n  render: (props: PropsWithChildren) => ReactNode\n  /**\n   * The color of the label list.\n   */\n  labelListColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the label list.\n   */\n  labelListFill?: CSSProps[\"fill\"]\n  /**\n   * The fill of the tooltip cursor.\n   */\n  tooltipCursorFill?: CSSProps[\"fill\"]\n  /**\n   * The fill opacity of the tooltip cursor.\n   */\n  tooltipCursorFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The stroke of the tooltip cursor.\n   */\n  tooltipCursorStroke?: CSSProps[\"stroke\"]\n  /**\n   * If `true`, legend is visible.\n   *\n   * @default false\n   */\n  withLegend?: boolean\n  /**\n   * If `true`, tooltip is visible.\n   *\n   * @default true\n   */\n  withTooltip?: boolean\n  /**\n   * Props for the legend component.\n   */\n  legendProps?: ChartLegendProps\n  /**\n   * Props for the responsive container component.\n   */\n  responsiveContainerProps?: ResponsiveContainerProps\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: ChartTooltipProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: ChartPropsContext,\n  useComponentContext: useChartComponentContext,\n  usePropsContext: useChartPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ChartProps, ChartStyle, ComponentContext>(\n  \"chart\",\n  chartStyle,\n)\n\nexport { ChartPropsContext, useChartComponentContext, useChartPropsContext }\n\nexport const Chart = withProvider(\n  ({\n    children,\n    components: componentsProp,\n    render,\n    withLegend = false,\n    withTooltip = true,\n    legendProps,\n    responsiveContainerProps,\n    tooltipProps,\n    ...rest\n  }: ChartProps) => {\n    const { highlightedDataKey, onHighlight } = useChart()\n    const nameKeyRef = useRef<string | undefined>(undefined)\n    const components = useMemo(\n      () => [\n        ...componentsProp,\n        {\n          component: ChartLegend,\n          fallback: withLegend ? <ChartLegend /> : null,\n        },\n        {\n          component: ChartTooltip,\n          fallback: withTooltip ? <ChartTooltip /> : null,\n        },\n      ],\n      [componentsProp, withLegend, withTooltip],\n    )\n    const [omittedChildren, ...customComponents] = useSplitChildren(\n      children,\n      ...components.map(({ component }) => component),\n    )\n    const context = useMemo(\n      () => ({\n        highlightedDataKey,\n        onHighlight,\n      }),\n      [highlightedDataKey, onHighlight],\n    )\n    const componentContext = useMemo(\n      () => ({\n        nameKeyRef,\n        legendProps,\n        tooltipProps,\n      }),\n      [legendProps, tooltipProps],\n    )\n\n    return (\n      <ChartContext value={context}>\n        <ComponentContext value={componentContext}>\n          <styled.div {...rest}>\n            <ResponsiveContainer {...responsiveContainerProps}>\n              {render({\n                children: (\n                  <>\n                    {components.map(({ fallback }, index) => (\n                      <Fragment key={index}>\n                        {customComponents[index] ?? fallback}\n                      </Fragment>\n                    ))}\n\n                    {omittedChildren}\n                  </>\n                ),\n              })}\n            </ResponsiveContainer>\n          </styled.div>\n        </ComponentContext>\n      </ChartContext>\n    )\n  },\n  \"root\",\n)(\n  undefined,\n  ({\n    labelListColor,\n    labelListFill,\n    tooltipCursorFill,\n    tooltipCursorFillOpacity,\n    tooltipCursorStroke,\n    ...rest\n  }) => ({\n    \"--label-list-color\": varAttr(labelListColor, \"colors\"),\n    \"--label-list-fill\": varAttr(labelListFill, \"colors\"),\n    \"--tooltip-cursor-fill\": varAttr(tooltipCursorFill, \"colors\"),\n    \"--tooltip-cursor-fill-opacity\": tooltipCursorFillOpacity,\n    \"--tooltip-cursor-stroke\": varAttr(tooltipCursorStroke, \"colors\"),\n    ...rest,\n  }),\n)\n\ninterface ChartLegendContext extends Pick<\n  UseChartLegendReturn,\n  \"getLegendItemProps\"\n> {}\n\nconst [ChartLegendContext, useChartLegendContext] =\n  createContext<ChartLegendContext>({\n    name: \"ChartLegendContext\",\n  })\n\nexport interface ChartLegendProps extends Merge<\n  HTMLStyledProps,\n  UseChartLegendProps\n> {\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<ChartLegendContentProps, \"formatter\" | \"payload\">\n}\n\nexport const ChartLegend = withContext<\"div\", ChartLegendProps>((props) => {\n  const { legendProps } = useChartComponentContext()\n  const { contentProps, ...rest } = mergeProps(legendProps, props)()\n  const {\n    getLegendContentProps,\n    getLegendItemProps,\n    getLegendProps,\n    getRootProps,\n  } = useChartLegend({\n    content: ({ formatter, payload }) => (\n      <ChartLegendContent\n        formatter={formatter}\n        payload={payload}\n        {...getLegendContentProps(contentProps)}\n      />\n    ),\n    ...rest,\n  })\n  const context = useMemo(() => ({ getLegendItemProps }), [getLegendItemProps])\n\n  return (\n    <ChartLegendContext value={context}>\n      <styled.div asChild {...getRootProps()}>\n        <Legend {...getLegendProps()} />\n      </styled.div>\n    </ChartLegendContext>\n  )\n}, \"legend\")()\n\ninterface ChartLegendContentProps\n  extends\n    HTMLStyledProps,\n    Pick<DefaultLegendContentProps, \"formatter\" | \"payload\"> {\n  /**\n   * If `true`, swatch is visible.\n   */\n  withSwatch?: boolean\n}\n\nconst ChartLegendContent = withContext<\"div\", ChartLegendContentProps>(\n  ({ formatter, payload, withSwatch = true, ...rest }) => {\n    const { nameKeyRef } = useChartComponentContext()\n    const { getLegendItemProps } = useChartLegendContext()\n\n    return (\n      <styled.div {...rest}>\n        {payload?.map((data, index) => {\n          let value = data.value\n\n          if (nameKeyRef.current)\n            value = (data.payload as any)?.[nameKeyRef.current]\n\n          const dataKey =\n            isString(data.dataKey) || isNumber(data.dataKey)\n              ? data.dataKey\n              : value\n          const color = parseJSON(data.color)\n          const formattedValue = formatter?.(value, data, index) ?? value\n\n          return (\n            <ChartLegendItem key={index} {...getLegendItemProps({ dataKey })}>\n              {withSwatch ? <ChartLegendSwatch bg={color} /> : null}\n              <ChartLegendValue>{formattedValue}</ChartLegendValue>\n            </ChartLegendItem>\n          )\n        })}\n      </styled.div>\n    )\n  },\n  \"legendContent\",\n)()\n\ninterface ChartLegendItemProps extends HTMLStyledProps {}\n\nconst ChartLegendItem = withContext<\"div\", ChartLegendItemProps>(\n  \"div\",\n  \"legendItem\",\n)()\n\ninterface ChartLegendSwatchProps extends HTMLStyledProps {}\n\nconst ChartLegendSwatch = withContext<\"div\", ChartLegendSwatchProps>(\n  \"div\",\n  \"legendSwatch\",\n)()\n\ninterface ChartLegendValueProps extends HTMLStyledProps<\"span\"> {}\n\nconst ChartLegendValue = withContext<\"span\", ChartLegendValueProps>(\n  \"span\",\n  \"legendValue\",\n)()\n\nexport interface ChartTooltipProps<\n  Y extends (number | string)[] | number | string = number,\n  M extends number | string = string,\n> extends Omit<Merge<HTMLStyledProps, UseChartTooltipProps<Y, M>>, \"cursor\"> {\n  /**\n   * Props for the cursor component.\n   */\n  cursor?: boolean | ChartTooltipCursorProps | ReactElement\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<\n    ChartTooltipContentProps,\n    \"formatter\" | \"label\" | \"labelFormatter\" | \"payload\"\n  >\n}\n\nexport const ChartTooltip = <\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n>(\n  props: ChartTooltipProps<Y, M>,\n) => {\n  const { tooltipProps } = useChartComponentContext()\n  const {\n    cursor = false,\n    contentProps,\n    ...rest\n  } = {\n    ...tooltipProps,\n    ...props,\n  } as ChartTooltipProps<Y, M>\n  const { getContentProps, getRootProps } = useChartTooltip<Y, M>({\n    content: ({ formatter, label, labelFormatter, payload }) => (\n      <ChartTooltipContent\n        formatter={formatter}\n        label={label}\n        labelFormatter={labelFormatter}\n        payload={payload}\n        {...getContentProps(contentProps)}\n      />\n    ),\n    cursor:\n      isValidElement(cursor) || !cursor ? (\n        cursor\n      ) : (\n        <ChartTooltipCursor {...(isObject(cursor) ? cursor : {})} />\n      ),\n    ...rest,\n  })\n\n  return <Tooltip {...cast<TooltipProps>(getRootProps())} />\n}\n\ninterface ChartTooltipCursorProps extends Omit<\n  HTMLStyledProps<\"path\">,\n  \"height\" | \"points\" | \"width\" | \"x\" | \"y\"\n> {\n  brushBottom?: number\n  height?: number\n  payload?: Dict[]\n  payloadIndex?: number\n  points?: { x: number; y: number }[]\n  width?: number\n  x?: number\n  y?: number\n}\n\nconst ChartTooltipCursor = withContext<\"path\", ChartTooltipCursorProps>(\n  \"path\",\n  \"tooltipCursor\",\n)(\n  undefined,\n  ({\n    bottom: _bottom,\n    brushBottom: _brushBottom,\n    fill,\n    height,\n    left: _left,\n    payload: _payload,\n    payloadIndex: _payloadIndex,\n    points,\n    right: _right,\n    stroke,\n    top: _top,\n    width,\n    x,\n    y,\n    ...rest\n  }) => {\n    const d = points\n      ? `M${points[0]?.x},${points[0]?.y}L${points[1]?.x},${points[1]?.y}`\n      : `M ${x},${y} h ${width} v ${height} h -${width} Z`\n    return {\n      asChild: true,\n      children: <path d={d} height={height} width={width} />,\n      fill: fill === \"#ccc\" ? undefined : fill,\n      stroke: stroke === \"#ccc\" ? undefined : stroke,\n      ...rest,\n    }\n  },\n)\n\ninterface ChartTooltipContentProps\n  extends\n    HTMLStyledProps,\n    Pick<\n      TooltipContentProps<any, any>,\n      \"formatter\" | \"label\" | \"labelFormatter\" | \"payload\"\n    > {\n  /**\n   * If `true`, swatch is visible.\n   */\n  withSwatch?: boolean\n}\n\nconst ChartTooltipContent = withContext<\"div\", ChartTooltipContentProps>(\n  ({\n    formatter,\n    label: labelProp,\n    labelFormatter,\n    payload,\n    withSwatch = true,\n    ...rest\n  }) => {\n    const { nameKeyRef } = useChartComponentContext()\n    const label = labelFormatter\n      ? labelFormatter(labelProp, payload)\n      : labelProp\n\n    return (\n      <styled.div {...rest}>\n        {!isUndefined(label) && !isNull(label) ? (\n          <ChartTooltipLabel>{label}</ChartTooltipLabel>\n        ) : null}\n\n        <ChartTooltipList>\n          {payload.map((data, index) => {\n            if (nameKeyRef.current) data.name = data.payload[nameKeyRef.current]\n\n            const color = parseJSON(data.color) || data.payload.fill\n            const result =\n              formatter?.(data.value, data.name, data, index, payload) ??\n              (isArray(data.value) ? data.value.join(\", \") : data.value)\n            const [value, name] = isArray(result) ? result : [result, data.name]\n\n            return (\n              <ChartTooltipItem key={index}>\n                {withSwatch ? <ChartTooltipSwatch bg={color} /> : null}\n                <ChartTooltipName>{name}</ChartTooltipName>\n                <ChartTooltipValue>{value}</ChartTooltipValue>\n              </ChartTooltipItem>\n            )\n          })}\n        </ChartTooltipList>\n      </styled.div>\n    )\n  },\n  \"tooltipContent\",\n)()\n\ninterface ChartTooltipLabel extends HTMLStyledProps<\"p\"> {}\n\nconst ChartTooltipLabel = withContext<\"p\", ChartTooltipLabel>(\n  \"p\",\n  \"tooltipLabel\",\n)()\n\ninterface ChartTooltipList extends HTMLStyledProps {}\n\nconst ChartTooltipList = withContext<\"div\", ChartTooltipList>(\n  \"div\",\n  \"tooltipList\",\n)()\n\ninterface ChartTooltipItem extends HTMLStyledProps {}\n\nconst ChartTooltipItem = withContext<\"div\", ChartTooltipItem>(\n  \"div\",\n  \"tooltipItem\",\n)()\n\ninterface ChartTooltipSwatch extends HTMLStyledProps {}\n\nconst ChartTooltipSwatch = withContext<\"div\", ChartTooltipSwatch>(\n  \"div\",\n  \"tooltipSwatch\",\n)()\n\ninterface ChartTooltipName extends HTMLStyledProps<\"span\"> {}\n\nconst ChartTooltipName = withContext<\"span\", ChartTooltipName>(\n  \"span\",\n  \"tooltipName\",\n)()\n\ninterface ChartTooltipValue extends HTMLStyledProps<\"span\"> {}\n\nconst ChartTooltipValue = withContext<\"span\", ChartTooltipValue>(\n  \"span\",\n  \"tooltipValue\",\n)()\n\nexport interface ChartLabelListProps extends Merge<\n  HTMLStyledProps<\"text\">,\n  UseChartLabelListProps\n> {}\n\nexport const ChartLabelList = withContext<\"text\", ChartLabelListProps>(\n  (props) => {\n    const { getLabelListProps, getRootProps } = useChartLabelList(props)\n\n    return (\n      <styled.text asChild {...getRootProps()}>\n        <LabelList {...getLabelListProps()} />\n      </styled.text>\n    )\n  },\n  \"labelList\",\n)()\n\nexport interface ChartLabelProps extends Merge<\n  HTMLStyledProps<\"text\">,\n  UseChartLabelProps\n> {}\n\nexport const ChartLabel = withContext<\"text\", ChartLabelProps>((props) => {\n  const { getLabelProps, getRootProps } = useChartLabel(props)\n\n  return (\n    <styled.text asChild {...getRootProps()}>\n      <Label {...getLabelProps()} />\n    </styled.text>\n  )\n}, \"label\")()\n"],"mappings":"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"}

package/dist/cjs/components/chart/composed-chart.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_composed_chart_style = require("./composed-chart.style.cjs");
 const require_chart = require("./chart.cjs");
@@ -30,21 +31,22 @@ const { PropsContext: ComposedChartPropsContext, usePropsContext: useComposedCha
 * @see https://yamada-ui.com/docs/components/composed-chart
 */
 const ComposedChart = withContext(({ children, series = [], barProps, ...rest }) => {
+	const components = (0, react.useMemo)(() => [
+		{
+			component: require_cartesian_chart.ChartLine,
+			fallback: series.filter(isLine).map(([, props], index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cartesian_chart.ChartLine, { ...props }, index))
+		},
+		{
+			component: require_cartesian_chart.ChartArea,
+			fallback: series.filter(isArea).map(([, props], index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cartesian_chart.ChartArea, { ...props }, index))
+		},
+		{
+			component: require_cartesian_chart.ChartBar,
+			fallback: series.filter(isBar).map(([, props], index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cartesian_chart.ChartBar, { ...props }, index))
+		}
+	], [series]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cartesian_chart.CartesianChart, {
-		components: (0, react.useMemo)(() => [
-			{
-				component: require_cartesian_chart.ChartLine,
-				fallback: series.filter(isLine).map(([, props], index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cartesian_chart.ChartLine, { ...props }, index))
-			},
-			{
-				component: require_cartesian_chart.ChartArea,
-				fallback: series.filter(isArea).map(([, props], index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cartesian_chart.ChartArea, { ...props }, index))
-			},
-			{
-				component: require_cartesian_chart.ChartBar,
-				fallback: series.filter(isBar).map(([, props], index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cartesian_chart.ChartBar, { ...props }, index))
-			}
-		], [series]),
+		components,
 		render: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ComposedChart, { ...props }),
 		barProps: {
 			barSize: 40,

package/dist/cjs/components/chart/composed-chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"composed-chart.cjs","names":["gradients","createComponent","composedChartStyle","CartesianChart","ChartLine","ChartArea","ChartBar","OriginalComposedChart"],"sources":["../../../../src/components/chart/composed-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { CSSProps, GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type {\n  CartesianChartProps,\n  ChartAreaProps,\n  ChartBarProps,\n  ChartLineProps,\n} from \"./cartesian-chart\"\nimport type { GradientStrategy } from \"./chart\"\nimport type { ComposedChartStyle } from \"./composed-chart.style\"\nimport type { LineChartStyle } from \"./line-chart.style\"\nimport { useMemo } from \"react\"\nimport { ComposedChart as OriginalComposedChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport {\n  CartesianChart,\n  ChartArea,\n  ChartBar,\n  ChartLine,\n} from \"./cartesian-chart\"\nimport { gradients } from \"./chart\"\nimport { composedChartStyle } from \"./composed-chart.style\"\n\nexport type ComposedType = \"area\" | \"bar\" | \"line\"\n\nexport type ComposedProps<Y extends Dict = Dict> =\n  | readonly [\"area\", ChartAreaProps<Y>]\n  | readonly [\"bar\", ChartBarProps<Y>]\n  | readonly [\"line\", ChartLineProps<Y>]\n\nfunction isLine<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"line\", ChartLineProps<Y>] {\n  return props[0] === \"line\"\n}\n\nfunction isArea<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"area\", ChartAreaProps<Y>] {\n  return props[0] === \"area\"\n}\n\nfunction isBar<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"bar\", ChartBarProps<Y>] {\n  return props[0] === \"bar\"\n}\n\nexport function mergeSeries<Y extends Dict = Dict>(\n  series: ComposedProps<Y>[],\n  color: CSSProps[\"color\"] = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): ComposedProps<Y>[] {\n  const colors = gradients(series.length, color, strategy)\n\n  return series.map(\n    ([type, props], index) =>\n      [type, { ...props, color: colors[index] }] as ComposedProps<Y>,\n  )\n}\n\nexport interface ComposedChartProps<Y extends Dict = Dict>\n  extends\n    Omit<CartesianChartProps<Y>, \"components\" | \"render\">,\n    ThemeProps<LineChartStyle> {\n  /**\n   * If provided, generate lines based on series.\n   */\n  series?: ComposedProps<Y>[]\n}\n\nconst {\n  PropsContext: ComposedChartPropsContext,\n  usePropsContext: useComposedChartPropsContext,\n  withContext,\n} = createComponent<ComposedChartProps, ComposedChartStyle>(\n  \"composed-chart\",\n  composedChartStyle,\n)\n\nexport { ComposedChartPropsContext, useComposedChartPropsContext }\n\n/**\n * `ComposedChart` is a component for drawing composed charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/composed-chart\n */\nexport const ComposedChart = withContext<\"div\", ComposedChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    barProps,\n    ...rest\n  }: ComposedChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartLine,\n          fallback: series\n            .filter(isLine)\n            .map(([, props], index) => <ChartLine key={index} {...props} />),\n        },\n        {\n          component: ChartArea,\n          fallback: series\n            .filter(isArea)\n            .map(([, props], index) => <ChartArea key={index} {...props} />),\n        },\n        {\n          component: ChartBar,\n          fallback: series\n            .filter(isBar)\n            .map(([, props], index) => <ChartBar key={index} {...props} />),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <CartesianChart\n        components={components}\n        render={(props) => <OriginalComposedChart {...props} />}\n        barProps={{ barSize: 40, ...barProps }}\n        {...rest}\n      >\n        {children}\n      </CartesianChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: ComposedChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;AAiCA,SAAS,OACP,OACsC;CACtC,OAAO,MAAM,OAAO;AACtB;AAEA,SAAS,OACP,OACsC;CACtC,OAAO,MAAM,OAAO;AACtB;AAEA,SAAS,MACP,OACoC;CACpC,OAAO,MAAM,OAAO;AACtB;AAEA,SAAgB,YACd,QACA,QAA2B,QAC3B,WAA6B,UACT;CACpB,MAAM,SAASA,cAAAA,UAAU,OAAO,QAAQ,OAAO,QAAQ;CAEvD,OAAO,OAAO,KACX,CAAC,MAAM,QAAQ,UACd,CAAC,MAAM;EAAE,GAAG;EAAO,OAAO,OAAO;CAAO,CAAC,CAC7C;AACF;AAYA,MAAM,EACJ,cAAc,2BACd,iBAAiB,8BACjB,gBACEC,yBAAAA,gBACF,kBACAC,6BAAAA,kBACF;;;;;;AASA,MAAa,gBAAgB,aACV,EACf,UACA,SAAS,CAAC,GACV,UACA,GAAG,WACwB;CAyB3B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;EACE,aAAA,GAAA,MAAA,QAAA,OAzBI;GACJ;IACE,WAAWC,wBAAAA;IACX,UAAU,OACP,OAAO,MAAM,CAAC,CACd,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAAA,WAAD,EAAuB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;GACnE;GACA;IACE,WAAWC,wBAAAA;IACX,UAAU,OACP,OAAO,MAAM,CAAC,CACd,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAAA,WAAD,EAAuB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;GACnE;GACA;IACE,WAAWC,wBAAAA;IACX,UAAU,OACP,OAAO,KAAK,CAAC,CACb,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAAA,UAAD,EAAsB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;GAClE;EACF,GACA,CAAC,MAAM,CAKgB;EACrB,SAAS,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACC,SAAAA,eAAD,EAAuB,GAAI,MAAQ,CAAA;EACtD,UAAU;GAAE,SAAS;GAAI,GAAG;EAAS;EACrC,GAAI;EAEH;CACa,CAAA;AAEpB,CACF,CAAC,CAAC"}
+{"version":3,"file":"composed-chart.cjs","names":["gradients","createComponent","composedChartStyle","useMemo","ChartLine","ChartArea","ChartBar","CartesianChart","OriginalComposedChart"],"sources":["../../../../src/components/chart/composed-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { CSSProps, GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type {\n  CartesianChartProps,\n  ChartAreaProps,\n  ChartBarProps,\n  ChartLineProps,\n} from \"./cartesian-chart\"\nimport type { GradientStrategy } from \"./chart\"\nimport type { ComposedChartStyle } from \"./composed-chart.style\"\nimport type { LineChartStyle } from \"./line-chart.style\"\nimport { useMemo } from \"react\"\nimport { ComposedChart as OriginalComposedChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport {\n  CartesianChart,\n  ChartArea,\n  ChartBar,\n  ChartLine,\n} from \"./cartesian-chart\"\nimport { gradients } from \"./chart\"\nimport { composedChartStyle } from \"./composed-chart.style\"\n\nexport type ComposedType = \"area\" | \"bar\" | \"line\"\n\nexport type ComposedProps<Y extends Dict = Dict> =\n  | readonly [\"area\", ChartAreaProps<Y>]\n  | readonly [\"bar\", ChartBarProps<Y>]\n  | readonly [\"line\", ChartLineProps<Y>]\n\nfunction isLine<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"line\", ChartLineProps<Y>] {\n  return props[0] === \"line\"\n}\n\nfunction isArea<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"area\", ChartAreaProps<Y>] {\n  return props[0] === \"area\"\n}\n\nfunction isBar<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"bar\", ChartBarProps<Y>] {\n  return props[0] === \"bar\"\n}\n\nexport function mergeSeries<Y extends Dict = Dict>(\n  series: ComposedProps<Y>[],\n  color: CSSProps[\"color\"] = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): ComposedProps<Y>[] {\n  const colors = gradients(series.length, color, strategy)\n\n  return series.map(\n    ([type, props], index) =>\n      [type, { ...props, color: colors[index] }] as ComposedProps<Y>,\n  )\n}\n\nexport interface ComposedChartProps<Y extends Dict = Dict>\n  extends\n    Omit<CartesianChartProps<Y>, \"components\" | \"render\">,\n    ThemeProps<LineChartStyle> {\n  /**\n   * If provided, generate lines based on series.\n   */\n  series?: ComposedProps<Y>[]\n}\n\nconst {\n  PropsContext: ComposedChartPropsContext,\n  usePropsContext: useComposedChartPropsContext,\n  withContext,\n} = createComponent<ComposedChartProps, ComposedChartStyle>(\n  \"composed-chart\",\n  composedChartStyle,\n)\n\nexport { ComposedChartPropsContext, useComposedChartPropsContext }\n\n/**\n * `ComposedChart` is a component for drawing composed charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/composed-chart\n */\nexport const ComposedChart = withContext<\"div\", ComposedChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    barProps,\n    ...rest\n  }: ComposedChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartLine,\n          fallback: series\n            .filter(isLine)\n            .map(([, props], index) => <ChartLine key={index} {...props} />),\n        },\n        {\n          component: ChartArea,\n          fallback: series\n            .filter(isArea)\n            .map(([, props], index) => <ChartArea key={index} {...props} />),\n        },\n        {\n          component: ChartBar,\n          fallback: series\n            .filter(isBar)\n            .map(([, props], index) => <ChartBar key={index} {...props} />),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <CartesianChart\n        components={components}\n        render={(props) => <OriginalComposedChart {...props} />}\n        barProps={{ barSize: 40, ...barProps }}\n        {...rest}\n      >\n        {children}\n      </CartesianChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: ComposedChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;AAiCA,SAAS,OACP,OACsC;CACtC,OAAO,MAAM,OAAO;AACtB;AAEA,SAAS,OACP,OACsC;CACtC,OAAO,MAAM,OAAO;AACtB;AAEA,SAAS,MACP,OACoC;CACpC,OAAO,MAAM,OAAO;AACtB;AAEA,SAAgB,YACd,QACA,QAA2B,QAC3B,WAA6B,UACT;CACpB,MAAM,SAASA,cAAAA,UAAU,OAAO,QAAQ,OAAO,QAAQ;CAEvD,OAAO,OAAO,KACX,CAAC,MAAM,QAAQ,UACd,CAAC,MAAM;EAAE,GAAG;EAAO,OAAO,OAAO;CAAO,CAAC,CAC7C;AACF;AAYA,MAAM,EACJ,cAAc,2BACd,iBAAiB,8BACjB,gBACEC,yBAAAA,gBACF,kBACAC,6BAAAA,kBACF;;;;;;AASA,MAAa,gBAAgB,aACV,EACf,UACA,SAAS,CAAC,GACV,UACA,GAAG,WACwB;CAC3B,MAAM,cAAA,GAAaC,MAAAA,QAAAA,OACX;EACJ;GACE,WAAWC,wBAAAA;GACX,UAAU,OACP,OAAO,MAAM,CAAC,CACd,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAAA,WAAD,EAAuB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;EACnE;EACA;GACE,WAAWC,wBAAAA;GACX,UAAU,OACP,OAAO,MAAM,CAAC,CACd,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAAA,WAAD,EAAuB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;EACnE;EACA;GACE,WAAWC,wBAAAA;GACX,UAAU,OACP,OAAO,KAAK,CAAC,CACb,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAAA,UAAD,EAAsB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;EAClE;CACF,GACA,CAAC,MAAM,CACT;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;EACc;EACZ,SAAS,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACC,SAAAA,eAAD,EAAuB,GAAI,MAAQ,CAAA;EACtD,UAAU;GAAE,SAAS;GAAI,GAAG;EAAS;EACrC,GAAI;EAEH;CACa,CAAA;AAEpB,CACF,CAAC,CAAC"}

package/dist/cjs/components/chart/donut-chart.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_donut_chart_style = require("./donut-chart.style.cjs");
 const require_polar_chart = require("./polar-chart.cjs");
@@ -13,14 +14,16 @@ const { PropsContext: DonutChartPropsContext, usePropsContext: useDonutChartProp
 * @see https://yamada-ui.com/docs/components/donut-chart
 */
 const DonutChart = withContext(({ children, series = [], tooltipProps, ...rest }) => {
+	const components = (0, react.useMemo)(() => [{
+		component: require_polar_chart.ChartDonut,
+		fallback: series.map((props, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_polar_chart.ChartDonut, { ...props }, index))
+	}], [series]);
+	const labelFormatter = (0, react.useCallback)(() => null, []);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_polar_chart.PolarChart, {
-		components: (0, react.useMemo)(() => [{
-			component: require_polar_chart.ChartDonut,
-			fallback: series.map((props, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_polar_chart.ChartDonut, { ...props }, index))
-		}], [series]),
+		components,
 		render: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.PieChart, { ...props }),
 		tooltipProps: {
-			labelFormatter: (0, react.useCallback)(() => null, []),
+			labelFormatter,
 			...tooltipProps
 		},
 		...rest,

package/dist/cjs/components/chart/donut-chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"donut-chart.cjs","names":["createComponent","donutChartStyle","PolarChart","ChartDonut","OriginalPieChart"],"sources":["../../../../src/components/chart/donut-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartTooltipProps } from \"./chart\"\nimport type { DonutChartStyle } from \"./donut-chart.style\"\nimport type { ChartDonutProps, PolarChartProps } from \"./polar-chart\"\nimport { useCallback, useMemo } from \"react\"\nimport { PieChart as OriginalPieChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { donutChartStyle } from \"./donut-chart.style\"\nimport { ChartDonut, PolarChart } from \"./polar-chart\"\n\nexport interface DonutChartProps<Y extends Dict = Dict>\n  extends\n    Omit<PolarChartProps<Y>, \"components\" | \"nameKey\" | \"render\">,\n    ThemeProps<DonutChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartDonutProps<Y>[]\n}\n\nconst {\n  PropsContext: DonutChartPropsContext,\n  usePropsContext: useDonutChartPropsContext,\n  withContext,\n} = createComponent<DonutChartProps, DonutChartStyle>(\n  \"donut-chart\",\n  donutChartStyle,\n)\n\nexport { DonutChartPropsContext, useDonutChartPropsContext }\n\n/**\n * `DonutChart` is a component for drawing donut charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/donut-chart\n */\nexport const DonutChart = withContext<\"div\", DonutChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    tooltipProps,\n    ...rest\n  }: DonutChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartDonut,\n          fallback: series.map((props, index) => (\n            <ChartDonut key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n    const labelFormatter = useCallback<\n      NonNullable<ChartTooltipProps[\"labelFormatter\"]>\n    >(() => null, [])\n\n    return (\n      <PolarChart\n        components={components}\n        render={(props) => <OriginalPieChart {...props} />}\n        tooltipProps={{ labelFormatter, ...tooltipProps }}\n        {...rest}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: DonutChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;AAwBA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACEA,yBAAAA,gBACF,eACAC,0BAAAA,eACF;;;;;;AASA,MAAa,aAAa,aACP,EACf,UACA,SAAS,CAAC,GACV,cACA,GAAG,WACqB;CAgBxB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAD;EACE,aAAA,GAAA,MAAA,QAAA,OAhBI,CACJ;GACE,WAAWC,oBAAAA;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,YAAD,EAAwB,GAAI,MAAQ,GAAnB,KAAmB,CACrC;EACH,CACF,GACA,CAAC,MAAM,CAQgB;EACrB,SAAS,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACC,SAAAA,UAAD,EAAkB,GAAI,MAAQ,CAAA;EACjD,cAAc;GAAE,iBAAA,GAAA,MAAA,YAAA,OANZ,MAAM,CAAC,CAMkB;GAAG,GAAG;EAAa;EAChD,GAAI;EAEH;CACS,CAAA;AAEhB,CACF,CAAC,CAAC"}
+{"version":3,"file":"donut-chart.cjs","names":["createComponent","donutChartStyle","useMemo","ChartDonut","useCallback","PolarChart","OriginalPieChart"],"sources":["../../../../src/components/chart/donut-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartTooltipProps } from \"./chart\"\nimport type { DonutChartStyle } from \"./donut-chart.style\"\nimport type { ChartDonutProps, PolarChartProps } from \"./polar-chart\"\nimport { useCallback, useMemo } from \"react\"\nimport { PieChart as OriginalPieChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { donutChartStyle } from \"./donut-chart.style\"\nimport { ChartDonut, PolarChart } from \"./polar-chart\"\n\nexport interface DonutChartProps<Y extends Dict = Dict>\n  extends\n    Omit<PolarChartProps<Y>, \"components\" | \"nameKey\" | \"render\">,\n    ThemeProps<DonutChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartDonutProps<Y>[]\n}\n\nconst {\n  PropsContext: DonutChartPropsContext,\n  usePropsContext: useDonutChartPropsContext,\n  withContext,\n} = createComponent<DonutChartProps, DonutChartStyle>(\n  \"donut-chart\",\n  donutChartStyle,\n)\n\nexport { DonutChartPropsContext, useDonutChartPropsContext }\n\n/**\n * `DonutChart` is a component for drawing donut charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/donut-chart\n */\nexport const DonutChart = withContext<\"div\", DonutChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    tooltipProps,\n    ...rest\n  }: DonutChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartDonut,\n          fallback: series.map((props, index) => (\n            <ChartDonut key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n    const labelFormatter = useCallback<\n      NonNullable<ChartTooltipProps[\"labelFormatter\"]>\n    >(() => null, [])\n\n    return (\n      <PolarChart\n        components={components}\n        render={(props) => <OriginalPieChart {...props} />}\n        tooltipProps={{ labelFormatter, ...tooltipProps }}\n        {...rest}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: DonutChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;AAwBA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACEA,yBAAAA,gBACF,eACAC,0BAAAA,eACF;;;;;;AASA,MAAa,aAAa,aACP,EACf,UACA,SAAS,CAAC,GACV,cACA,GAAG,WACqB;CACxB,MAAM,cAAA,GAAaC,MAAAA,QAAAA,OACX,CACJ;EACE,WAAWC,oBAAAA;EACX,UAAU,OAAO,KAAK,OAAO,UAC3B,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,YAAD,EAAwB,GAAI,MAAQ,GAAnB,KAAmB,CACrC;CACH,CACF,GACA,CAAC,MAAM,CACT;CACA,MAAM,kBAAA,GAAiBC,MAAAA,YAAAA,OAEf,MAAM,CAAC,CAAC;CAEhB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAD;EACc;EACZ,SAAS,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACC,SAAAA,UAAD,EAAkB,GAAI,MAAQ,CAAA;EACjD,cAAc;GAAE;GAAgB,GAAG;EAAa;EAChD,GAAI;EAEH;CACS,CAAA;AAEhB,CACF,CAAC,CAAC"}

package/dist/cjs/components/chart/line-chart.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_line_chart_style = require("./line-chart.style.cjs");
 const require_cartesian_chart = require("./cartesian-chart.cjs");
@@ -13,11 +14,12 @@ const { PropsContext: LineChartPropsContext, usePropsContext: useLineChartPropsC
 * @see https://yamada-ui.com/docs/components/line-chart
 */
 const LineChart = withContext(({ children, series = [], ...rest }) => {
+	const components = (0, react.useMemo)(() => [{
+		component: require_cartesian_chart.ChartLine,
+		fallback: series.map((props, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cartesian_chart.ChartLine, { ...props }, index))
+	}], [series]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cartesian_chart.CartesianChart, {
-		components: (0, react.useMemo)(() => [{
-			component: require_cartesian_chart.ChartLine,
-			fallback: series.map((props, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cartesian_chart.ChartLine, { ...props }, index))
-		}], [series]),
+		components,
 		render: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.LineChart, { ...props }),
 		...rest,
 		children

package/dist/cjs/components/chart/line-chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.cjs","names":["createComponent","lineChartStyle","CartesianChart","ChartLine","OriginalLineChart"],"sources":["../../../../src/components/chart/line-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { CartesianChartProps, ChartLineProps } from \"./cartesian-chart\"\nimport type { LineChartStyle } from \"./line-chart.style\"\nimport { useMemo } from \"react\"\nimport { LineChart as OriginalLineChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { CartesianChart, ChartLine } from \"./cartesian-chart\"\nimport { lineChartStyle } from \"./line-chart.style\"\n\nexport interface LineChartProps<Y extends Dict = Dict>\n  extends\n    Omit<CartesianChartProps<Y>, \"components\" | \"render\">,\n    ThemeProps<LineChartStyle> {\n  /**\n   * If provided, generate lines based on series.\n   */\n  series?: ChartLineProps<Y>[]\n}\n\nconst {\n  PropsContext: LineChartPropsContext,\n  usePropsContext: useLineChartPropsContext,\n  withContext,\n} = createComponent<LineChartProps, LineChartStyle>(\n  \"line-chart\",\n  lineChartStyle,\n)\n\nexport { LineChartPropsContext, useLineChartPropsContext }\n\n/**\n * `LineChart` is a component for drawing line charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/line-chart\n */\nexport const LineChart = withContext<\"div\", LineChartProps>(\n  <Y extends Dict>({ children, series = [], ...rest }: LineChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartLine,\n          fallback: series.map((props, index) => (\n            <ChartLine key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <CartesianChart\n        components={components}\n        render={(props) => <OriginalLineChart {...props} />}\n        {...rest}\n      >\n        {children}\n      </CartesianChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: LineChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;AAuBA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACEA,yBAAAA,gBACF,cACAC,yBAAAA,cACF;;;;;;AASA,MAAa,YAAY,aACN,EAAE,UAAU,SAAS,CAAC,GAAG,GAAG,WAA8B;CAazE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;EACE,aAAA,GAAA,MAAA,QAAA,OAbI,CACJ;GACE,WAAWC,wBAAAA;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAAA,WAAD,EAAuB,GAAI,MAAQ,GAAnB,KAAmB,CACpC;EACH,CACF,GACA,CAAC,MAAM,CAKgB;EACrB,SAAS,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACC,SAAAA,WAAD,EAAmB,GAAI,MAAQ,CAAA;EAClD,GAAI;EAEH;CACa,CAAA;AAEpB,CACF,CAAC,CAAC"}
+{"version":3,"file":"line-chart.cjs","names":["createComponent","lineChartStyle","useMemo","ChartLine","CartesianChart","OriginalLineChart"],"sources":["../../../../src/components/chart/line-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { CartesianChartProps, ChartLineProps } from \"./cartesian-chart\"\nimport type { LineChartStyle } from \"./line-chart.style\"\nimport { useMemo } from \"react\"\nimport { LineChart as OriginalLineChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { CartesianChart, ChartLine } from \"./cartesian-chart\"\nimport { lineChartStyle } from \"./line-chart.style\"\n\nexport interface LineChartProps<Y extends Dict = Dict>\n  extends\n    Omit<CartesianChartProps<Y>, \"components\" | \"render\">,\n    ThemeProps<LineChartStyle> {\n  /**\n   * If provided, generate lines based on series.\n   */\n  series?: ChartLineProps<Y>[]\n}\n\nconst {\n  PropsContext: LineChartPropsContext,\n  usePropsContext: useLineChartPropsContext,\n  withContext,\n} = createComponent<LineChartProps, LineChartStyle>(\n  \"line-chart\",\n  lineChartStyle,\n)\n\nexport { LineChartPropsContext, useLineChartPropsContext }\n\n/**\n * `LineChart` is a component for drawing line charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/line-chart\n */\nexport const LineChart = withContext<\"div\", LineChartProps>(\n  <Y extends Dict>({ children, series = [], ...rest }: LineChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartLine,\n          fallback: series.map((props, index) => (\n            <ChartLine key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <CartesianChart\n        components={components}\n        render={(props) => <OriginalLineChart {...props} />}\n        {...rest}\n      >\n        {children}\n      </CartesianChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: LineChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;AAuBA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACEA,yBAAAA,gBACF,cACAC,yBAAAA,cACF;;;;;;AASA,MAAa,YAAY,aACN,EAAE,UAAU,SAAS,CAAC,GAAG,GAAG,WAA8B;CACzE,MAAM,cAAA,GAAaC,MAAAA,QAAAA,OACX,CACJ;EACE,WAAWC,wBAAAA;EACX,UAAU,OAAO,KAAK,OAAO,UAC3B,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAAA,WAAD,EAAuB,GAAI,MAAQ,GAAnB,KAAmB,CACpC;CACH,CACF,GACA,CAAC,MAAM,CACT;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;EACc;EACZ,SAAS,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACC,SAAAA,WAAD,EAAmB,GAAI,MAAQ,CAAA;EAClD,GAAI;EAEH;CACa,CAAA;AAEpB,CACF,CAAC,CAAC"}

package/dist/cjs/components/chart/pie-chart.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_pie_chart_style = require("./pie-chart.style.cjs");
 const require_polar_chart = require("./polar-chart.cjs");
@@ -13,14 +14,16 @@ const { PropsContext: PieChartPropsContext, usePropsContext: usePieChartPropsCon
 * @see https://yamada-ui.com/docs/components/pie-chart
 */
 const PieChart = withContext(({ children, series = [], tooltipProps, ...rest }) => {
+	const components = (0, react.useMemo)(() => [{
+		component: require_polar_chart.ChartPie,
+		fallback: series.map((props, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_polar_chart.ChartPie, { ...props }, index))
+	}], [series]);
+	const labelFormatter = (0, react.useCallback)(() => null, []);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_polar_chart.PolarChart, {
-		components: (0, react.useMemo)(() => [{
-			component: require_polar_chart.ChartPie,
-			fallback: series.map((props, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_polar_chart.ChartPie, { ...props }, index))
-		}], [series]),
+		components,
 		render: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.PieChart, { ...props }),
 		tooltipProps: {
-			labelFormatter: (0, react.useCallback)(() => null, []),
+			labelFormatter,
 			...tooltipProps
 		},
 		...rest,