@yamada-ui/react 2.1.3-dev-20260312162557 → 2.1.3-dev-20260314005850

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

@@ -1 +1 @@
-{"version":3,"file":"polar-chart.js","names":["props","rest"],"sources":["../../../../src/components/chart/polar-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\n\nimport type {\n  ActiveDotProps,\n  BaseTickContentProps,\n  DataKey,\n  DotProps,\n  LabelListProps,\n  LabelProps,\n  PieLabelRenderProps,\n  PieSectorShapeProps,\n  SectorProps,\n} from \"recharts\"\nimport type { PolarChartProps as OriginalPolarChartProps } 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 {\n  ChartActiveDot,\n  ChartDot,\n  ChartLabel,\n  ChartLabelListProps,\n  ChartLabelList as ChartLabelListType,\n  ChartProps,\n  ChartTickLine,\n} from \"./chart\"\nimport type { PolarChartStyle } from \"./polar-chart.style\"\nimport type {\n  UseAngleAxisProps,\n  UseChartPieLabelLineProps,\n  UseChartPieLabelProps,\n  UseChartPieProps,\n  UseChartRadarProps,\n  UseChartRadialProps,\n  UseChartSectorProps,\n  UsePolarChartProps,\n  UsePolarGridProps,\n  UseRadiusAxisProps,\n} from \"./use-polar-chart\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useId,\n  useMemo,\n} from \"react\"\nimport {\n  Curve,\n  Pie,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadialBar,\n  Sector,\n  Text,\n} from \"recharts\"\nimport {\n  createShouldForwardProp,\n  createSlotComponent,\n  getCSS,\n  styled,\n  useSystem,\n  useTheme,\n  varAttr,\n} from \"../../core\"\nimport {\n  assignRef,\n  cx,\n  isFunction,\n  isNumber,\n  isObject,\n  runIfFn,\n  splitObject,\n} from \"../../utils\"\nimport { Chart, ChartLabelList, useChartComponentContext } from \"./chart\"\nimport { polarChartStyle } from \"./polar-chart.style\"\nimport {\n  useAngleAxis,\n  useChartPie,\n  useChartPieLabel,\n  useChartPieLabelLine,\n  useChartRadar,\n  useChartRadial,\n  useChartSector,\n  usePolarChart,\n  usePolarGrid,\n  useRadiusAxis,\n} from \"./use-polar-chart\"\n\nconst shouldForwardProp = createShouldForwardProp()\n\ninterface ComponentContext extends Pick<\n  PolarChartProps,\n  | \"angleAxisProps\"\n  | \"gridProps\"\n  | \"nameKey\"\n  | \"pieProps\"\n  | \"radarProps\"\n  | \"radialProps\"\n  | \"radiusAxisProps\"\n  | \"sectorProps\"\n> {}\n\nexport interface PolarChartProps<Y extends Dict = Dict>\n  extends\n    Omit<ChartProps, \"cx\" | \"cy\">,\n    UsePolarChartProps<Y>,\n    ThemeProps<PolarChartStyle> {\n  /**\n   * The fill of the active dot.\n   */\n  activeDotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the active dot.\n   */\n  activeDotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke of the active dot.\n   */\n  activeDotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the active dot stroke.\n   */\n  activeDotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The stroke of the angle axis line.\n   */\n  angleAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the angle axis line stroke.\n   */\n  angleAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The color of the angle axis text.\n   */\n  angleAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the angle axis text.\n   */\n  angleAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * The fill of the dot.\n   */\n  dotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the dot.\n   */\n  dotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke of the dot.\n   */\n  dotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the dot stroke.\n   */\n  dotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The stroke of the grid.\n   */\n  gridStroke?: CSSProps[\"stroke\"]\n  /**\n   * The opacity of the inactive label line.\n   */\n  inactiveLabelLineOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The opacity of the inactive label.\n   */\n  inactiveLabelOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The opacity of the inactive radar.\n   */\n  inactiveRadarOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The opacity of the inactive sector.\n   */\n  inactiveSectorOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The color of the label.\n   */\n  labelColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the label.\n   */\n  labelFill?: CSSProps[\"fill\"]\n  /**\n   * The stroke of the label line.\n   */\n  labelLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the label line stroke.\n   */\n  labelLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The key to use for the angle axis.\n   */\n  nameKey?: keyof Y\n  /**\n   * The color of the radar.\n   */\n  radarColor?: CSSProps[\"color\"]\n  /**\n   * The fill opacity of the radar.\n   */\n  radarFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The stroke of the radar.\n   */\n  radarStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the radar stroke.\n   */\n  radarStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The color of the radial background.\n   */\n  radialBackgroundColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the radial background.\n   */\n  radialBackgroundFill?: CSSProps[\"fill\"]\n  /**\n   * The stroke of the radial background.\n   */\n  radialBackgroundStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the radial background stroke.\n   */\n  radialBackgroundStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The stroke of the radius axis line.\n   */\n  radiusAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the radius axis line stroke.\n   */\n  radiusAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The color of the radius axis text.\n   */\n  radiusAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the radius axis text.\n   */\n  radiusAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * The color of the sector.\n   */\n  sectorColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the sector.\n   */\n  sectorFill?: CSSProps[\"fill\"]\n  /**\n   * The stroke of the sector.\n   */\n  sectorStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the sector stroke.\n   */\n  sectorStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * If `true`, angle axis is visible.\n   *\n   * @default true\n   */\n  withAngleAxis?: boolean\n  /**\n   * If `true`, grid is visible.\n   *\n   * @default true\n   */\n  withGrid?: boolean\n  /**\n   * If `true`, radius axis is visible.\n   *\n   * @default false\n   */\n  withRadiusAxis?: boolean\n  /**\n   * Props for the angle axis component.\n   */\n  angleAxisProps?: UseAngleAxisProps\n  /**\n   * Props for the polar chart component.\n   */\n  chartProps?: Omit<OriginalPolarChartProps, \"data\">\n  /**\n   * Props for the donut component.\n   */\n  donutProps?: Omit<ChartPieProps, \"data\" | \"dataKey\" | \"nameKey\">\n  /**\n   * Props for the grid component.\n   */\n  gridProps?: ChartPolarGridProps\n  /**\n   * Props for the pie component.\n   */\n  pieProps?: Omit<ChartPieProps, \"data\" | \"dataKey\" | \"nameKey\">\n  /**\n   * Props for the radar component.\n   */\n  radarProps?: Omit<ChartRadarProps, \"data\" | \"dataKey\">\n  /**\n   * Props for the radial component.\n   */\n  radialProps?: Omit<ChartRadialProps, \"dataKey\" | \"nameKey\">\n  /**\n   * Props for the radius axis component.\n   */\n  radiusAxisProps?: UseRadiusAxisProps\n  /**\n   * Props for the sector component.\n   */\n  sectorProps?: ChartSectorProps\n}\n\nconst {\n  component,\n  ComponentContext,\n  PropsContext: PolarChartPropsContext,\n  useComponentContext,\n  usePropsContext: usePolarChartPropsContext,\n  withContext,\n  withProvider,\n  useSlotComponentProps,\n} = createSlotComponent<PolarChartProps, PolarChartStyle, ComponentContext>(\n  \"polar-chart\",\n  polarChartStyle,\n)\n\nexport { PolarChartPropsContext, usePolarChartPropsContext }\n\nexport const PolarChart = withProvider(\n  <Y extends Dict>({\n    components: componentsProp,\n    nameKey,\n    render,\n    withAngleAxis = false,\n    withGrid = false,\n    withRadiusAxis = false,\n    angleAxisProps,\n    chartProps,\n    donutProps,\n    gridProps,\n    pieProps = donutProps,\n    radarProps,\n    radialProps,\n    radiusAxisProps,\n    sectorProps,\n    ...rest\n  }: PolarChartProps<Y>) => {\n    const { getChartProps, getRootProps } = usePolarChart(rest)\n    const components = useMemo(\n      () => [\n        {\n          component: ChartPolarGrid,\n          fallback: withGrid ? <ChartPolarGrid /> : null,\n        },\n        {\n          component: ChartAngleAxis,\n          fallback: withAngleAxis ? <ChartAngleAxis /> : null,\n        },\n        {\n          component: ChartRadiusAxis,\n          fallback: withRadiusAxis ? <ChartRadiusAxis /> : null,\n        },\n        ...componentsProp,\n      ],\n      [componentsProp, withGrid, withAngleAxis, withRadiusAxis],\n    )\n    const componentContext = useMemo(\n      () => ({\n        nameKey: nameKey as string | undefined,\n        angleAxisProps,\n        gridProps,\n        pieProps,\n        radarProps,\n        radialProps,\n        radiusAxisProps,\n        sectorProps,\n      }),\n      [\n        pieProps,\n        radarProps,\n        sectorProps,\n        angleAxisProps,\n        radiusAxisProps,\n        gridProps,\n        nameKey,\n        radialProps,\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    angleAxisLineStroke,\n    angleAxisLineStrokeWidth,\n    angleAxisTextColor,\n    angleAxisTextFill,\n    dotFill,\n    dotRadius,\n    dotStroke,\n    dotStrokeWidth,\n    gridStroke,\n    inactiveLabelLineOpacity,\n    inactiveLabelOpacity,\n    inactiveRadarOpacity,\n    inactiveSectorOpacity,\n    labelColor,\n    labelFill,\n    labelLineStroke,\n    labelLineStrokeWidth,\n    radarColor,\n    radarFillOpacity,\n    radarStroke,\n    radarStrokeWidth,\n    radialBackgroundColor,\n    radialBackgroundFill,\n    radialBackgroundStroke,\n    radialBackgroundStrokeWidth,\n    radiusAxisLineStroke,\n    radiusAxisLineStrokeWidth,\n    radiusAxisTextColor,\n    radiusAxisTextFill,\n    sectorColor,\n    sectorFill,\n    sectorStroke,\n    sectorStrokeWidth,\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    \"--angle-axis-line-stroke\": varAttr(angleAxisLineStroke, \"colors\"),\n    \"--angle-axis-line-stroke-width\": angleAxisLineStrokeWidth,\n    \"--angle-axis-text-color\": varAttr(angleAxisTextColor, \"colors\"),\n    \"--angle-axis-text-fill\": varAttr(angleAxisTextFill, \"colors\"),\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-label-line-opacity\": inactiveLabelLineOpacity,\n    \"--inactive-label-opacity\": inactiveLabelOpacity,\n    \"--inactive-radar-opacity\": inactiveRadarOpacity,\n    \"--inactive-sector-opacity\": inactiveSectorOpacity,\n    \"--label-color\": varAttr(labelColor, \"colors\"),\n    \"--label-fill\": varAttr(labelFill, \"colors\"),\n    \"--label-line-stroke\": varAttr(labelLineStroke, \"colors\"),\n    \"--label-line-stroke-width\": labelLineStrokeWidth,\n    \"--radar-color\": varAttr(radarColor, \"colors\"),\n    \"--radar-fill-opacity\": radarFillOpacity,\n    \"--radar-stroke\": varAttr(radarStroke, \"colors\"),\n    \"--radar-stroke-width\": radarStrokeWidth,\n    \"--radial-background-color\": varAttr(radialBackgroundColor, \"colors\"),\n    \"--radial-background-fill\": varAttr(radialBackgroundFill, \"colors\"),\n    \"--radial-background-stroke\": varAttr(radialBackgroundStroke, \"colors\"),\n    \"--radial-background-stroke-width\": radialBackgroundStrokeWidth,\n    \"--radius-axis-line-stroke\": varAttr(radiusAxisLineStroke, \"colors\"),\n    \"--radius-axis-line-stroke-width\": radiusAxisLineStrokeWidth,\n    \"--radius-axis-text-color\": varAttr(radiusAxisTextColor, \"colors\"),\n    \"--radius-axis-text-fill\": varAttr(radiusAxisTextFill, \"colors\"),\n    \"--sector-color\": varAttr(sectorColor, \"colors\"),\n    \"--sector-fill\": varAttr(sectorFill, \"colors\"),\n    \"--sector-stroke\": varAttr(sectorStroke, \"colors\"),\n    \"--sector-stroke-width\": sectorStrokeWidth,\n    ...rest,\n  }),\n) as GenericsComponent<{\n  <Y extends Dict>(props: PolarChartProps<Y>): ReactElement\n}>\n\nexport type ChartPieLabel =\n  | ((props: PieLabelRenderProps) => Partial<ChartPieLabelProps>)\n  | boolean\n  | Partial<ChartPieLabelProps>\n\nexport type ChartPieLabelLine =\n  | ((props: any) => ChartPieLabelLineProps)\n  | boolean\n  | ChartPieLabelLineProps\n\nexport type ChartPieLabelList = boolean | ChartLabelListProps\n\nexport interface ChartPieProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"svg\">,\n  Omit<UseChartPieProps, \"data\" | \"dataKey\" | \"label\" | \"labelLine\" | \"nameKey\">\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: Exclude<keyof Y, \"fill\">\n  /**\n   * The key of the name of the data.\n   */\n  nameKey: Exclude<keyof Y, \"fill\">\n  /**\n   * The active index of the sector.\n   */\n  activeIndex?: number\n  /**\n   * The data to use for the pie.\n   */\n  data?: Y[]\n  /**\n   * The label to use for the pie.\n   */\n  label?: ChartPieLabel\n  /**\n   * The label line to use for the pie.\n   *\n   * @default false\n   */\n  labelLine?: ChartPieLabelLine\n  /**\n   * If `true`, the label list is visible.\n   *\n   * @default false\n   */\n  labelList?: ChartPieLabelList\n  /**\n   * Props for the sector component.\n   */\n  sectorProps?:\n    | ((props: PieSectorShapeProps, index: number) => ChartSectorProps)\n    | ChartSectorProps\n}\n\nexport const ChartPie = withContext<\"svg\", ChartPieProps>((props) => {\n  const { pieProps } = useComponentContext()\n  const {\n    activeIndex,\n    children,\n    label: labelProp,\n    labelLine: labelLineProp = false,\n    labelList = false,\n    nameKey,\n    sectorProps,\n    ...rest\n  } = { ...pieProps, ...props }\n  const shape = useCallback(\n    (props: any, index: number) => {\n      if (isNumber(activeIndex)) props.isActive = index === activeIndex\n\n      return <ChartSector {...props} {...runIfFn(sectorProps, props, index)} />\n    },\n    [activeIndex, sectorProps],\n  )\n  const label = useMemo<UseChartPieProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const Component = (props: any) => (\n      <ChartPieLabel\n        {...props}\n        {...(labelProp !== true ? runIfFn(labelProp, props) : {})}\n      />\n    )\n\n    return Component\n  }, [labelProp])\n  const labelLine = useMemo<UseChartPieProps[\"labelLine\"]>(() => {\n    if (!labelLineProp) return labelLineProp\n\n    const Component = ({ key: _, ...rest }: any) => (\n      <ChartPieLabelLine\n        {...rest}\n        {...(labelLineProp !== true ? runIfFn(labelLineProp, rest) : {})}\n      />\n    )\n\n    return Component\n  }, [labelLineProp])\n  const { getPieProps, getRootProps } = useChartPie({\n    label,\n    labelLine,\n    nameKey,\n    shape,\n    ...rest,\n  })\n\n  return (\n    <styled.svg asChild {...getRootProps()}>\n      <Pie {...getPieProps()}>\n        {children}\n\n        {labelList ? (\n          <ChartLabelList\n            dataKey={nameKey}\n            {...(isObject(labelList) ? labelList : {})}\n          />\n        ) : null}\n      </Pie>\n    </styled.svg>\n  )\n}, \"pie\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartPieProps<Y>): ReactElement\n}>\n\ninterface ChartSectorProps extends Merge<\n  HTMLStyledProps<\"path\">,\n  UseChartSectorProps\n> {}\n\nconst ChartSector = withContext<\"path\", ChartSectorProps>((props) => {\n  const { sectorProps } = useComponentContext()\n  const { getRootProps, getSectorProps } = useChartSector({\n    ...sectorProps,\n    ...props,\n  })\n\n  return (\n    <styled.path asChild {...getRootProps()}>\n      <Sector {...getSectorProps()} />\n    </styled.path>\n  )\n}, \"sector\")()\n\ninterface ChartPieLabelProps extends Merge<\n  HTMLStyledProps<\"text\">,\n  UseChartPieLabelProps\n> {}\n\nconst ChartPieLabel = withContext<\"text\", ChartPieLabelProps>((props) => {\n  const { getRootProps, getTextProps } = useChartPieLabel(props)\n\n  return (\n    <styled.text asChild {...getRootProps()}>\n      <Text {...getTextProps()} />\n    </styled.text>\n  )\n}, \"label\")()\n\ninterface ChartPieLabelLineProps extends Merge<\n  HTMLStyledProps<\"path\">,\n  UseChartPieLabelLineProps\n> {}\n\nconst ChartPieLabelLine = withContext<\"path\", ChartPieLabelLineProps>(\n  (props) => {\n    const { getCurveProps, getRootProps } = useChartPieLabelLine(props)\n\n    return (\n      <styled.path asChild {...getRootProps()}>\n        <Curve {...getCurveProps()} />\n      </styled.path>\n    )\n  },\n  \"labelLine\",\n)()\n\nexport interface ChartDonutProps<\n  Y extends Dict = Dict,\n> extends ChartPieProps<Y> {}\n\nexport const ChartDonut = component<\"svg\", ChartDonutProps>(ChartPie, \"donut\")(\n  undefined,\n  (props) => {\n    const { pieProps } = useComponentContext()\n\n    return { ...pieProps, ...props }\n  },\n  ({ label, ...rest }) => ({ innerRadius: !label ? \"70%\" : \"50%\", ...rest }),\n) as GenericsComponent<{\n  <Y extends Dict>(props: ChartDonutProps<Y>): ReactElement\n}>\n\nexport interface ChartRadarProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"path\">,\n  Omit<UseChartRadarProps, \"activeDot\" | \"dataKey\" | \"dot\" | \"label\" | \"stroke\">\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 dot to use for the line.\n   *\n   * @default false\n   */\n  dot?: ChartDot\n  /**\n   * The label to use for the line.\n   *\n   * @default false\n   */\n  label?: ChartLabelListType\n}\n\nexport const ChartRadar = withContext<\"path\", ChartRadarProps>((props) => {\n  const { radarProps } = 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  } = { ...radarProps, ...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<UseChartRadarProps[\"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<UseChartRadarProps[\"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<UseChartRadarProps[\"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 { getRadarProps, getRootProps } = useChartRadar({\n    activeDot,\n    dataKey,\n    dot,\n    fill: color ? `url(#${id})` : \"\",\n    label,\n    stroke,\n    ...rest,\n  })\n\n  return (\n    <>\n      <styled.path asChild {...getRootProps()}>\n        <Radar {...getRadarProps()}>{children}</Radar>\n      </styled.path>\n\n      <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n        <styled.stop\n          stopColor={color}\n          stopOpacity={rest.fillOpacity ?? \"{radar-fill-opacity}\"}\n        />\n      </linearGradient>\n    </>\n  )\n}, \"radar\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartRadarProps<Y>): ReactElement\n}>\n\nexport type ChartPolarAxisTick =\n  | ((props: BaseTickContentProps) => ReactNode)\n  | boolean\n  | HTMLStyledProps<\"text\">\n  | ReactElement\n\nexport type ChartAxisLine = boolean | HTMLStyledProps<\"line\">\n\nexport interface ChartAngleAxisProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"text\">,\n  Omit<\n    UseAngleAxisProps,\n    \"axisLine\" | \"dataKey\" | \"label\" | \"tick\" | \"tickLine\"\n  >\n> {\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  axisLine?: ChartAxisLine\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 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?: ChartPolarAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartAngleAxis = withContext<\"text\", ChartAngleAxisProps>(\n  (props) => {\n    const { nameKey, angleAxisProps } = useComponentContext()\n    const {\n      axisLine: axisLineProp = false,\n      children,\n      label: labelProp = false,\n      tick: tickProp = true,\n      tickLine: tickLineProp = false,\n      ...rest\n    } = { ...angleAxisProps, ...props }\n    const system = useSystem()\n    const { theme } = useTheme()\n    const tickProps = useSlotComponentProps({}, \"angleAxisTick\")\n    const labelProps = useSlotComponentProps({}, \"angleAxisLabel\")\n    const tickLineProps = useSlotComponentProps({}, \"angleAxisTickLine\")\n    const axisLineProps = useSlotComponentProps({}, \"angleAxisLine\")\n    const css = useMemo(() => getCSS(system, theme), [system, theme])\n    const tick = useMemo<UseAngleAxisProps[\"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          HTMLProps<\"text\">,\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<UseAngleAxisProps[\"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 axisLine = useMemo<UseAngleAxisProps[\"axisLine\"]>(() => {\n      if (!axisLineProp) return axisLineProp\n\n      const className = cx(axisLineProps.className, css(axisLineProps.css))\n\n      if (isObject(axisLineProp)) {\n        const [omittedProps, styleProps] = splitObject<\n          HTMLProps<\"line\">,\n          CSSObject\n        >(axisLineProp, shouldForwardProp)\n\n        return {\n          ...omittedProps,\n          className: cx(className, omittedProps.className, css(styleProps)),\n        }\n      } else {\n        return { className }\n      }\n    }, [axisLineProp, axisLineProps.className, axisLineProps.css, css])\n    const label = useMemo<UseAngleAxisProps[\"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 { getAngleAxisProps, getRootProps } = useAngleAxis({\n      axisLine,\n      dataKey: nameKey,\n      label,\n      tick,\n      tickLine,\n      ...rest,\n    })\n\n    return (\n      <styled.text asChild {...getRootProps()}>\n        <PolarAngleAxis {...getAngleAxisProps()}>{children}</PolarAngleAxis>\n      </styled.text>\n    )\n  },\n  \"angleAxis\",\n)() as GenericsComponent<{\n  <Y extends Dict>(props: ChartAngleAxisProps<Y>): ReactElement\n}>\n\nexport interface ChartRadiusAxisProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"text\">,\n  Omit<\n    UseRadiusAxisProps,\n    \"axisLine\" | \"dataKey\" | \"label\" | \"tick\" | \"tickLine\"\n  >\n> {\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  axisLine?: ChartAxisLine\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 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?: ChartPolarAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartRadiusAxis = withContext<\"text\", ChartRadiusAxisProps>(\n  (props) => {\n    const { radiusAxisProps } = useComponentContext()\n    const {\n      axisLine: axisLineProp = false,\n      children,\n      label: labelProp = false,\n      tick: tickProp = true,\n      tickLine: tickLineProp = false,\n      ...rest\n    } = { ...radiusAxisProps, ...props }\n    const system = useSystem()\n    const { theme } = useTheme()\n    const tickProps = useSlotComponentProps({}, \"radiusAxisTick\")\n    const labelProps = useSlotComponentProps({}, \"radiusAxisLabel\")\n    const tickLineProps = useSlotComponentProps({}, \"radiusAxisTickLine\")\n    const axisLineProps = useSlotComponentProps({}, \"radiusAxisLine\")\n    const css = useMemo(() => getCSS(system, theme), [system, theme])\n    const tick = useMemo<UseRadiusAxisProps[\"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          HTMLProps<\"text\">,\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<UseRadiusAxisProps[\"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 axisLine = useMemo<UseRadiusAxisProps[\"axisLine\"]>(() => {\n      if (!axisLineProp) return axisLineProp\n\n      const className = cx(axisLineProps.className, css(axisLineProps.css))\n\n      if (isObject(axisLineProp)) {\n        const [omittedProps, styleProps] = splitObject<\n          HTMLProps<\"line\">,\n          CSSObject\n        >(axisLineProp, shouldForwardProp)\n\n        return {\n          ...omittedProps,\n          className: cx(className, omittedProps.className, css(styleProps)),\n        }\n      } else {\n        return { className }\n      }\n    }, [axisLineProp, axisLineProps.className, axisLineProps.css, css])\n    const label = useMemo<UseRadiusAxisProps[\"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 { getRadiusAxisProps, getRootProps } = useRadiusAxis({\n      axisLine,\n      label,\n      tick,\n      tickLine,\n      ...rest,\n    })\n\n    return (\n      <styled.text asChild {...getRootProps()}>\n        <PolarRadiusAxis {...getRadiusAxisProps()}>{children}</PolarRadiusAxis>\n      </styled.text>\n    )\n  },\n  \"radiusAxis\",\n)() as GenericsComponent<{\n  <Y extends Dict>(props: ChartRadiusAxisProps<Y>): ReactElement\n}>\n\nexport interface ChartPolarGridProps extends Merge<\n  HTMLStyledProps<\"line\">,\n  UsePolarGridProps\n> {}\n\nexport const ChartPolarGrid = withContext<\"line\", ChartPolarGridProps>(\n  (props) => {\n    const { gridProps } = useComponentContext()\n    const { getPolarGridProps, getRootProps } = usePolarGrid({\n      ...gridProps,\n      ...props,\n    })\n\n    return (\n      <styled.line asChild {...getRootProps()}>\n        <PolarGrid {...getPolarGridProps()} />\n      </styled.line>\n    )\n  },\n  \"grid\",\n)()\n\nexport type ChartRadialBackground =\n  | ((props: SectorProps) => null | ReactElement | undefined)\n  | boolean\n  | HTMLStyledProps<\"svg\">\n  | ReactElement\n\nexport interface ChartRadialProps<Y extends Dict = Dict> extends Merge<\n  Omit<HTMLStyledProps<\"svg\">, \"background\">,\n  Omit<UseChartRadialProps<Y>, \"background\" | \"dataKey\" | \"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 background to use for the radial chart.\n   */\n  background?: ChartRadialBackground\n  /**\n   * The label to use for the radial.\n   *\n   * @default false\n   */\n  label?: ChartLabelListType\n  /**\n   * If `true`, the label list is visible.\n   *\n   * @default false\n   */\n  labelList?: ChartPieLabelList\n  /**\n   * Props for the sector component.\n   */\n  sectorProps?:\n    | ((props: PieSectorShapeProps) => ChartSectorProps)\n    | ChartSectorProps\n}\n\nexport const ChartRadial = withContext<\"svg\", ChartRadialProps>(\n  <Y extends Dict>(props: ChartRadialProps<Y>) => {\n    const { radialProps } = useComponentContext()\n    const {\n      background: backgroundProp = true,\n      children,\n      dataKey,\n      label: labelProp = false,\n      labelList = false,\n      nameKey,\n      sectorProps,\n      ...rest\n    } = { ...radialProps, ...props }\n    const system = useSystem()\n    const { theme } = useTheme()\n    const { nameKeyRef } = useChartComponentContext()\n    const labelProps = useSlotComponentProps({}, \"labelList\")\n    const backgroundProps = useSlotComponentProps({}, \"radialBackground\")\n    const css = useMemo(() => getCSS(system, theme), [system, theme])\n    const shape = useCallback(\n      (props: any) => {\n        const color = rest.fill ?? rest.color\n\n        return (\n          <ChartSector\n            color={color}\n            {...props}\n            {...runIfFn(sectorProps, props)}\n          />\n        )\n      },\n      [rest.fill, rest.color, sectorProps],\n    )\n    const label = useMemo<UseChartRadialProps<Y>[\"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<\n          LabelListProps,\n          CSSObject\n        >(labelProp, shouldForwardProp)\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 background = useMemo<UseChartRadialProps<Y>[\"background\"]>(() => {\n      if (!backgroundProp) return backgroundProp\n\n      const className = cx(backgroundProps.className, css(backgroundProps.css))\n\n      if (isFunction(backgroundProp)) {\n        return (props) =>\n          backgroundProp({\n            ...props,\n            className: cx(className, props.className),\n          })\n      } else if (isValidElement(backgroundProp)) {\n        return cloneElement<any>(backgroundProp, { className })\n      } else if (isObject(backgroundProp)) {\n        const [omittedProps, styleProps] = splitObject<\n          HTMLProps<\"svg\">,\n          CSSObject\n        >(backgroundProp, shouldForwardProp)\n        return {\n          ...omittedProps,\n          className: cx(className, omittedProps.className, css(styleProps)),\n        }\n      } else {\n        return { className }\n      }\n    }, [backgroundProp, backgroundProps.className, backgroundProps.css, css])\n    const { getRadialProps, getRootProps } = useChartRadial({\n      background,\n      dataKey: dataKey as DataKey<any>,\n      label,\n      nameKey,\n      shape,\n      ...rest,\n    })\n\n    assignRef(nameKeyRef, nameKey)\n\n    return (\n      <styled.svg asChild {...getRootProps()}>\n        <RadialBar {...getRadialProps()}>\n          {children}\n\n          {labelList ? (\n            <ChartLabelList\n              dataKey={nameKey as DataKey<any>}\n              offset={4}\n              position=\"insideStart\"\n              {...(isObject(labelList) ? labelList : {})}\n            />\n          ) : null}\n        </RadialBar>\n      </styled.svg>\n    )\n  },\n  \"radial\",\n)() as GenericsComponent<{\n  <Y extends Dict>(props: ChartRadialProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkGA,MAAM,oBAAoB,yBAAyB;AAmOnD,MAAM,EACJ,WACA,kBACA,cAAc,wBACd,qBACA,iBAAiB,2BACjB,aACA,cACA,0BACE,oBACF,eACA,gBACD;AAID,MAAa,aAAa,cACP,EACf,YAAY,gBACZ,SACA,QACA,gBAAgB,OAChB,WAAW,OACX,iBAAiB,OACjB,gBACA,YACA,YACA,WACA,WAAW,YACX,YACA,aACA,iBACA,aACA,GAAG,WACqB;CACxB,MAAM,EAAE,eAAe,iBAAiB,cAAc,KAAK;CAC3D,MAAM,aAAa,cACX;EACJ;GACE,WAAW;GACX,UAAU,WAAW,oBAAC,mBAAiB,GAAG;GAC3C;EACD;GACE,WAAW;GACX,UAAU,gBAAgB,oBAAC,mBAAiB,GAAG;GAChD;EACD;GACE,WAAW;GACX,UAAU,iBAAiB,oBAAC,oBAAkB,GAAG;GAClD;EACD,GAAG;EACJ,EACD;EAAC;EAAgB;EAAU;EAAe;EAAe,CAC1D;AAwBD,QACE,oBAAC;EAAiB,OAxBK,eAChB;GACI;GACT;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;YAIG,oBAAC;GACa;GACZ,SAAS,UAAU,OAAO,cAAc;IAAE,GAAG;IAAO,GAAG;IAAY,CAAC,CAAC;GACrE,GAAI,cAAc;IAClB;GACe;GAGvB,OACD,CACC,SACC,EACC,eACA,iBACA,iBACA,sBACA,qBACA,0BACA,oBACA,mBACA,SACA,WACA,WACA,gBACA,YACA,0BACA,sBACA,sBACA,uBACA,YACA,WACA,iBACA,sBACA,YACA,kBACA,aACA,kBACA,uBACA,sBACA,wBACA,6BACA,sBACA,2BACA,qBACA,oBACA,aACA,YACA,cACA,mBACA,GAAG,YACE;CACL,qBAAqB,QAAQ,eAAe,SAAS;CACrD,kBAAkB;CAClB,uBAAuB,QAAQ,iBAAiB,SAAS;CACzD,6BAA6B;CAC7B,4BAA4B,QAAQ,qBAAqB,SAAS;CAClE,kCAAkC;CAClC,2BAA2B,QAAQ,oBAAoB,SAAS;C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"}
+{"version":3,"file":"polar-chart.js","names":["props","rest"],"sources":["../../../../src/components/chart/polar-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\n\nimport type {\n  ActiveDotProps,\n  BaseTickContentProps,\n  DataKey,\n  DotProps,\n  LabelListProps,\n  LabelProps,\n  PieLabelRenderProps,\n  PieSectorShapeProps,\n  SectorProps,\n} from \"recharts\"\nimport type { PolarChartProps as OriginalPolarChartProps } 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 {\n  ChartActiveDot,\n  ChartDot,\n  ChartLabel,\n  ChartLabelListProps,\n  ChartLabelList as ChartLabelListType,\n  ChartProps,\n  ChartTickLine,\n} from \"./chart\"\nimport type { PolarChartStyle } from \"./polar-chart.style\"\nimport type {\n  UseAngleAxisProps,\n  UseChartPieLabelLineProps,\n  UseChartPieLabelProps,\n  UseChartPieProps,\n  UseChartRadarProps,\n  UseChartRadialProps,\n  UseChartSectorProps,\n  UsePolarChartProps,\n  UsePolarGridProps,\n  UseRadiusAxisProps,\n} from \"./use-polar-chart\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useId,\n  useMemo,\n} from \"react\"\nimport {\n  Curve,\n  Pie,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadialBar,\n  Sector,\n  Text,\n} from \"recharts\"\nimport {\n  createShouldForwardProp,\n  createSlotComponent,\n  getCSS,\n  styled,\n  useSystem,\n  useTheme,\n  varAttr,\n} from \"../../core\"\nimport {\n  assignRef,\n  cx,\n  isFunction,\n  isNumber,\n  isObject,\n  runIfFn,\n  splitObject,\n} from \"../../utils\"\nimport { Chart, ChartLabelList, useChartComponentContext } from \"./chart\"\nimport { polarChartStyle } from \"./polar-chart.style\"\nimport {\n  useAngleAxis,\n  useChartPie,\n  useChartPieLabel,\n  useChartPieLabelLine,\n  useChartRadar,\n  useChartRadial,\n  useChartSector,\n  usePolarChart,\n  usePolarGrid,\n  useRadiusAxis,\n} from \"./use-polar-chart\"\n\nconst shouldForwardProp = createShouldForwardProp()\n\ninterface ComponentContext extends Pick<\n  PolarChartProps,\n  | \"angleAxisProps\"\n  | \"gridProps\"\n  | \"nameKey\"\n  | \"pieProps\"\n  | \"radarProps\"\n  | \"radialProps\"\n  | \"radiusAxisProps\"\n  | \"sectorProps\"\n> {}\n\nexport interface PolarChartProps<Y extends Dict = Dict>\n  extends\n    Omit<ChartProps, \"cx\" | \"cy\">,\n    UsePolarChartProps<Y>,\n    ThemeProps<PolarChartStyle> {\n  /**\n   * The fill of the active dot.\n   */\n  activeDotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the active dot.\n   */\n  activeDotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke of the active dot.\n   */\n  activeDotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the active dot stroke.\n   */\n  activeDotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The stroke of the angle axis line.\n   */\n  angleAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the angle axis line stroke.\n   */\n  angleAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The color of the angle axis text.\n   */\n  angleAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the angle axis text.\n   */\n  angleAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * The fill of the dot.\n   */\n  dotFill?: CSSProps[\"fill\"]\n  /**\n   * The radius of the dot.\n   */\n  dotRadius?: CSSProps[\"r\"]\n  /**\n   * The stroke of the dot.\n   */\n  dotStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the dot stroke.\n   */\n  dotStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The stroke of the grid.\n   */\n  gridStroke?: CSSProps[\"stroke\"]\n  /**\n   * The opacity of the inactive label line.\n   */\n  inactiveLabelLineOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The opacity of the inactive label.\n   */\n  inactiveLabelOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The opacity of the inactive radar.\n   */\n  inactiveRadarOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The opacity of the inactive sector.\n   */\n  inactiveSectorOpacity?: CSSProps[\"opacity\"]\n  /**\n   * The color of the label.\n   */\n  labelColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the label.\n   */\n  labelFill?: CSSProps[\"fill\"]\n  /**\n   * The stroke of the label line.\n   */\n  labelLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the label line stroke.\n   */\n  labelLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The key to use for the angle axis.\n   */\n  nameKey?: keyof Y\n  /**\n   * The color of the radar.\n   */\n  radarColor?: CSSProps[\"color\"]\n  /**\n   * The fill opacity of the radar.\n   */\n  radarFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The stroke of the radar.\n   */\n  radarStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the radar stroke.\n   */\n  radarStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The color of the radial background.\n   */\n  radialBackgroundColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the radial background.\n   */\n  radialBackgroundFill?: CSSProps[\"fill\"]\n  /**\n   * The stroke of the radial background.\n   */\n  radialBackgroundStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the radial background stroke.\n   */\n  radialBackgroundStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The stroke of the radius axis line.\n   */\n  radiusAxisLineStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the radius axis line stroke.\n   */\n  radiusAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * The color of the radius axis text.\n   */\n  radiusAxisTextColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the radius axis text.\n   */\n  radiusAxisTextFill?: CSSProps[\"fill\"]\n  /**\n   * The color of the sector.\n   */\n  sectorColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the sector.\n   */\n  sectorFill?: CSSProps[\"fill\"]\n  /**\n   * The stroke of the sector.\n   */\n  sectorStroke?: CSSProps[\"stroke\"]\n  /**\n   * The width of the sector stroke.\n   */\n  sectorStrokeWidth?: CSSProps[\"strokeWidth\"]\n  /**\n   * If `true`, angle axis is visible.\n   *\n   * @default true\n   */\n  withAngleAxis?: boolean\n  /**\n   * If `true`, grid is visible.\n   *\n   * @default true\n   */\n  withGrid?: boolean\n  /**\n   * If `true`, radius axis is visible.\n   *\n   * @default false\n   */\n  withRadiusAxis?: boolean\n  /**\n   * Props for the angle axis component.\n   */\n  angleAxisProps?: UseAngleAxisProps\n  /**\n   * Props for the polar chart component.\n   */\n  chartProps?: Omit<OriginalPolarChartProps, \"data\">\n  /**\n   * Props for the donut component.\n   */\n  donutProps?: Omit<ChartPieProps, \"data\" | \"dataKey\" | \"nameKey\">\n  /**\n   * Props for the grid component.\n   */\n  gridProps?: ChartPolarGridProps\n  /**\n   * Props for the pie component.\n   */\n  pieProps?: Omit<ChartPieProps, \"data\" | \"dataKey\" | \"nameKey\">\n  /**\n   * Props for the radar component.\n   */\n  radarProps?: Omit<ChartRadarProps, \"data\" | \"dataKey\">\n  /**\n   * Props for the radial component.\n   */\n  radialProps?: Omit<ChartRadialProps, \"dataKey\" | \"nameKey\">\n  /**\n   * Props for the radius axis component.\n   */\n  radiusAxisProps?: UseRadiusAxisProps\n  /**\n   * Props for the sector component.\n   */\n  sectorProps?: ChartSectorProps\n}\n\nconst {\n  component,\n  ComponentContext,\n  PropsContext: PolarChartPropsContext,\n  useComponentContext,\n  usePropsContext: usePolarChartPropsContext,\n  withContext,\n  withProvider,\n  useSlotComponentProps,\n} = createSlotComponent<PolarChartProps, PolarChartStyle, ComponentContext>(\n  \"polar-chart\",\n  polarChartStyle,\n)\n\nexport { PolarChartPropsContext, usePolarChartPropsContext }\n\nexport const PolarChart = withProvider(\n  <Y extends Dict>({\n    components: componentsProp,\n    nameKey,\n    render,\n    withAngleAxis = false,\n    withGrid = false,\n    withRadiusAxis = false,\n    angleAxisProps,\n    chartProps,\n    donutProps,\n    gridProps,\n    pieProps = donutProps,\n    radarProps,\n    radialProps,\n    radiusAxisProps,\n    sectorProps,\n    ...rest\n  }: PolarChartProps<Y>) => {\n    const { getChartProps, getRootProps } = usePolarChart(rest)\n    const components = useMemo(\n      () => [\n        {\n          component: ChartPolarGrid,\n          fallback: withGrid ? <ChartPolarGrid /> : null,\n        },\n        {\n          component: ChartAngleAxis,\n          fallback: withAngleAxis ? <ChartAngleAxis /> : null,\n        },\n        {\n          component: ChartRadiusAxis,\n          fallback: withRadiusAxis ? <ChartRadiusAxis /> : null,\n        },\n        ...componentsProp,\n      ],\n      [componentsProp, withGrid, withAngleAxis, withRadiusAxis],\n    )\n    const componentContext = useMemo(\n      () => ({\n        nameKey: nameKey as string | undefined,\n        angleAxisProps,\n        gridProps,\n        pieProps,\n        radarProps,\n        radialProps,\n        radiusAxisProps,\n        sectorProps,\n      }),\n      [\n        pieProps,\n        radarProps,\n        sectorProps,\n        angleAxisProps,\n        radiusAxisProps,\n        gridProps,\n        nameKey,\n        radialProps,\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    angleAxisLineStroke,\n    angleAxisLineStrokeWidth,\n    angleAxisTextColor,\n    angleAxisTextFill,\n    dotFill,\n    dotRadius,\n    dotStroke,\n    dotStrokeWidth,\n    gridStroke,\n    inactiveLabelLineOpacity,\n    inactiveLabelOpacity,\n    inactiveRadarOpacity,\n    inactiveSectorOpacity,\n    labelColor,\n    labelFill,\n    labelLineStroke,\n    labelLineStrokeWidth,\n    radarColor,\n    radarFillOpacity,\n    radarStroke,\n    radarStrokeWidth,\n    radialBackgroundColor,\n    radialBackgroundFill,\n    radialBackgroundStroke,\n    radialBackgroundStrokeWidth,\n    radiusAxisLineStroke,\n    radiusAxisLineStrokeWidth,\n    radiusAxisTextColor,\n    radiusAxisTextFill,\n    sectorColor,\n    sectorFill,\n    sectorStroke,\n    sectorStrokeWidth,\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    \"--angle-axis-line-stroke\": varAttr(angleAxisLineStroke, \"colors\"),\n    \"--angle-axis-line-stroke-width\": angleAxisLineStrokeWidth,\n    \"--angle-axis-text-color\": varAttr(angleAxisTextColor, \"colors\"),\n    \"--angle-axis-text-fill\": varAttr(angleAxisTextFill, \"colors\"),\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-label-line-opacity\": inactiveLabelLineOpacity,\n    \"--inactive-label-opacity\": inactiveLabelOpacity,\n    \"--inactive-radar-opacity\": inactiveRadarOpacity,\n    \"--inactive-sector-opacity\": inactiveSectorOpacity,\n    \"--label-color\": varAttr(labelColor, \"colors\"),\n    \"--label-fill\": varAttr(labelFill, \"colors\"),\n    \"--label-line-stroke\": varAttr(labelLineStroke, \"colors\"),\n    \"--label-line-stroke-width\": labelLineStrokeWidth,\n    \"--radar-color\": varAttr(radarColor, \"colors\"),\n    \"--radar-fill-opacity\": radarFillOpacity,\n    \"--radar-stroke\": varAttr(radarStroke, \"colors\"),\n    \"--radar-stroke-width\": radarStrokeWidth,\n    \"--radial-background-color\": varAttr(radialBackgroundColor, \"colors\"),\n    \"--radial-background-fill\": varAttr(radialBackgroundFill, \"colors\"),\n    \"--radial-background-stroke\": varAttr(radialBackgroundStroke, \"colors\"),\n    \"--radial-background-stroke-width\": radialBackgroundStrokeWidth,\n    \"--radius-axis-line-stroke\": varAttr(radiusAxisLineStroke, \"colors\"),\n    \"--radius-axis-line-stroke-width\": radiusAxisLineStrokeWidth,\n    \"--radius-axis-text-color\": varAttr(radiusAxisTextColor, \"colors\"),\n    \"--radius-axis-text-fill\": varAttr(radiusAxisTextFill, \"colors\"),\n    \"--sector-color\": varAttr(sectorColor, \"colors\"),\n    \"--sector-fill\": varAttr(sectorFill, \"colors\"),\n    \"--sector-stroke\": varAttr(sectorStroke, \"colors\"),\n    \"--sector-stroke-width\": sectorStrokeWidth,\n    ...rest,\n  }),\n) as GenericsComponent<{\n  <Y extends Dict>(props: PolarChartProps<Y>): ReactElement\n}>\n\nexport type ChartPieLabel =\n  | ((props: PieLabelRenderProps) => Partial<ChartPieLabelProps>)\n  | boolean\n  | Partial<ChartPieLabelProps>\n\nexport type ChartPieLabelLine =\n  | ((props: any) => ChartPieLabelLineProps)\n  | boolean\n  | ChartPieLabelLineProps\n\nexport type ChartPieLabelList = boolean | ChartLabelListProps\n\nexport interface ChartPieProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"svg\">,\n  Omit<UseChartPieProps, \"data\" | \"dataKey\" | \"label\" | \"labelLine\" | \"nameKey\">\n> {\n  /**\n   * The key of a group of data which should be unique in an chart.\n   */\n  dataKey: Exclude<keyof Y, \"fill\">\n  /**\n   * The key of the name of the data.\n   */\n  nameKey: Exclude<keyof Y, \"fill\">\n  /**\n   * The active index of the sector.\n   */\n  activeIndex?: number\n  /**\n   * The data to use for the pie.\n   */\n  data?: Y[]\n  /**\n   * The label to use for the pie.\n   */\n  label?: ChartPieLabel\n  /**\n   * The label line to use for the pie.\n   *\n   * @default false\n   */\n  labelLine?: ChartPieLabelLine\n  /**\n   * If `true`, the label list is visible.\n   *\n   * @default false\n   */\n  labelList?: ChartPieLabelList\n  /**\n   * Props for the sector component.\n   */\n  sectorProps?:\n    | ((props: PieSectorShapeProps, index: number) => ChartSectorProps)\n    | ChartSectorProps\n}\n\nexport const ChartPie = withContext<\"svg\", ChartPieProps>((props) => {\n  const { pieProps } = useComponentContext()\n  const {\n    activeIndex,\n    children,\n    label: labelProp,\n    labelLine: labelLineProp = false,\n    labelList = false,\n    nameKey,\n    sectorProps,\n    ...rest\n  } = { ...pieProps, ...props }\n  const shape = useCallback(\n    (props: any, index: number) => {\n      if (isNumber(activeIndex)) props.isActive = index === activeIndex\n\n      return <ChartSector {...props} {...runIfFn(sectorProps, props, index)} />\n    },\n    [activeIndex, sectorProps],\n  )\n  const label = useMemo<UseChartPieProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n\n    const Component = (props: any) => (\n      <ChartPieLabel\n        {...props}\n        {...(labelProp !== true ? runIfFn(labelProp, props) : {})}\n      />\n    )\n\n    return Component\n  }, [labelProp])\n  const labelLine = useMemo<UseChartPieProps[\"labelLine\"]>(() => {\n    if (!labelLineProp) return labelLineProp\n\n    const Component = ({ key: _, ...rest }: any) => (\n      <ChartPieLabelLine\n        {...rest}\n        {...(labelLineProp !== true ? runIfFn(labelLineProp, rest) : {})}\n      />\n    )\n\n    return Component\n  }, [labelLineProp])\n  const { getPieProps, getRootProps } = useChartPie({\n    label,\n    labelLine,\n    nameKey,\n    shape,\n    ...rest,\n  })\n\n  return (\n    <styled.svg asChild {...getRootProps()}>\n      <Pie {...getPieProps()}>\n        {children}\n\n        {labelList ? (\n          <ChartLabelList\n            dataKey={nameKey}\n            {...(isObject(labelList) ? labelList : {})}\n          />\n        ) : null}\n      </Pie>\n    </styled.svg>\n  )\n}, \"pie\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartPieProps<Y>): ReactElement\n}>\n\ninterface ChartSectorProps extends Merge<\n  HTMLStyledProps<\"path\">,\n  UseChartSectorProps\n> {}\n\nconst ChartSector = withContext<\"path\", ChartSectorProps>((props) => {\n  const { sectorProps } = useComponentContext()\n  const { getRootProps, getSectorProps } = useChartSector({\n    ...sectorProps,\n    ...props,\n  })\n\n  return (\n    <styled.path asChild {...getRootProps()}>\n      <Sector {...getSectorProps()} />\n    </styled.path>\n  )\n}, \"sector\")()\n\ninterface ChartPieLabelProps extends Merge<\n  HTMLStyledProps<\"text\">,\n  UseChartPieLabelProps\n> {}\n\nconst ChartPieLabel = withContext<\"text\", ChartPieLabelProps>((props) => {\n  const { getRootProps, getTextProps } = useChartPieLabel(props)\n\n  return (\n    <styled.text asChild {...getRootProps()}>\n      <Text {...getTextProps()} />\n    </styled.text>\n  )\n}, \"label\")()\n\ninterface ChartPieLabelLineProps extends Merge<\n  HTMLStyledProps<\"path\">,\n  UseChartPieLabelLineProps\n> {}\n\nconst ChartPieLabelLine = withContext<\"path\", ChartPieLabelLineProps>(\n  (props) => {\n    const { getCurveProps, getRootProps } = useChartPieLabelLine(props)\n\n    return (\n      <styled.path asChild {...getRootProps()}>\n        <Curve {...getCurveProps()} />\n      </styled.path>\n    )\n  },\n  \"labelLine\",\n)()\n\nexport interface ChartDonutProps<\n  Y extends Dict = Dict,\n> extends ChartPieProps<Y> {}\n\nexport const ChartDonut = component<\"svg\", ChartDonutProps>(ChartPie, \"donut\")(\n  undefined,\n  (props) => {\n    const { pieProps } = useComponentContext()\n\n    return { ...pieProps, ...props }\n  },\n  ({ label, ...rest }) => ({ innerRadius: !label ? \"70%\" : \"50%\", ...rest }),\n) as GenericsComponent<{\n  <Y extends Dict>(props: ChartDonutProps<Y>): ReactElement\n}>\n\nexport interface ChartRadarProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"path\">,\n  Omit<UseChartRadarProps, \"activeDot\" | \"dataKey\" | \"dot\" | \"label\" | \"stroke\">\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 dot to use for the line.\n   *\n   * @default false\n   */\n  dot?: ChartDot\n  /**\n   * The label to use for the line.\n   *\n   * @default false\n   */\n  label?: ChartLabelListType\n}\n\nexport const ChartRadar = withContext<\"path\", ChartRadarProps>((props) => {\n  const { radarProps } = 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  } = { ...radarProps, ...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<UseChartRadarProps[\"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<UseChartRadarProps[\"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<UseChartRadarProps[\"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 { getRadarProps, getRootProps } = useChartRadar({\n    activeDot,\n    dataKey,\n    dot,\n    fill: color ? `url(#${id})` : \"\",\n    label,\n    stroke,\n    ...rest,\n  })\n\n  return (\n    <>\n      <styled.path asChild {...getRootProps()}>\n        <Radar {...getRadarProps()}>{children}</Radar>\n      </styled.path>\n\n      <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n        <styled.stop\n          stopColor={color}\n          stopOpacity={rest.fillOpacity ?? \"{radar-fill-opacity}\"}\n        />\n      </linearGradient>\n    </>\n  )\n}, \"radar\")() as GenericsComponent<{\n  <Y extends Dict>(props: ChartRadarProps<Y>): ReactElement\n}>\n\nexport type ChartPolarAxisTick =\n  | ((props: BaseTickContentProps) => ReactNode)\n  | boolean\n  | HTMLStyledProps<\"text\">\n  | ReactElement\n\nexport type ChartAxisLine = boolean | HTMLStyledProps<\"line\">\n\nexport interface ChartAngleAxisProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"text\">,\n  Omit<\n    UseAngleAxisProps,\n    \"axisLine\" | \"dataKey\" | \"label\" | \"tick\" | \"tickLine\"\n  >\n> {\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  axisLine?: ChartAxisLine\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 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?: ChartPolarAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartAngleAxis = withContext<\"text\", ChartAngleAxisProps>(\n  (props) => {\n    const { nameKey, angleAxisProps } = useComponentContext()\n    const {\n      axisLine: axisLineProp = false,\n      children,\n      label: labelProp = false,\n      tick: tickProp = true,\n      tickLine: tickLineProp = false,\n      ...rest\n    } = { ...angleAxisProps, ...props }\n    const system = useSystem()\n    const { theme } = useTheme()\n    const tickProps = useSlotComponentProps({}, \"angleAxisTick\")\n    const labelProps = useSlotComponentProps({}, \"angleAxisLabel\")\n    const tickLineProps = useSlotComponentProps({}, \"angleAxisTickLine\")\n    const axisLineProps = useSlotComponentProps({}, \"angleAxisLine\")\n    const css = useMemo(() => getCSS(system, theme), [system, theme])\n    const tick = useMemo<UseAngleAxisProps[\"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          BaseTickContentProps,\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<UseAngleAxisProps[\"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 axisLine = useMemo<UseAngleAxisProps[\"axisLine\"]>(() => {\n      if (!axisLineProp) return axisLineProp\n\n      const className = cx(axisLineProps.className, css(axisLineProps.css))\n\n      if (isObject(axisLineProp)) {\n        const [omittedProps, styleProps] = splitObject<\n          HTMLProps<\"line\">,\n          CSSObject\n        >(axisLineProp, shouldForwardProp)\n\n        return {\n          ...omittedProps,\n          className: cx(className, omittedProps.className, css(styleProps)),\n        }\n      } else {\n        return { className }\n      }\n    }, [axisLineProp, axisLineProps.className, axisLineProps.css, css])\n    const label = useMemo<UseAngleAxisProps[\"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 { getAngleAxisProps, getRootProps } = useAngleAxis({\n      axisLine,\n      dataKey: nameKey,\n      label,\n      tick,\n      tickLine,\n      ...rest,\n    })\n\n    return (\n      <styled.text asChild {...getRootProps()}>\n        <PolarAngleAxis {...getAngleAxisProps()}>{children}</PolarAngleAxis>\n      </styled.text>\n    )\n  },\n  \"angleAxis\",\n)() as GenericsComponent<{\n  <Y extends Dict>(props: ChartAngleAxisProps<Y>): ReactElement\n}>\n\nexport interface ChartRadiusAxisProps<Y extends Dict = Dict> extends Merge<\n  HTMLStyledProps<\"text\">,\n  Omit<\n    UseRadiusAxisProps,\n    \"axisLine\" | \"dataKey\" | \"label\" | \"tick\" | \"tickLine\"\n  >\n> {\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  axisLine?: ChartAxisLine\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 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?: ChartPolarAxisTick\n  /**\n   * The tick line to use for the axis.\n   *\n   * @default false\n   */\n  tickLine?: ChartTickLine\n}\n\nexport const ChartRadiusAxis = withContext<\"text\", ChartRadiusAxisProps>(\n  (props) => {\n    const { radiusAxisProps } = useComponentContext()\n    const {\n      axisLine: axisLineProp = false,\n      children,\n      label: labelProp = false,\n      tick: tickProp = true,\n      tickLine: tickLineProp = false,\n      ...rest\n    } = { ...radiusAxisProps, ...props }\n    const system = useSystem()\n    const { theme } = useTheme()\n    const tickProps = useSlotComponentProps({}, \"radiusAxisTick\")\n    const labelProps = useSlotComponentProps({}, \"radiusAxisLabel\")\n    const tickLineProps = useSlotComponentProps({}, \"radiusAxisTickLine\")\n    const axisLineProps = useSlotComponentProps({}, \"radiusAxisLine\")\n    const css = useMemo(() => getCSS(system, theme), [system, theme])\n    const tick = useMemo<UseRadiusAxisProps[\"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          BaseTickContentProps,\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<UseRadiusAxisProps[\"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 axisLine = useMemo<UseRadiusAxisProps[\"axisLine\"]>(() => {\n      if (!axisLineProp) return axisLineProp\n\n      const className = cx(axisLineProps.className, css(axisLineProps.css))\n\n      if (isObject(axisLineProp)) {\n        const [omittedProps, styleProps] = splitObject<\n          HTMLProps<\"line\">,\n          CSSObject\n        >(axisLineProp, shouldForwardProp)\n\n        return {\n          ...omittedProps,\n          className: cx(className, omittedProps.className, css(styleProps)),\n        }\n      } else {\n        return { className }\n      }\n    }, [axisLineProp, axisLineProps.className, axisLineProps.css, css])\n    const label = useMemo<UseRadiusAxisProps[\"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 { getRadiusAxisProps, getRootProps } = useRadiusAxis({\n      axisLine,\n      label,\n      tick,\n      tickLine,\n      ...rest,\n    })\n\n    return (\n      <styled.text asChild {...getRootProps()}>\n        <PolarRadiusAxis {...getRadiusAxisProps()}>{children}</PolarRadiusAxis>\n      </styled.text>\n    )\n  },\n  \"radiusAxis\",\n)() as GenericsComponent<{\n  <Y extends Dict>(props: ChartRadiusAxisProps<Y>): ReactElement\n}>\n\nexport interface ChartPolarGridProps extends Merge<\n  HTMLStyledProps<\"line\">,\n  UsePolarGridProps\n> {}\n\nexport const ChartPolarGrid = withContext<\"line\", ChartPolarGridProps>(\n  (props) => {\n    const { gridProps } = useComponentContext()\n    const { getPolarGridProps, getRootProps } = usePolarGrid({\n      ...gridProps,\n      ...props,\n    })\n\n    return (\n      <styled.line asChild {...getRootProps()}>\n        <PolarGrid {...getPolarGridProps()} />\n      </styled.line>\n    )\n  },\n  \"grid\",\n)()\n\nexport type ChartRadialBackground =\n  | ((props: SectorProps) => null | ReactElement | undefined)\n  | boolean\n  | HTMLStyledProps<\"svg\">\n  | ReactElement\n\nexport interface ChartRadialProps<Y extends Dict = Dict> extends Merge<\n  Omit<HTMLStyledProps<\"svg\">, \"background\">,\n  Omit<UseChartRadialProps<Y>, \"background\" | \"dataKey\" | \"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 background to use for the radial chart.\n   */\n  background?: ChartRadialBackground\n  /**\n   * The label to use for the radial.\n   *\n   * @default false\n   */\n  label?: ChartLabelListType\n  /**\n   * If `true`, the label list is visible.\n   *\n   * @default false\n   */\n  labelList?: ChartPieLabelList\n  /**\n   * Props for the sector component.\n   */\n  sectorProps?:\n    | ((props: PieSectorShapeProps) => ChartSectorProps)\n    | ChartSectorProps\n}\n\nexport const ChartRadial = withContext<\"svg\", ChartRadialProps>(\n  <Y extends Dict>(props: ChartRadialProps<Y>) => {\n    const { radialProps } = useComponentContext()\n    const {\n      background: backgroundProp = true,\n      children,\n      dataKey,\n      label: labelProp = false,\n      labelList = false,\n      nameKey,\n      sectorProps,\n      ...rest\n    } = { ...radialProps, ...props }\n    const system = useSystem()\n    const { theme } = useTheme()\n    const { nameKeyRef } = useChartComponentContext()\n    const labelProps = useSlotComponentProps({}, \"labelList\")\n    const backgroundProps = useSlotComponentProps({}, \"radialBackground\")\n    const css = useMemo(() => getCSS(system, theme), [system, theme])\n    const shape = useCallback(\n      (props: any) => {\n        const color = rest.fill ?? rest.color\n\n        return (\n          <ChartSector\n            color={color}\n            {...props}\n            {...runIfFn(sectorProps, props)}\n          />\n        )\n      },\n      [rest.fill, rest.color, sectorProps],\n    )\n    const label = useMemo<UseChartRadialProps<Y>[\"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<\n          LabelListProps,\n          CSSObject\n        >(labelProp, shouldForwardProp)\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 background = useMemo<UseChartRadialProps<Y>[\"background\"]>(() => {\n      if (!backgroundProp) return backgroundProp\n\n      const className = cx(backgroundProps.className, css(backgroundProps.css))\n\n      if (isFunction(backgroundProp)) {\n        return (props) =>\n          backgroundProp({\n            ...props,\n            className: cx(className, props.className),\n          })\n      } else if (isValidElement(backgroundProp)) {\n        return cloneElement<any>(backgroundProp, { className })\n      } else if (isObject(backgroundProp)) {\n        const [omittedProps, styleProps] = splitObject<\n          HTMLProps<\"svg\">,\n          CSSObject\n        >(backgroundProp, shouldForwardProp)\n        return {\n          ...omittedProps,\n          className: cx(className, omittedProps.className, css(styleProps)),\n        }\n      } else {\n        return { className }\n      }\n    }, [backgroundProp, backgroundProps.className, backgroundProps.css, css])\n    const { getRadialProps, getRootProps } = useChartRadial({\n      background,\n      dataKey: dataKey as DataKey<any>,\n      label,\n      nameKey,\n      shape,\n      ...rest,\n    })\n\n    assignRef(nameKeyRef, nameKey)\n\n    return (\n      <styled.svg asChild {...getRootProps()}>\n        <RadialBar {...getRadialProps()}>\n          {children}\n\n          {labelList ? (\n            <ChartLabelList\n              dataKey={nameKey as DataKey<any>}\n              offset={4}\n              position=\"insideStart\"\n              {...(isObject(labelList) ? labelList : {})}\n            />\n          ) : null}\n        </RadialBar>\n      </styled.svg>\n    )\n  },\n  \"radial\",\n)() as GenericsComponent<{\n  <Y extends Dict>(props: ChartRadialProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkGA,MAAM,oBAAoB,yBAAyB;AAmOnD,MAAM,EACJ,WACA,kBACA,cAAc,wBACd,qBACA,iBAAiB,2BACjB,aACA,cACA,0BACE,oBACF,eACA,gBACD;AAID,MAAa,aAAa,cACP,EACf,YAAY,gBACZ,SACA,QACA,gBAAgB,OAChB,WAAW,OACX,iBAAiB,OACjB,gBACA,YACA,YACA,WACA,WAAW,YACX,YACA,aACA,iBACA,aACA,GAAG,WACqB;CACxB,MAAM,EAAE,eAAe,iBAAiB,cAAc,KAAK;CAC3D,MAAM,aAAa,cACX;EACJ;GACE,WAAW;GACX,UAAU,WAAW,oBAAC,mBAAiB,GAAG;GAC3C;EACD;GACE,WAAW;GACX,UAAU,gBAAgB,oBAAC,mBAAiB,GAAG;GAChD;EACD;GACE,WAAW;GACX,UAAU,iBAAiB,oBAAC,oBAAkB,GAAG;GAClD;EACD,GAAG;EACJ,EACD;EAAC;EAAgB;EAAU;EAAe;EAAe,CAC1D;AAwBD,QACE,oBAAC;EAAiB,OAxBK,eAChB;GACI;GACT;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;YAIG,oBAAC;GACa;GACZ,SAAS,UAAU,OAAO,cAAc;IAAE,GAAG;IAAO,GAAG;IAAY,CAAC,CAAC;GACrE,GAAI,cAAc;IAClB;GACe;GAGvB,OACD,CACC,SACC,EACC,eACA,iBACA,iBACA,sBACA,qBACA,0BACA,oBACA,mBACA,SACA,WACA,WACA,gBACA,YACA,0BACA,sBACA,sBACA,uBACA,YACA,WACA,iBACA,sBACA,YACA,kBACA,aACA,kBACA,uBACA,sBACA,wBACA,6BACA,sBACA,2BACA,qBACA,oBACA,aACA,YACA,cACA,mBACA,GAAG,YACE;CACL,qBAAqB,QAAQ,eAAe,SAAS;CACrD,kBAAkB;CAClB,uBAAuB,QAAQ,iBAAiB,SAAS;CACzD,6BAA6B;CAC7B,4BAA4B,QAAQ,qBAAqB,SAAS;CAClE,kCAAkC;CAClC,2BAA2B,QAAQ,oBAAoB,SAAS;C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"}

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

@@ -36,7 +36,7 @@ const useCartesianChart = ({ accessibilityLayer = true, compact, data, layout =
 		getRootProps
 	};
 };
-const useChartXAxis = ({ type, name, allowDataOverflow, allowDecimals, allowDuplicatedCategory, angle, axisLine = false, children, dataKey, domain, height, hide, includeHidden, interval, label: labelProp = false, minTickGap = 8, mirror, orientation, padding, range, reversed, scale, tick: tickProp = true, tickCount, tickFormatter, tickLine: tickLineProp = false, tickMargin = 8, ticks, tickSize, unit, xAxisId, ...rest } = {}) => {
+const useChartXAxis = ({ type, name, allowDataOverflow, allowDecimals, allowDuplicatedCategory, angle, axisLine = false, children, dataKey, domain, height, hide, includeHidden, interval, label: labelProp = false, minTickGap = 8, mirror, niceTicks, orientation, padding, range, reversed, scale, tick: tickProp = true, tickCount, tickFormatter, tickLine: tickLineProp = false, tickMargin = 8, ticks, tickSize, unit, xAxisId, ...rest } = {}) => {
 	const tick = useMemo(() => {
 		if (!tickProp) return tickProp;
 		if ((0, utils_exports.isFunction)(tickProp) || isValidElement(tickProp)) return tickProp;
@@ -86,6 +86,7 @@ const useChartXAxis = ({ type, name, allowDataOverflow, allowDecimals, allowDupl
 			label,
 			minTickGap,
 			mirror,
+			niceTicks,
 			orientation,
 			padding,
 			range,
@@ -110,6 +111,7 @@ const useChartXAxis = ({ type, name, allowDataOverflow, allowDecimals, allowDupl
 			children,
 			dataKey,
 			domain,
+			niceTicks,
 			height,
 			hide,
 			includeHidden,
@@ -136,7 +138,7 @@ const useChartXAxis = ({ type, name, allowDataOverflow, allowDecimals, allowDupl
 		])
 	};
 };
-const useChartYAxis = ({ type, name, allowDataOverflow, allowDecimals = true, allowDuplicatedCategory, angle, axisLine = false, children, dataKey, domain, hide, includeHidden, interval, label: labelProp = false, minTickGap, mirror, orientation, padding, range, reversed, scale, tick: tickProp = true, tickCount, tickFormatter, tickLine: tickLineProp = false, tickMargin, ticks, tickSize, unit, width, yAxisId, ...rest } = {}) => {
+const useChartYAxis = ({ type, name, allowDataOverflow, allowDecimals = true, allowDuplicatedCategory, angle, axisLine = false, children, dataKey, domain, hide, includeHidden, interval, label: labelProp = false, minTickGap, mirror, niceTicks, orientation, padding, range, reversed, scale, tick: tickProp = true, tickCount, tickFormatter, tickLine: tickLineProp = false, tickMargin, ticks, tickSize, unit, width, yAxisId, ...rest } = {}) => {
 	const tick = useMemo(() => {
 		if (!tickProp) return tickProp;
 		if ((0, utils_exports.isFunction)(tickProp) || isValidElement(tickProp)) return tickProp;
@@ -187,6 +189,7 @@ const useChartYAxis = ({ type, name, allowDataOverflow, allowDecimals = true, al
 			label,
 			minTickGap,
 			mirror,
+			niceTicks,
 			orientation: orientation === "end" ? "right" : orientation === "start" ? "left" : void 0,
 			padding,
 			range,
@@ -218,6 +221,7 @@ const useChartYAxis = ({ type, name, allowDataOverflow, allowDecimals = true, al
 			label,
 			minTickGap,
 			mirror,
+			niceTicks,
 			name,
 			orientation,
 			padding,

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

@@ -1 +1 @@
-{"version":3,"file":"use-cartesian-chart.js","names":["getRootProps: PropGetter","getRootProps: PropGetter<\"line\">","getRootProps: PropGetter<\"path\">"],"sources":["../../../../src/components/chart/use-cartesian-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  AreaProps,\n  BarProps,\n  CartesianGridProps,\n  LineProps,\n  ReferenceLineProps,\n  XAxisProps,\n  YAxisProps,\n} from \"recharts\"\nimport type { CartesianChartProps } from \"recharts/types/util/types\"\nimport type { HTMLProps, PropGetter, SimpleDirection } from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport { isValidElement, useCallback, useMemo } from \"react\"\nimport { dataAttr, isFunction, isObject, isUndefined } from \"../../utils\"\nimport { useChartContext } from \"./use-chart\"\n\nexport interface UseCartesianChartProps<Y extends Dict>\n  extends\n    HTMLProps,\n    Pick<\n      CartesianChartProps,\n      | \"accessibilityLayer\"\n      | \"compact\"\n      | \"layout\"\n      | \"responsive\"\n      | \"syncId\"\n      | \"syncMethod\"\n    > {\n  /**\n   * Chart data.\n   */\n  data?: Y[]\n}\n\nexport const useCartesianChart = <Y extends Dict>({\n  accessibilityLayer = true,\n  compact,\n  data,\n  layout = \"horizontal\",\n  responsive,\n  syncId,\n  syncMethod,\n  ...rest\n}: UseCartesianChartProps<Y>) => {\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...props, ...rest }),\n    [rest],\n  )\n\n  const getChartProps: PropGetter<CartesianChartProps> = useCallback(\n    (props) => ({\n      accessibilityLayer,\n      compact,\n      data,\n      layout,\n      margin: { left: 16, right: 16 },\n      responsive,\n      syncId,\n      syncMethod,\n      ...props,\n    }),\n    [accessibilityLayer, compact, data, layout, responsive, syncId, syncMethod],\n  )\n\n  return {\n    getChartProps,\n    getRootProps,\n  }\n}\n\nexport type UseCartesianChartReturn<Y extends Dict> = ReturnType<\n  typeof useCartesianChart<Y>\n>\n\nexport interface UseChartXAxisProps extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    XAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"axisLine\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"height\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"interval\"\n    | \"label\"\n    | \"minTickGap\"\n    | \"mirror\"\n    | \"name\"\n    | \"orientation\"\n    | \"padding\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"tickMargin\"\n    | \"ticks\"\n    | \"tickSize\"\n    | \"type\"\n    | \"unit\"\n    | \"xAxisId\"\n  >\n> {}\n\nexport const useChartXAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals,\n  allowDuplicatedCategory,\n  angle,\n  axisLine = false,\n  children,\n  dataKey,\n  domain,\n  height,\n  hide,\n  includeHidden,\n  interval,\n  label: labelProp = false,\n  minTickGap = 8,\n  mirror,\n  orientation,\n  padding,\n  range,\n  reversed,\n  scale,\n  tick: tickProp = true,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp = false,\n  tickMargin = 8,\n  ticks,\n  tickSize,\n  unit,\n  xAxisId,\n  ...rest\n}: UseChartXAxisProps = {}) => {\n  const tick = useMemo<UseChartXAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return { ...(isObject(tickProp) ? tickProp : {}), fill: \"\" }\n  }, [tickProp])\n  const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const label = useMemo<UseChartXAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 0,\n      position: \"insideBottom\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getXAxisProps: PropGetter<XAxisProps> = useCallback(\n    (props) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      height: height ?? (label ? 52 : undefined),\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      orientation,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      ticks,\n      tickSize,\n      unit,\n      xAxisId,\n      ...props,\n    }),\n    [\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      height,\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      name,\n      orientation,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      tickSize,\n      ticks,\n      type,\n      unit,\n      xAxisId,\n    ],\n  )\n\n  return { getRootProps, getXAxisProps }\n}\n\nexport type UseChartXAxisReturn = ReturnType<typeof useChartXAxis>\n\nexport interface UseChartYAxisProps extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    YAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"axisLine\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"interval\"\n    | \"label\"\n    | \"minTickGap\"\n    | \"mirror\"\n    | \"name\"\n    | \"padding\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"tickMargin\"\n    | \"ticks\"\n    | \"tickSize\"\n    | \"type\"\n    | \"unit\"\n    | \"width\"\n    | \"yAxisId\"\n  >\n> {\n  /**\n   * The orientation of axis.\n   *\n   * @defaultValue \"start\"\n   */\n  orientation?: SimpleDirection\n}\n\nexport const useChartYAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals = true,\n  allowDuplicatedCategory,\n  angle,\n  axisLine = false,\n  children,\n  dataKey,\n  domain,\n  hide,\n  includeHidden,\n  interval,\n  label: labelProp = false,\n  minTickGap,\n  mirror,\n  orientation,\n  padding,\n  range,\n  reversed,\n  scale,\n  tick: tickProp = true,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp = false,\n  tickMargin,\n  ticks,\n  tickSize,\n  unit,\n  width,\n  yAxisId,\n  ...rest\n}: UseChartYAxisProps = {}) => {\n  const tick = useMemo<UseChartYAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return { fill: \"\", ...(isObject(tickProp) ? tickProp : {}) }\n  }, [tickProp])\n  const tickLine = useMemo<UseChartYAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const label = useMemo<UseChartYAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      angle: -90,\n      fill: \"\",\n      offset: 4,\n      position: \"insideLeft\",\n      transform:\n        orientation === \"end\" ? \"translate(10, 0)\" : \"translate(-10, 0)\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp, orientation])\n\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getYAxisProps: PropGetter<YAxisProps> = useCallback(\n    (props = {}) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      orientation:\n        orientation === \"end\"\n          ? \"right\"\n          : orientation === \"start\"\n            ? \"left\"\n            : undefined,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      ticks,\n      tickSize,\n      unit,\n      width: width ?? (label ? 64 : undefined),\n      yAxisId,\n      ...props,\n    }),\n    [\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      name,\n      orientation,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      tickSize,\n      ticks,\n      type,\n      unit,\n      width,\n      yAxisId,\n    ],\n  )\n\n  return { getRootProps, getYAxisProps }\n}\n\nexport type UseChartYAxisReturn = ReturnType<typeof useChartYAxis>\n\nexport interface UseChartLineProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    LineProps,\n    | \"activeDot\"\n    | \"animateNewValues\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"connectNulls\"\n    | \"data\"\n    | \"dataKey\"\n    | \"dot\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"legendType\"\n    | \"name\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"shape\"\n    | \"stroke\"\n    | \"tooltipType\"\n    | \"type\"\n    | \"unit\"\n    | \"xAxisId\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartLine = ({\n  type = \"monotone\",\n  name,\n  activeDot: activeDotProp,\n  animateNewValues,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  children,\n  connectNulls,\n  data,\n  dataKey: dataKeyProp,\n  dot: dotProp,\n  hide,\n  isAnimationActive = false,\n  label: labelProp = false,\n  legendType,\n  shape,\n  stroke = \"\",\n  tooltipType,\n  unit,\n  xAxisId,\n  yAxisId,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  ...rest\n}: UseChartLineProps = {}) => {\n  const { highlightedDataKey } = useChartContext()\n  const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 12,\n      position: \"top\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n  const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n    if (isFunction(dotProp) || isValidElement(dotProp)) return dotProp\n\n    return { fill: \"\", stroke: \"\", ...(isObject(dotProp) ? dotProp : {}) }\n  }, [dotProp])\n  const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n    if (isFunction(activeDotProp) || isValidElement(activeDotProp))\n      return activeDotProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(activeDotProp) ? activeDotProp : {}),\n    }\n  }, [activeDotProp])\n\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getLineProps: PropGetter<LineProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      type,\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeDot,\n      animateNewValues,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      children,\n      connectNulls,\n      data,\n      dataKey,\n      dot,\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      shape,\n      stroke,\n      strokeWidth: \"\",\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      ...props,\n    }),\n    [\n      activeDot,\n      animateNewValues,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      children,\n      connectNulls,\n      data,\n      dataKeyProp,\n      dot,\n      hide,\n      highlightedDataKey,\n      isAnimationActive,\n      label,\n      legendType,\n      name,\n      onAnimationEnd,\n      onAnimationStart,\n      shape,\n      stroke,\n      tooltipType,\n      type,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getLineProps, getRootProps }\n}\n\nexport type UseChartLineReturn = ReturnType<typeof useChartLine>\n\nexport interface UseChartAreaProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    AreaProps,\n    | \"activeDot\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"baseLine\"\n    | \"baseValue\"\n    | \"connectNulls\"\n    | \"data\"\n    | \"dataKey\"\n    | \"dot\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"isRange\"\n    | \"label\"\n    | \"legendType\"\n    | \"name\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"stackId\"\n    | \"stroke\"\n    | \"tooltipType\"\n    | \"type\"\n    | \"unit\"\n    | \"xAxisId\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartArea = ({\n  type = \"monotone\",\n  name,\n  activeDot: activeDotProp,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  baseLine,\n  baseValue,\n  children,\n  connectNulls,\n  data,\n  dataKey: dataKeyProp,\n  dot: dotProp,\n  hide,\n  isAnimationActive = false,\n  label: labelProp = false,\n  legendType,\n  stackId,\n  stroke = \"\",\n  tooltipType,\n  unit,\n  xAxisId,\n  yAxisId,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  ...rest\n}: UseChartAreaProps) => {\n  const { highlightedDataKey } = useChartContext()\n  const label = useMemo<UseChartAreaProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 12,\n      position: \"top\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n  const dot = useMemo<UseChartAreaProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n    if (isFunction(dotProp) || isValidElement(dotProp)) return dotProp\n\n    return { fill: \"\", stroke: \"\", ...(isObject(dotProp) ? dotProp : {}) }\n  }, [dotProp])\n  const activeDot = useMemo<UseChartAreaProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n    if (isFunction(activeDotProp) || isValidElement(activeDotProp))\n      return activeDotProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(activeDotProp) ? activeDotProp : {}),\n    }\n  }, [activeDotProp])\n\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getAreaProps: PropGetter<\n    Partial<AreaProps>,\n    undefined,\n    AreaProps\n  > = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      type,\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeDot,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLine,\n      baseValue,\n      children,\n      connectNulls,\n      data,\n      dataKey,\n      dot,\n      fill: \"\",\n      fillOpacity: \"\",\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      stackId,\n      stroke,\n      strokeWidth: \"\",\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      ...props,\n    }),\n    [\n      activeDot,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLine,\n      baseValue,\n      children,\n      connectNulls,\n      data,\n      dataKeyProp,\n      dot,\n      hide,\n      highlightedDataKey,\n      isAnimationActive,\n      label,\n      legendType,\n      name,\n      onAnimationEnd,\n      onAnimationStart,\n      stackId,\n      stroke,\n      tooltipType,\n      type,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getAreaProps, getRootProps }\n}\n\nexport type UseChartAreaReturn = ReturnType<typeof useChartArea>\n\nexport interface UseChartBarProps extends Merge<\n  HTMLProps<\"path\">,\n  Pick<\n    BarProps,\n    | \"activeBar\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"background\"\n    | \"barSize\"\n    | \"dangerouslySetInnerHTML\"\n    | \"dataKey\"\n    | \"fill\"\n    | \"hide\"\n    | \"index\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"legendType\"\n    | \"maxBarSize\"\n    | \"minPointSize\"\n    | \"name\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"radius\"\n    | \"shape\"\n    | \"stackId\"\n    | \"tooltipType\"\n    | \"unit\"\n    | \"xAxisId\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartBar = ({\n  name,\n  activeBar,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  background,\n  barSize,\n  children,\n  dangerouslySetInnerHTML,\n  dataKey: dataKeyProp,\n  fill,\n  hide,\n  index,\n  isAnimationActive = false,\n  label: labelProp = false,\n  legendType,\n  maxBarSize,\n  minPointSize,\n  radius = 4,\n  shape,\n  tooltipType,\n  unit,\n  xAxisId,\n  yAxisId,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  ...rest\n}: UseChartBarProps = {}) => {\n  const { highlightedDataKey } = useChartContext()\n\n  const label = useMemo<UseChartBarProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 12,\n      position: \"top\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getBarProps: PropGetter<BarProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeBar,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      children,\n      dangerouslySetInnerHTML,\n      dataKey,\n      fill,\n      hide,\n      index,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      minPointSize,\n      radius,\n      shape,\n      stroke: \"\",\n      strokeWidth: \"\",\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      ...props,\n    }),\n    [\n      activeBar,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      children,\n      dangerouslySetInnerHTML,\n      dataKeyProp,\n      fill,\n      hide,\n      highlightedDataKey,\n      index,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      minPointSize,\n      name,\n      onAnimationEnd,\n      onAnimationStart,\n      radius,\n      shape,\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getBarProps, getRootProps }\n}\n\nexport type UseChartBarReturn = ReturnType<typeof useChartBar>\n\nexport interface UseChartReferenceLineProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    ReferenceLineProps,\n    | \"ifOverflow\"\n    | \"label\"\n    | \"position\"\n    | \"segment\"\n    | \"shape\"\n    | \"x\"\n    | \"xAxisId\"\n    | \"y\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartReferenceLine = ({\n  children,\n  ifOverflow,\n  label: labelProp = false,\n  position,\n  segment,\n  shape,\n  viewBox,\n  x,\n  xAxisId,\n  y,\n  yAxisId,\n  zIndex,\n  ...rest\n}: UseChartReferenceLineProps = {}) => {\n  const label = useMemo<UseChartReferenceLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 8,\n      position: \"insideBottomLeft\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getReferenceLineProps: PropGetter<Omit<ReferenceLineProps, \"ref\">> =\n    useCallback(\n      (props) => ({\n        children,\n        fill: \"\",\n        fillOpacity: \"\",\n        ifOverflow,\n        label,\n        position,\n        segment,\n        shape,\n        stroke: \"\",\n        strokeWidth: \"\",\n        viewBox,\n        x,\n        xAxisId,\n        y,\n        yAxisId,\n        zIndex,\n        ...props,\n      }),\n      [\n        children,\n        ifOverflow,\n        label,\n        position,\n        segment,\n        shape,\n        viewBox,\n        x,\n        xAxisId,\n        y,\n        yAxisId,\n        zIndex,\n      ],\n    )\n\n  return { getReferenceLineProps, getRootProps }\n}\n\nexport type UseChartReferenceLineReturn = ReturnType<\n  typeof useChartReferenceLine\n>\n\nexport interface UseChartGridProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    CartesianGridProps,\n    | \"horizontal\"\n    | \"horizontalCoordinatesGenerator\"\n    | \"horizontalFill\"\n    | \"horizontalPoints\"\n    | \"horizontalValues\"\n    | \"syncWithTicks\"\n    | \"vertical\"\n    | \"verticalCoordinatesGenerator\"\n    | \"verticalFill\"\n    | \"verticalPoints\"\n    | \"verticalValues\"\n    | \"x\"\n    | \"xAxisId\"\n    | \"y\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartGrid = ({\n  horizontal,\n  horizontalCoordinatesGenerator,\n  horizontalFill,\n  horizontalPoints,\n  horizontalValues,\n  syncWithTicks,\n  vertical = false,\n  verticalCoordinatesGenerator,\n  verticalFill,\n  verticalPoints,\n  verticalValues,\n  x,\n  xAxisId,\n  y,\n  yAxisId,\n  zIndex,\n  ...rest\n}: UseChartGridProps = {}) => {\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getGridProps: PropGetter<CartesianGridProps> = useCallback(\n    (props) => ({\n      horizontal,\n      horizontalCoordinatesGenerator,\n      horizontalFill,\n      horizontalPoints,\n      horizontalValues,\n      stroke: \"\",\n      syncWithTicks,\n      vertical,\n      verticalCoordinatesGenerator,\n      verticalFill,\n      verticalPoints,\n      verticalValues,\n      x,\n      xAxisId,\n      y,\n      yAxisId,\n      zIndex,\n      ...props,\n    }),\n    [\n      horizontal,\n      horizontalCoordinatesGenerator,\n      horizontalFill,\n      horizontalPoints,\n      horizontalValues,\n      syncWithTicks,\n      vertical,\n      verticalCoordinatesGenerator,\n      verticalFill,\n      verticalPoints,\n      verticalValues,\n      x,\n      xAxisId,\n      y,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getGridProps, getRootProps }\n}\n\nexport type UseChartGridReturn = ReturnType<typeof useChartGrid>\n"],"mappings":"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AAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAyED,QAAO;EAAE,aAvEiC,aACvC,EAAE,UAAU,aAAa,GAAG,UAAU,EAAE,MAAM;GAC7C;GACA,2CACE,gCAAa,mBAAmB,IAAI,uBAAuB,QAC5D;GACD,6CACE,gCAAa,mBAAmB,IAAI,uBAAuB,QAC5D;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR,aAAa;GACb;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEqB;EAAc;;AAsBtC,MAAa,yBAAyB,EACpC,UACA,YACA,OAAO,YAAY,OACnB,UACA,SACA,OACA,SACA,GACA,SACA,GACA,SACA,QACA,GAAG,SAC2B,EAAE,KAAK;CACrC,MAAM,QAAQ,cAAmD;AAC/D,MAAI,CAAC,UAAW,QAAO;AACvB,oCAAe,UAAU,IAAI,eAAe,UAAU,CAAE,QAAO;AAE/D,SAAO;GACL,MAAM;GACN,QAAQ;GACR,UAAU;GACV,+BAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;CAEf,MAAMD,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAuCD,QAAO;EAAE,uBApCP,aACG,WAAW;GACV;GACA,MAAM;GACN,aAAa;GACb;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR,aAAa;GACb;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAE6B;EAAc;;AA8BhD,MAAa,gBAAgB,EAC3B,YACA,gCACA,gBACA,kBACA,kBACA,eACA,WAAW,OACX,8BACA,cACA,gBACA,gBACA,GACA,SACA,GACA,SACA,QACA,GAAG,SACkB,EAAE,KAAK;CAC5B,MAAMA,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AA2CD,QAAO;EAAE,cAzC4C,aAClD,WAAW;GACV;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEsB;EAAc"}
+{"version":3,"file":"use-cartesian-chart.js","names":["getRootProps: PropGetter","getRootProps: PropGetter<\"line\">","getRootProps: PropGetter<\"path\">"],"sources":["../../../../src/components/chart/use-cartesian-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  AreaProps,\n  BarProps,\n  CartesianGridProps,\n  LineProps,\n  ReferenceLineProps,\n  XAxisProps,\n  YAxisProps,\n} from \"recharts\"\nimport type { CartesianChartProps } from \"recharts/types/util/types\"\nimport type { HTMLProps, PropGetter, SimpleDirection } from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport { isValidElement, useCallback, useMemo } from \"react\"\nimport { dataAttr, isFunction, isObject, isUndefined } from \"../../utils\"\nimport { useChartContext } from \"./use-chart\"\n\nexport interface UseCartesianChartProps<Y extends Dict>\n  extends\n    HTMLProps,\n    Pick<\n      CartesianChartProps,\n      | \"accessibilityLayer\"\n      | \"compact\"\n      | \"layout\"\n      | \"responsive\"\n      | \"syncId\"\n      | \"syncMethod\"\n    > {\n  /**\n   * Chart data.\n   */\n  data?: Y[]\n}\n\nexport const useCartesianChart = <Y extends Dict>({\n  accessibilityLayer = true,\n  compact,\n  data,\n  layout = \"horizontal\",\n  responsive,\n  syncId,\n  syncMethod,\n  ...rest\n}: UseCartesianChartProps<Y>) => {\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...props, ...rest }),\n    [rest],\n  )\n\n  const getChartProps: PropGetter<CartesianChartProps> = useCallback(\n    (props) => ({\n      accessibilityLayer,\n      compact,\n      data,\n      layout,\n      margin: { left: 16, right: 16 },\n      responsive,\n      syncId,\n      syncMethod,\n      ...props,\n    }),\n    [accessibilityLayer, compact, data, layout, responsive, syncId, syncMethod],\n  )\n\n  return {\n    getChartProps,\n    getRootProps,\n  }\n}\n\nexport type UseCartesianChartReturn<Y extends Dict> = ReturnType<\n  typeof useCartesianChart<Y>\n>\n\nexport interface UseChartXAxisProps extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    XAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"axisLine\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"height\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"interval\"\n    | \"label\"\n    | \"minTickGap\"\n    | \"mirror\"\n    | \"name\"\n    | \"niceTicks\"\n    | \"orientation\"\n    | \"padding\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"tickMargin\"\n    | \"ticks\"\n    | \"tickSize\"\n    | \"type\"\n    | \"unit\"\n    | \"xAxisId\"\n  >\n> {}\n\nexport const useChartXAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals,\n  allowDuplicatedCategory,\n  angle,\n  axisLine = false,\n  children,\n  dataKey,\n  domain,\n  height,\n  hide,\n  includeHidden,\n  interval,\n  label: labelProp = false,\n  minTickGap = 8,\n  mirror,\n  niceTicks,\n  orientation,\n  padding,\n  range,\n  reversed,\n  scale,\n  tick: tickProp = true,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp = false,\n  tickMargin = 8,\n  ticks,\n  tickSize,\n  unit,\n  xAxisId,\n  ...rest\n}: UseChartXAxisProps = {}) => {\n  const tick = useMemo<UseChartXAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return { ...(isObject(tickProp) ? tickProp : {}), fill: \"\" }\n  }, [tickProp])\n  const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const label = useMemo<UseChartXAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 0,\n      position: \"insideBottom\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getXAxisProps: PropGetter<XAxisProps> = useCallback(\n    (props) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      height: height ?? (label ? 52 : undefined),\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      niceTicks,\n      orientation,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      ticks,\n      tickSize,\n      unit,\n      xAxisId,\n      ...props,\n    }),\n    [\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      niceTicks,\n      height,\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      name,\n      orientation,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      tickSize,\n      ticks,\n      type,\n      unit,\n      xAxisId,\n    ],\n  )\n\n  return { getRootProps, getXAxisProps }\n}\n\nexport type UseChartXAxisReturn = ReturnType<typeof useChartXAxis>\n\nexport interface UseChartYAxisProps extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    YAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"axisLine\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"interval\"\n    | \"label\"\n    | \"minTickGap\"\n    | \"mirror\"\n    | \"name\"\n    | \"niceTicks\"\n    | \"padding\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"tickMargin\"\n    | \"ticks\"\n    | \"tickSize\"\n    | \"type\"\n    | \"unit\"\n    | \"width\"\n    | \"yAxisId\"\n  >\n> {\n  /**\n   * The orientation of axis.\n   *\n   * @defaultValue \"start\"\n   */\n  orientation?: SimpleDirection\n}\n\nexport const useChartYAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals = true,\n  allowDuplicatedCategory,\n  angle,\n  axisLine = false,\n  children,\n  dataKey,\n  domain,\n  hide,\n  includeHidden,\n  interval,\n  label: labelProp = false,\n  minTickGap,\n  mirror,\n  niceTicks,\n  orientation,\n  padding,\n  range,\n  reversed,\n  scale,\n  tick: tickProp = true,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp = false,\n  tickMargin,\n  ticks,\n  tickSize,\n  unit,\n  width,\n  yAxisId,\n  ...rest\n}: UseChartYAxisProps = {}) => {\n  const tick = useMemo<UseChartYAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return { fill: \"\", ...(isObject(tickProp) ? tickProp : {}) }\n  }, [tickProp])\n  const tickLine = useMemo<UseChartYAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const label = useMemo<UseChartYAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      angle: -90,\n      fill: \"\",\n      offset: 4,\n      position: \"insideLeft\",\n      transform:\n        orientation === \"end\" ? \"translate(10, 0)\" : \"translate(-10, 0)\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp, orientation])\n\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getYAxisProps: PropGetter<YAxisProps> = useCallback(\n    (props = {}) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      niceTicks,\n      orientation:\n        orientation === \"end\"\n          ? \"right\"\n          : orientation === \"start\"\n            ? \"left\"\n            : undefined,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      ticks,\n      tickSize,\n      unit,\n      width: width ?? (label ? 64 : undefined),\n      yAxisId,\n      ...props,\n    }),\n    [\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      children,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      interval,\n      label,\n      minTickGap,\n      mirror,\n      niceTicks,\n      name,\n      orientation,\n      padding,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      tickMargin,\n      tickSize,\n      ticks,\n      type,\n      unit,\n      width,\n      yAxisId,\n    ],\n  )\n\n  return { getRootProps, getYAxisProps }\n}\n\nexport type UseChartYAxisReturn = ReturnType<typeof useChartYAxis>\n\nexport interface UseChartLineProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    LineProps,\n    | \"activeDot\"\n    | \"animateNewValues\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"connectNulls\"\n    | \"data\"\n    | \"dataKey\"\n    | \"dot\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"legendType\"\n    | \"name\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"shape\"\n    | \"stroke\"\n    | \"tooltipType\"\n    | \"type\"\n    | \"unit\"\n    | \"xAxisId\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartLine = ({\n  type = \"monotone\",\n  name,\n  activeDot: activeDotProp,\n  animateNewValues,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  children,\n  connectNulls,\n  data,\n  dataKey: dataKeyProp,\n  dot: dotProp,\n  hide,\n  isAnimationActive = false,\n  label: labelProp = false,\n  legendType,\n  shape,\n  stroke = \"\",\n  tooltipType,\n  unit,\n  xAxisId,\n  yAxisId,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  ...rest\n}: UseChartLineProps = {}) => {\n  const { highlightedDataKey } = useChartContext()\n  const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 12,\n      position: \"top\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n  const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n    if (isFunction(dotProp) || isValidElement(dotProp)) return dotProp\n\n    return { fill: \"\", stroke: \"\", ...(isObject(dotProp) ? dotProp : {}) }\n  }, [dotProp])\n  const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n    if (isFunction(activeDotProp) || isValidElement(activeDotProp))\n      return activeDotProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(activeDotProp) ? activeDotProp : {}),\n    }\n  }, [activeDotProp])\n\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getLineProps: PropGetter<LineProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      type,\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeDot,\n      animateNewValues,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      children,\n      connectNulls,\n      data,\n      dataKey,\n      dot,\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      shape,\n      stroke,\n      strokeWidth: \"\",\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      ...props,\n    }),\n    [\n      activeDot,\n      animateNewValues,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      children,\n      connectNulls,\n      data,\n      dataKeyProp,\n      dot,\n      hide,\n      highlightedDataKey,\n      isAnimationActive,\n      label,\n      legendType,\n      name,\n      onAnimationEnd,\n      onAnimationStart,\n      shape,\n      stroke,\n      tooltipType,\n      type,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getLineProps, getRootProps }\n}\n\nexport type UseChartLineReturn = ReturnType<typeof useChartLine>\n\nexport interface UseChartAreaProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    AreaProps<any, any>,\n    | \"activeDot\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"baseLine\"\n    | \"baseValue\"\n    | \"connectNulls\"\n    | \"data\"\n    | \"dataKey\"\n    | \"dot\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"isRange\"\n    | \"label\"\n    | \"legendType\"\n    | \"name\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"stackId\"\n    | \"stroke\"\n    | \"tooltipType\"\n    | \"type\"\n    | \"unit\"\n    | \"xAxisId\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartArea = ({\n  type = \"monotone\",\n  name,\n  activeDot: activeDotProp,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  baseLine,\n  baseValue,\n  children,\n  connectNulls,\n  data,\n  dataKey: dataKeyProp,\n  dot: dotProp,\n  hide,\n  isAnimationActive = false,\n  label: labelProp = false,\n  legendType,\n  stackId,\n  stroke = \"\",\n  tooltipType,\n  unit,\n  xAxisId,\n  yAxisId,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  ...rest\n}: UseChartAreaProps) => {\n  const { highlightedDataKey } = useChartContext()\n  const label = useMemo<UseChartAreaProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 12,\n      position: \"top\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n  const dot = useMemo<UseChartAreaProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n    if (isFunction(dotProp) || isValidElement(dotProp)) return dotProp\n\n    return { fill: \"\", stroke: \"\", ...(isObject(dotProp) ? dotProp : {}) }\n  }, [dotProp])\n  const activeDot = useMemo<UseChartAreaProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n    if (isFunction(activeDotProp) || isValidElement(activeDotProp))\n      return activeDotProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(activeDotProp) ? activeDotProp : {}),\n    }\n  }, [activeDotProp])\n\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getAreaProps: PropGetter<\n    Partial<AreaProps<any, any>>,\n    undefined,\n    AreaProps<any, any>\n  > = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      type,\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeDot,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLine,\n      baseValue,\n      children,\n      connectNulls,\n      data,\n      dataKey,\n      dot,\n      fill: \"\",\n      fillOpacity: \"\",\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      stackId,\n      stroke,\n      strokeWidth: \"\",\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      ...props,\n    }),\n    [\n      activeDot,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLine,\n      baseValue,\n      children,\n      connectNulls,\n      data,\n      dataKeyProp,\n      dot,\n      hide,\n      highlightedDataKey,\n      isAnimationActive,\n      label,\n      legendType,\n      name,\n      onAnimationEnd,\n      onAnimationStart,\n      stackId,\n      stroke,\n      tooltipType,\n      type,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getAreaProps, getRootProps }\n}\n\nexport type UseChartAreaReturn = ReturnType<typeof useChartArea>\n\nexport interface UseChartBarProps extends Merge<\n  HTMLProps<\"path\">,\n  Pick<\n    BarProps,\n    | \"activeBar\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"background\"\n    | \"barSize\"\n    | \"dangerouslySetInnerHTML\"\n    | \"dataKey\"\n    | \"fill\"\n    | \"hide\"\n    | \"index\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"legendType\"\n    | \"maxBarSize\"\n    | \"minPointSize\"\n    | \"name\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"radius\"\n    | \"shape\"\n    | \"stackId\"\n    | \"tooltipType\"\n    | \"unit\"\n    | \"xAxisId\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartBar = ({\n  name,\n  activeBar,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  background,\n  barSize,\n  children,\n  dangerouslySetInnerHTML,\n  dataKey: dataKeyProp,\n  fill,\n  hide,\n  index,\n  isAnimationActive = false,\n  label: labelProp = false,\n  legendType,\n  maxBarSize,\n  minPointSize,\n  radius = 4,\n  shape,\n  tooltipType,\n  unit,\n  xAxisId,\n  yAxisId,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  ...rest\n}: UseChartBarProps = {}) => {\n  const { highlightedDataKey } = useChartContext()\n\n  const label = useMemo<UseChartBarProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 12,\n      position: \"top\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getBarProps: PropGetter<BarProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeBar,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      children,\n      dangerouslySetInnerHTML,\n      dataKey,\n      fill,\n      hide,\n      index,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      minPointSize,\n      radius,\n      shape,\n      stroke: \"\",\n      strokeWidth: \"\",\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      ...props,\n    }),\n    [\n      activeBar,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      children,\n      dangerouslySetInnerHTML,\n      dataKeyProp,\n      fill,\n      hide,\n      highlightedDataKey,\n      index,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      minPointSize,\n      name,\n      onAnimationEnd,\n      onAnimationStart,\n      radius,\n      shape,\n      tooltipType,\n      unit,\n      xAxisId,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getBarProps, getRootProps }\n}\n\nexport type UseChartBarReturn = ReturnType<typeof useChartBar>\n\nexport interface UseChartReferenceLineProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    ReferenceLineProps,\n    | \"ifOverflow\"\n    | \"label\"\n    | \"position\"\n    | \"segment\"\n    | \"shape\"\n    | \"x\"\n    | \"xAxisId\"\n    | \"y\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartReferenceLine = ({\n  children,\n  ifOverflow,\n  label: labelProp = false,\n  position,\n  segment,\n  shape,\n  viewBox,\n  x,\n  xAxisId,\n  y,\n  yAxisId,\n  zIndex,\n  ...rest\n}: UseChartReferenceLineProps = {}) => {\n  const label = useMemo<UseChartReferenceLineProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 8,\n      position: \"insideBottomLeft\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getReferenceLineProps: PropGetter<Omit<ReferenceLineProps, \"ref\">> =\n    useCallback(\n      (props) => ({\n        children,\n        fill: \"\",\n        fillOpacity: \"\",\n        ifOverflow,\n        label,\n        position,\n        segment,\n        shape,\n        stroke: \"\",\n        strokeWidth: \"\",\n        viewBox,\n        x,\n        xAxisId,\n        y,\n        yAxisId,\n        zIndex,\n        ...props,\n      }),\n      [\n        children,\n        ifOverflow,\n        label,\n        position,\n        segment,\n        shape,\n        viewBox,\n        x,\n        xAxisId,\n        y,\n        yAxisId,\n        zIndex,\n      ],\n    )\n\n  return { getReferenceLineProps, getRootProps }\n}\n\nexport type UseChartReferenceLineReturn = ReturnType<\n  typeof useChartReferenceLine\n>\n\nexport interface UseChartGridProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    CartesianGridProps,\n    | \"horizontal\"\n    | \"horizontalCoordinatesGenerator\"\n    | \"horizontalFill\"\n    | \"horizontalPoints\"\n    | \"horizontalValues\"\n    | \"syncWithTicks\"\n    | \"vertical\"\n    | \"verticalCoordinatesGenerator\"\n    | \"verticalFill\"\n    | \"verticalPoints\"\n    | \"verticalValues\"\n    | \"x\"\n    | \"xAxisId\"\n    | \"y\"\n    | \"yAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartGrid = ({\n  horizontal,\n  horizontalCoordinatesGenerator,\n  horizontalFill,\n  horizontalPoints,\n  horizontalValues,\n  syncWithTicks,\n  vertical = false,\n  verticalCoordinatesGenerator,\n  verticalFill,\n  verticalPoints,\n  verticalValues,\n  x,\n  xAxisId,\n  y,\n  yAxisId,\n  zIndex,\n  ...rest\n}: UseChartGridProps = {}) => {\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getGridProps: PropGetter<CartesianGridProps> = useCallback(\n    (props) => ({\n      horizontal,\n      horizontalCoordinatesGenerator,\n      horizontalFill,\n      horizontalPoints,\n      horizontalValues,\n      stroke: \"\",\n      syncWithTicks,\n      vertical,\n      verticalCoordinatesGenerator,\n      verticalFill,\n      verticalPoints,\n      verticalValues,\n      x,\n      xAxisId,\n      y,\n      yAxisId,\n      zIndex,\n      ...props,\n    }),\n    [\n      horizontal,\n      horizontalCoordinatesGenerator,\n      horizontalFill,\n      horizontalPoints,\n      horizontalValues,\n      syncWithTicks,\n      vertical,\n      verticalCoordinatesGenerator,\n      verticalFill,\n      verticalPoints,\n      verticalValues,\n      x,\n      xAxisId,\n      y,\n      yAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getGridProps, getRootProps }\n}\n\nexport type UseChartGridReturn = ReturnType<typeof useChartGrid>\n"],"mappings":";;;;;;;AAoCA,MAAa,qBAAqC,EAChD,qBAAqB,MACrB,SACA,MACA,SAAS,cACT,YACA,QACA,YACA,GAAG,WAC4B;CAC/B,MAAMA,eAA2B,aAC9B,WAAW;EAAE,GAAG;EAAO,GAAG;EAAM,GACjC,CAAC,KAAK,CACP;AAiBD,QAAO;EACL,eAhBqD,aACpD,WAAW;GACV;GACA;GACA;GACA;GACA,QAAQ;IAAE,MAAM;IAAI,OAAO;IAAI;GAC/B;GACA;GACA;GACA,GAAG;GACJ,GACD;GAAC;GAAoB;GAAS;GAAM;GAAQ;GAAY;GAAQ;GAAW,CAC5E;EAIC;EACD;;AA6CH,MAAa,iBAAiB,EAC5B,MACA,MACA,mBACA,eACA,yBACA,OACA,WAAW,OACX,UACA,SACA,QACA,QACA,MACA,eACA,UACA,OAAO,YAAY,OACnB,aAAa,GACb,QACA,WACA,aACA,SACA,OACA,UACA,OACA,MAAM,WAAW,MACjB,WACA,eACA,UAAU,eAAe,OACzB,aAAa,GACb,OACA,UACA,MACA,SACA,GAAG,SACmB,EAAE,KAAK;CAC7B,MAAM,OAAO,cAA0C;AACrD,MAAI,CAAC,SAAU,QAAO;AACtB,oCAAe,SAAS,IAAI,eAAe,SAAS,CAAE,QAAO;AAE7D,SAAO;GAAE,+BAAa,SAAS,GAAG,WAAW,EAAE;GAAG,MAAM;GAAI;IAC3D,CAAC,SAAS,CAAC;CACd,MAAM,WAAW,cAA8C;AAC7D,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO;GACL,MAAM;GACN,QAAQ;GACR,+BAAa,aAAa,GAAG,eAAe,EAAE;GAC/C;IACA,CAAC,aAAa,CAAC;CAClB,MAAM,QAAQ,cAA2C;AACvD,MAAI,CAAC,UAAW,QAAO;AACvB,oCAAe,UAAU,IAAI,eAAe,UAAU,CAAE,QAAO;AAE/D,SAAO;GACL,MAAM;GACN,QAAQ;GACR,UAAU;GACV,+BAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;AA+Ef,QAAO;EAAE,cA7E+B,aACrC,WAAW;GAAE,GAAG;GAAM,GAAG;GAAO,GACjC,CAAC,KAAK,CACP;EA0EsB,eAxEuB,aAC3C,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,QAAQ,WAAW,QAAQ,KAAK;GAChC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEqC;;AAiDxC,MAAa,iBAAiB,EAC5B,MACA,MACA,mBACA,gBAAgB,MAChB,yBACA,OACA,WAAW,OACX,UACA,SACA,QACA,MACA,eACA,UACA,OAAO,YAAY,OACnB,YACA,QACA,WACA,aACA,SACA,OACA,UACA,OACA,MAAM,WAAW,MACjB,WACA,eACA,UAAU,eAAe,OACzB,YACA,OACA,UACA,MACA,OACA,SACA,GAAG,SACmB,EAAE,KAAK;CAC7B,MAAM,OAAO,cAA0C;AACrD,MAAI,CAAC,SAAU,QAAO;AACtB,oCAAe,SAAS,IAAI,eAAe,SAAS,CAAE,QAAO;AAE7D,SAAO;GAAE,MAAM;GAAI,+BAAa,SAAS,GAAG,WAAW,EAAE;GAAG;IAC3D,CAAC,SAAS,CAAC;CACd,MAAM,WAAW,cAA8C;AAC7D,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO;GACL,MAAM;GACN,QAAQ;GACR,+BAAa,aAAa,GAAG,eAAe,EAAE;GAC/C;IACA,CAAC,aAAa,CAAC;CAClB,MAAM,QAAQ,cAA2C;AACvD,MAAI,CAAC,UAAW,QAAO;AACvB,oCAAe,UAAU,IAAI,eAAe,UAAU,CAAE,QAAO;AAE/D,SAAO;GACL,OAAO;GACP,MAAM;GACN,QAAQ;GACR,UAAU;GACV,WACE,gBAAgB,QAAQ,qBAAqB;GAC/C,+BAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,WAAW,YAAY,CAAC;AAoF5B,QAAO;EAAE,cAlF+B,aACrC,WAA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,CAAC;CAEf,MAAMC,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAyED,QAAO;EAAE,aAvEiC,aACvC,EAAE,UAAU,aAAa,GAAG,UAAU,EAAE,MAAM;GAC7C;GACA,2CACE,gCAAa,mBAAmB,IAAI,uBAAuB,QAC5D;GACD,6CACE,gCAAa,mBAAmB,IAAI,uBAAuB,QAC5D;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR,aAAa;GACb;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEqB;EAAc;;AAsBtC,MAAa,yBAAyB,EACpC,UACA,YACA,OAAO,YAAY,OACnB,UACA,SACA,OACA,SACA,GACA,SACA,GACA,SACA,QACA,GAAG,SAC2B,EAAE,KAAK;CACrC,MAAM,QAAQ,cAAmD;AAC/D,MAAI,CAAC,UAAW,QAAO;AACvB,oCAAe,UAAU,IAAI,eAAe,UAAU,CAAE,QAAO;AAE/D,SAAO;GACL,MAAM;GACN,QAAQ;GACR,UAAU;GACV,+BAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;CAEf,MAAMD,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAuCD,QAAO;EAAE,uBApCP,aACG,WAAW;GACV;GACA,MAAM;GACN,aAAa;GACb;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR,aAAa;GACb;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAE6B;EAAc;;AA8BhD,MAAa,gBAAgB,EAC3B,YACA,gCACA,gBACA,kBACA,kBACA,eACA,WAAW,OACX,8BACA,cACA,gBACA,gBACA,GACA,SACA,GACA,SACA,QACA,GAAG,SACkB,EAAE,KAAK;CAC5B,MAAMA,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AA2CD,QAAO;EAAE,cAzC4C,aAClD,WAAW;GACV;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEsB;EAAc"}