@yamada-ui/react 2.1.0 → 2.1.1-dev-20260303115332

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

@@ -1 +1 @@
-{"version":3,"file":"use-polar-chart.js","names":["getRootProps: PropGetter<\"svg\">","getRootProps: PropGetter<\"path\">","getRootProps: PropGetter<\"text\">","getRootProps: PropGetter<\"line\">"],"sources":["../../../../src/components/chart/use-polar-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  CurveProps,\n  PieLabelRenderProps,\n  PieProps,\n  PieSectorDataItem,\n  PolarAngleAxisProps,\n  PolarGridProps,\n  PolarRadiusAxisProps,\n  RadarProps,\n  RadialBarProps,\n  RenderableText,\n  SectorProps,\n  TextProps,\n} from \"recharts\"\nimport type { TickItem } from \"recharts/types/util/types\"\nimport type { HTMLProps, PropGetter } 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 UseChartPieProps extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    PieProps,\n    | \"activeShape\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"data\"\n    | \"dataKey\"\n    | \"endAngle\"\n    | \"hide\"\n    | \"inactiveShape\"\n    | \"innerRadius\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"labelLine\"\n    | \"legendType\"\n    | \"maxRadius\"\n    | \"minAngle\"\n    | \"nameKey\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"outerRadius\"\n    | \"paddingAngle\"\n    | \"rootTabIndex\"\n    | \"shape\"\n    | \"startAngle\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartPie = ({\n  activeShape,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  cornerRadius,\n  cx,\n  cy,\n  data,\n  dataKey: dataKeyProp,\n  endAngle = -270,\n  hide,\n  inactiveShape,\n  innerRadius = \"0%\",\n  isAnimationActive = false,\n  label,\n  labelLine = false,\n  legendType,\n  maxRadius,\n  minAngle,\n  nameKey,\n  outerRadius = !label ? \"100%\" : undefined,\n  paddingAngle,\n  rootTabIndex,\n  shape,\n  startAngle = 90,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseChartPieProps = {}) => {\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getPieProps: PropGetter<PieProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      activeShape,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      cornerRadius,\n      cx,\n      cy,\n      data,\n      dataKey,\n      endAngle,\n      fill: \"\",\n      hide,\n      inactiveShape,\n      innerRadius,\n      isAnimationActive,\n      label,\n      labelLine,\n      legendType,\n      maxRadius,\n      minAngle,\n      nameKey,\n      outerRadius,\n      paddingAngle,\n      rootTabIndex,\n      shape,\n      startAngle,\n      stroke: \"\",\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      activeShape,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      cornerRadius,\n      cx,\n      cy,\n      data,\n      dataKeyProp,\n      endAngle,\n      hide,\n      inactiveShape,\n      innerRadius,\n      isAnimationActive,\n      label,\n      labelLine,\n      legendType,\n      maxRadius,\n      minAngle,\n      nameKey,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      outerRadius,\n      paddingAngle,\n      rootTabIndex,\n      shape,\n      startAngle,\n      tooltipType,\n      zIndex,\n    ],\n  )\n\n  return { getPieProps, getRootProps }\n}\n\nexport type UseChartPieReturn = ReturnType<typeof useChartPie>\n\nexport interface UseChartSectorProps extends Merge<\n  HTMLProps<\"path\">,\n  Pick<\n    SectorProps,\n    | \"cornerIsExternal\"\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"endAngle\"\n    | \"forceCornerRadius\"\n    | \"innerRadius\"\n    | \"outerRadius\"\n    | \"startAngle\"\n  >\n> {}\n\nexport const useChartSector = ({\n  name: nameProp,\n  cornerIsExternal,\n  cornerRadius,\n  cx,\n  cy,\n  endAngle,\n  forceCornerRadius,\n  innerRadius,\n  outerRadius,\n  startAngle,\n  ...rest\n}: UseChartSectorProps = {}) => {\n  const { highlightedDataKey } = useChartContext()\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getSectorProps: PropGetter<SectorProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      cornerIsExternal,\n      cornerRadius,\n      cx,\n      cy,\n      endAngle,\n      forceCornerRadius,\n      innerRadius,\n      outerRadius,\n      startAngle,\n      ...props,\n    }),\n    [\n      cornerIsExternal,\n      cornerRadius,\n      cx,\n      cy,\n      endAngle,\n      forceCornerRadius,\n      highlightedDataKey,\n      innerRadius,\n      nameProp,\n      outerRadius,\n      startAngle,\n    ],\n  )\n\n  return { getRootProps, getSectorProps }\n}\n\nexport type UseChartSectorReturn = ReturnType<typeof useChartSector>\n\nexport interface UseChartPieLabelProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PieLabelRenderProps,\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"dataKey\"\n    | \"endAngle\"\n    | \"index\"\n    | \"innerRadius\"\n    | \"maxRadius\"\n    | \"midAngle\"\n    | \"middleRadius\"\n    | \"name\"\n    | \"outerRadius\"\n    | \"paddingAngle\"\n    | \"payload\"\n    | \"percent\"\n    | \"startAngle\"\n    | \"textAnchor\"\n    | \"tooltipPayload\"\n    | \"tooltipPosition\"\n    | \"value\"\n    | \"x\"\n    | \"y\"\n  >\n> {\n  /**\n   * Offset for the label.\n   *\n   * @default 24\n   */\n  offset?: number\n  /**\n   * Formatter for the label.\n   */\n  formatter?: (value: number, percent: number) => RenderableText\n}\n\nexport const useChartPieLabel = ({\n  name: nameProp,\n  cornerRadius,\n  cx,\n  cy,\n  dataKey,\n  endAngle,\n  formatter,\n  index,\n  innerRadius,\n  maxRadius,\n  midAngle = 0,\n  middleRadius = 0,\n  offset: offsetProp = 24,\n  outerRadius,\n  paddingAngle,\n  payload,\n  percent = 0,\n  startAngle,\n  textAnchor: _textAnchor,\n  tooltipPayload,\n  tooltipPosition,\n  value,\n  x: _x,\n  y: _y,\n  ...rest\n}: UseChartPieLabelProps) => {\n  const { highlightedDataKey } = useChartContext()\n  const offset = (outerRadius - innerRadius) * 0.5 + offsetProp\n  const radian = Math.PI / 180\n  const x = cx + (middleRadius + offset) * Math.cos(-midAngle * radian)\n  const y = cy + (middleRadius + offset) * Math.sin(-midAngle * radian)\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getTextProps: PropGetter<TextProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      alignmentBaseline: \"middle\",\n      children: formatter?.(value, percent) ?? value,\n      cornerRadius,\n      cx,\n      cy,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      startAngle,\n      textAnchor: x > cx ? \"start\" : x < cx ? \"end\" : \"middle\",\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      x,\n      y,\n      ...props,\n    }),\n    [\n      cornerRadius,\n      cx,\n      cy,\n      dataKey,\n      endAngle,\n      formatter,\n      highlightedDataKey,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      nameProp,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      x,\n      y,\n    ],\n  )\n\n  return { getRootProps, getTextProps }\n}\n\nexport type UseChartPieLabelReturn = ReturnType<typeof useChartPieLabel>\n\nexport interface UseChartPieLabelLineProps\n  extends\n    Merge<\n      Omit<HTMLProps<\"path\">, \"points\">,\n      Pick<\n        PieSectorDataItem,\n        | \"cornerRadius\"\n        | \"dataKey\"\n        | \"endAngle\"\n        | \"innerRadius\"\n        | \"maxRadius\"\n        | \"midAngle\"\n        | \"middleRadius\"\n        | \"name\"\n        | \"outerRadius\"\n        | \"paddingAngle\"\n        | \"payload\"\n        | \"percent\"\n        | \"startAngle\"\n        | \"tooltipPayload\"\n        | \"tooltipPosition\"\n        | \"value\"\n      >\n    >,\n    Pick<CurveProps, \"points\"> {\n  index?: number\n}\n\nexport const useChartPieLabelLine = ({\n  name: nameProp,\n  cornerRadius,\n  dataKey,\n  endAngle,\n  index,\n  innerRadius,\n  maxRadius,\n  midAngle,\n  middleRadius,\n  outerRadius,\n  paddingAngle,\n  payload,\n  percent,\n  points,\n  startAngle,\n  tooltipPayload,\n  tooltipPosition,\n  value,\n  ...rest\n}: UseChartPieLabelLineProps) => {\n  const { highlightedDataKey } = useChartContext()\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getCurveProps: PropGetter<CurveProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      cornerRadius,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      points,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      ...props,\n    }),\n    [\n      highlightedDataKey,\n      nameProp,\n      cornerRadius,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      points,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n    ],\n  )\n\n  return { getCurveProps, getRootProps }\n}\n\nexport type UseChartPieLabelLineReturn = ReturnType<typeof useChartPieLabelLine>\n\nexport interface UseChartRadarProps extends Merge<\n  HTMLProps<\"path\">,\n  Pick<\n    RadarProps,\n    | \"activeDot\"\n    | \"angleAxisId\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"baseLinePoints\"\n    | \"connectNulls\"\n    | \"dataKey\"\n    | \"dot\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"isRange\"\n    | \"label\"\n    | \"legendType\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"points\"\n    | \"radiusAxisId\"\n    | \"shape\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartRadar = ({\n  activeDot: activeDotProp,\n  angleAxisId,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  baseLinePoints,\n  connectNulls,\n  dataKey: dataKeyProp,\n  dot: dotProp,\n  hide,\n  isAnimationActive = false,\n  isRange,\n  label: labelProp,\n  legendType,\n  points,\n  radiusAxisId,\n  shape,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: UseChartRadarProps) => {\n  const { highlightedDataKey } = useChartContext()\n  const label = useMemo<UseChartRadarProps[\"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<UseChartRadarProps[\"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<UseChartRadarProps[\"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<\"path\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getRadarProps: PropGetter<RadarProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeDot,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLinePoints,\n      connectNulls,\n      dataKey,\n      dot,\n      hide,\n      isAnimationActive,\n      isRange,\n      label,\n      legendType,\n      points,\n      radiusAxisId,\n      shape,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onMouseEnter,\n      onMouseLeave,\n      ...props,\n    }),\n    [\n      dataKeyProp,\n      highlightedDataKey,\n      activeDot,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLinePoints,\n      connectNulls,\n      dot,\n      hide,\n      isAnimationActive,\n      isRange,\n      label,\n      legendType,\n      points,\n      radiusAxisId,\n      shape,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onMouseEnter,\n      onMouseLeave,\n    ],\n  )\n\n  return { getRadarProps, getRootProps }\n}\n\nexport type UseChartRadarReturn = ReturnType<typeof useChartRadar>\n\nexport interface UseAngleAxisProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PolarAngleAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"angleAxisId\"\n    | \"axisLine\"\n    | \"axisLineType\"\n    | \"cx\"\n    | \"cy\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"label\"\n    | \"name\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"orientation\"\n    | \"radius\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"ticks\"\n    | \"tickSize\"\n    | \"type\"\n    | \"unit\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useAngleAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals,\n  allowDuplicatedCategory,\n  angle,\n  angleAxisId,\n  axisLine: axisLineProp,\n  axisLineType,\n  cx,\n  cy,\n  dataKey,\n  domain,\n  hide,\n  includeHidden,\n  label: labelProp,\n  orientation,\n  radius,\n  range,\n  reversed,\n  scale,\n  tick: tickProp,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp,\n  ticks,\n  tickSize,\n  unit,\n  zIndex,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseAngleAxisProps) => {\n  const tick = useMemo<UseAngleAxisProps[\"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<UseAngleAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const axisLine = useMemo<UseAngleAxisProps[\"axisLine\"]>(() => {\n    if (!axisLineProp) return axisLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(axisLineProp) ? axisLineProp : {}),\n    }\n  }, [axisLineProp])\n  const label = useMemo<UseAngleAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getAngleAxisProps: PropGetter<PolarAngleAxisProps> = useCallback(\n    (props) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      angleAxisId,\n      axisLine,\n      axisLineType,\n      cx,\n      cy,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      tickSize,\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      angleAxisId,\n      axisLine,\n      axisLineType,\n      cx,\n      cy,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      name,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      orientation,\n      radius,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      tickSize,\n      type,\n      unit,\n      zIndex,\n    ],\n  )\n\n  return { getAngleAxisProps, getRootProps }\n}\n\nexport type UseAngleAxisReturn = ReturnType<typeof useAngleAxis>\n\nexport interface UseRadiusAxisProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PolarRadiusAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"axisLine\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"label\"\n    | \"name\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"orientation\"\n    | \"radius\"\n    | \"radiusAxisId\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"type\"\n    | \"unit\"\n    | \"zIndex\"\n  >\n> {\n  /**\n   * The ticks to use for the axis.\n   */\n  ticks?: number[]\n}\n\nexport const useRadiusAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals,\n  allowDuplicatedCategory,\n  angle = 90,\n  axisLine: axisLineProp = true,\n  dataKey,\n  domain,\n  hide,\n  includeHidden,\n  label: labelProp,\n  orientation,\n  radius,\n  radiusAxisId,\n  range,\n  reversed,\n  scale,\n  tick: tickProp,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp,\n  ticks,\n  unit,\n  zIndex,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseRadiusAxisProps) => {\n  const tick = useMemo<UseRadiusAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return {\n      fill: \"\",\n      ...(isObject(tickProp) ? tickProp : {}),\n    }\n  }, [tickProp])\n  const tickLine = useMemo<UseRadiusAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const axisLine = useMemo<UseRadiusAxisProps[\"axisLine\"]>(() => {\n    if (!axisLineProp) return axisLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(axisLineProp) ? axisLineProp : {}),\n    }\n  }, [axisLineProp])\n  const label = useMemo<UseRadiusAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getRadiusAxisProps: PropGetter<PolarRadiusAxisProps> = useCallback(\n    (props) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      radiusAxisId,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks: ticks as unknown as TickItem[],\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      radiusAxisId,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n    ],\n  )\n\n  return { getRadiusAxisProps, getRootProps }\n}\n\nexport type UseRadiusAxisReturn = ReturnType<typeof useRadiusAxis>\n\nexport interface UsePolarGridProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    PolarGridProps,\n    | \"angleAxisId\"\n    | \"cx\"\n    | \"cy\"\n    | \"gridType\"\n    | \"innerRadius\"\n    | \"outerRadius\"\n    | \"polarAngles\"\n    | \"polarRadius\"\n    | \"radialLines\"\n    | \"radiusAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const usePolarGrid = ({\n  angleAxisId,\n  cx,\n  cy,\n  gridType,\n  innerRadius,\n  outerRadius,\n  polarAngles,\n  polarRadius,\n  radialLines,\n  radiusAxisId,\n  zIndex,\n  ...rest\n}: UsePolarGridProps) => {\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getPolarGridProps: PropGetter<PolarGridProps> = useCallback(\n    (props) => ({\n      angleAxisId,\n      cx,\n      cy,\n      gridType,\n      innerRadius,\n      outerRadius,\n      polarAngles,\n      polarRadius,\n      radialLines,\n      radiusAxisId,\n      zIndex,\n      ...props,\n    }),\n    [\n      angleAxisId,\n      cx,\n      cy,\n      gridType,\n      innerRadius,\n      outerRadius,\n      polarAngles,\n      polarRadius,\n      radialLines,\n      radiusAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getPolarGridProps, getRootProps }\n}\n\nexport type UsePolarGridReturn = ReturnType<typeof usePolarGrid>\n\nexport interface UseChartRadialProps<Y extends Dict = Dict> extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    RadialBarProps,\n    | \"activeShape\"\n    | \"angleAxisId\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"background\"\n    | \"barSize\"\n    | \"cornerIsExternal\"\n    | \"cornerRadius\"\n    | \"dataKey\"\n    | \"forceCornerRadius\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"legendType\"\n    | \"maxBarSize\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"radius\"\n    | \"radiusAxisId\"\n    | \"shape\"\n    | \"stackId\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {\n  /**\n   * The key to use for the name.\n   */\n  nameKey: keyof Y\n}\n\nexport const useChartRadial = <Y extends Dict>({\n  activeShape,\n  angleAxisId,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  background: backgroundProp,\n  barSize,\n  cornerIsExternal,\n  stackId,\n  cornerRadius = !stackId ? 4 : undefined,\n  dataKey,\n  forceCornerRadius,\n  hide,\n  isAnimationActive = false,\n  label,\n  legendType,\n  maxBarSize,\n  nameKey,\n  radius,\n  radiusAxisId,\n  shape: shapeProp,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseChartRadialProps<Y>) => {\n  const shape = useMemo<UseChartRadialProps<Y>[\"shape\"]>(() => {\n    if (isFunction(shapeProp)) {\n      return (props: any) => {\n        props.className = props.className?.replace(/\\s*\\bundefined\\b/g, \"\")\n\n        const name = props.payload?.[nameKey]\n\n        return shapeProp({ name, ...props })\n      }\n    } else {\n      return shapeProp\n    }\n  }, [nameKey, shapeProp])\n  const background = useMemo<UseChartRadialProps<Y>[\"background\"]>(() => {\n    if (!backgroundProp) return backgroundProp\n    if (isFunction(backgroundProp) || isValidElement(backgroundProp))\n      return backgroundProp\n\n    return {\n      fill: \"\",\n      ...(backgroundProp !== true ? backgroundProp : {}),\n    }\n  }, [backgroundProp])\n\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getRadialProps: PropGetter<\n    Partial<RadialBarProps>,\n    undefined,\n    RadialBarProps\n  > = useCallback(\n    (props) => ({\n      activeShape,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      cornerIsExternal,\n      cornerRadius,\n      dataKey,\n      forceCornerRadius,\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      radius,\n      radiusAxisId,\n      shape,\n      stackId,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      activeShape,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      cornerIsExternal,\n      cornerRadius,\n      dataKey,\n      forceCornerRadius,\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      radius,\n      radiusAxisId,\n      shape,\n      stackId,\n      tooltipType,\n      zIndex,\n    ],\n  )\n\n  return { getRadialProps, getRootProps }\n}\n\nexport type UseChartRadialReturn = ReturnType<typeof useChartRadial>\n"],"mappings":";;;;;;;AAmEA,MAAa,eAAe,EAC1B,aACA,gBACA,mBACA,iBACA,cACA,IACA,IACA,MACA,SAAS,aACT,WAAW,MACX,MACA,eACA,cAAc,MACd,oBAAoB,OACpB,OACA,YAAY,OACZ,YACA,WACA,UACA,SACA,cAAc,CAAC,QAAQ,SAAS,QAChC,cACA,cACA,OACA,aAAa,IACb,aACA,QACA,gBACA,kBACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,SACiB,EAAE,KAAK;CAC3B,MAAMA,eAAkC,aACrC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAsFD,QAAO;EAAE,aApFiC,aACvC,EAAE,UAAU,aAAa,GAAG,UAAU,EAAE,MAAM;GAC7C;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR;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;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEqB;EAAc;;AAqBtC,MAAa,kBAAkB,EAC7B,MAAM,UACN,kBACA,cACA,IACA,IACA,UACA,mBACA,aACA,aACA,YACA,GAAG,SACoB,EAAE,KAAK;CAC9B,MAAM,EAAE,uBAAuB,iBAAiB;AA0ChD,QAAO;EAAE,cAxCgC,aACtC,WAAW;GAAE,GAAG;GAAM,GAAG;GAAO,GACjC,CAAC,KAAK,CACP;EAqCsB,gBAnCyB,aAC7C,EAAE,OAAO,UAAU,GAAG,UAAU,EAAE,MAAM;GACvC;GACA,2CACE,gCAAa,mBAAmB,IAAI,uBAAuB,KAC5D;GACD,6CACE,gCAAa,mBAAmB,IAAI,uBAAuB,KAC5D;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEsC;;AA6CzC,MAAa,oBAAoB,EAC/B,MAAM,UACN,cACA,IACA,IACA,SACA,UACA,WACA,OACA,aACA,WACA,WAAW,GACX,eAAe,GACf,QAAQ,aAAa,IACrB,aACA,cACA,SACA,UAAU,GACV,YACA,YAAY,aACZ,gBACA,iBACA,OACA,GAAG,IACH,GAAG,IACH,GAAG,WACwB;CAC3B,MAAM,EAAE,uBAAuB,iBAAiB;CAChD,MAAM,UAAU,cAAc,eAAe,KAAM;CACnD,MAAM,SAAS,KAAK,KAAK;CACzB,MAAM,IAAI,MAAM,eAAe,UAAU,KAAK,IAAI,CAAC,WAAW,OAAO;CACrE,MAAM,IAAI,MAAM,eAAe,UAAU,KAAK,IAAI,CAAC,WAAW,OAAO;AAoErE,QAAO;EAAE,cAlEgC,aACtC,WAAW;GAAE,GAAG;GAAM,GAAG;GAAO,GACjC,CAAC,KAAK,CACP;EA+DsB,cA7DqB,aACzC,EAAE,OAAO,UAAU,GAAG,UAAU,EAAE,MAAM;GACvC;GACA,2CACE,gCAAa,mBAAmB,IAAI,uBAAuB,KAC5D;GACD,6CACE,gCAAa,mBAAmB,IAAI,uBAAuB,KAC5D;GACD,mBAAmB;GACnB,UAAU,YAAY,OAAO,QAAQ,IAAI;GACzC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,YAAY,IAAI,KAAK,UAAU,IAAI,KAAK,QAAQ;GAChD;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;GACD,CACF;EAEoC;;AAiCvC,MAAa,wBAAwB,EACnC,MAAM,UACN,cACA,SACA,UACA,OACA,aACA,WACA,UACA,c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1B,SAAO;GACL,MAAM;GACN,QAAQ;GACR,+BAAa,aAAa,GAAG,eAAe,EAAE;GAC/C;IACA,CAAC,aAAa,CAAC;CAClB,MAAM,QAAQ,cAA0C;AACtD,MAAI,CAAC,UAAW,QAAO;AACvB,oCAAe,UAAU,IAAI,eAAe,UAAU,CAAE,QAAO;AAE/D,SAAO;GACL,MAAM;GACN,+BAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;CAEf,MAAMC,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAoFD,QAAO;EAAE,mBAlFkD,aACxD,WAAW;GACV;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;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;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAE2B;EAAc;;AAiD5C,MAAa,iBAAiB,EAC5B,MACA,MACA,mBACA,eACA,yBACA,QAAQ,IACR,UAAU,eAAe,MACzB,SACA,QACA,MACA,eACA,OAAO,WACP,aACA,QACA,cACA,OACA,UACA,OACA,MAAM,UACN,WACA,eACA,UAAU,cACV,OACA,MACA,QACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,WACqB;CACxB,MAAM,OAAO,cAA0C;AACrD,MAAI,CAAC,SAAU,QAAO;AACtB,oCAAe,SAAS,IAAI,eAAe,SAAS,CAAE,QAAO;AAE7D,SAAO;GACL,MAAM;GACN,+BAAa,SAAS,GAAG,WAAW,EAAE;GACvC;IACA,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,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,+BAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;CAEf,MAAMA,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AA4ED,QAAO;EAAE,oBA1EoD,aAC1D,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACO;GACP;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;GACA;GACD,CACF;EAE4B;EAAc;;AAuB7C,MAAa,gBAAgB,EAC3B,aACA,IACA,IACA,UACA,aACA,aACA,aACA,aACA,aACA,cACA,QACA,GAAG,WACoB;CACvB,MAAMC,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAgCD,QAAO;EAAE,mBA9B6C,aACnD,WAAW;GACV;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;GACD,CACF;EAE2B;EAAc;;AAiD5C,MAAa,kBAAkC,EAC7C,aACA,aACA,gBACA,mBACA,iBACA,YAAY,gBACZ,SACA,kBACA,SACA,eAAe,CAAC,UAAU,IAAI,QAC9B,SACA,mBACA,MACA,oBAAoB,OACpB,OACA,YACA,YACA,SACA,QACA,cACA,OAAO,WACP,aACA,QACA,gBACA,kBACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,WACyB;CAC5B,MAAM,QAAQ,cAA+C;AAC3D,oCAAe,UAAU,CACvB,SAAQ,UAAe;AACrB,SAAM,YAAY,MAAM,WAAW,QAAQ,qBAAqB,GAAG;GAEnE,MAAM,OAAO,MAAM,UAAU;AAE7B,UAAO,UAAU;IAAE;IAAM,GAAG;IAAO,CAAC;;MAGtC,QAAO;IAER,CAAC,SAAS,UAAU,CAAC;CACxB,MAAM,aAAa,cAAoD;AACrE,MAAI,CAAC,eAAgB,QAAO;AAC5B,oCAAe,eAAe,IAAI,eAAe,eAAe,CAC9D,QAAO;AAET,SAAO;GACL,MAAM;GACN,GAAI,mBAAmB,OAAO,iBAAiB,EAAE;GAClD;IACA,CAAC,eAAe,CAAC;CAEpB,MAAMH,eAAkC,aACrC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AA8ED,QAAO;EAAE,gBAxEL,aACD,WAAW;GACV;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;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;EAEwB;EAAc"}
+{"version":3,"file":"use-polar-chart.js","names":["getRootProps: PropGetter<\"svg\">","getRootProps: PropGetter<\"path\">","getRootProps: PropGetter<\"text\">","getRootProps: PropGetter<\"line\">"],"sources":["../../../../src/components/chart/use-polar-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  CurveProps,\n  PieLabelRenderProps,\n  PieProps,\n  PieSectorDataItem,\n  PolarAngleAxisProps,\n  PolarGridProps,\n  PolarRadiusAxisProps,\n  RadarProps,\n  RadialBarProps,\n  RenderableText,\n  SectorProps,\n  TextProps,\n} from \"recharts\"\nimport type { TickItem } from \"recharts/types/util/types\"\nimport type { HTMLProps, PropGetter } 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 UseChartPieProps extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    PieProps,\n    | \"activeShape\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"data\"\n    | \"dataKey\"\n    | \"endAngle\"\n    | \"hide\"\n    | \"inactiveShape\"\n    | \"innerRadius\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"labelLine\"\n    | \"legendType\"\n    | \"maxRadius\"\n    | \"minAngle\"\n    | \"nameKey\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"outerRadius\"\n    | \"paddingAngle\"\n    | \"rootTabIndex\"\n    | \"shape\"\n    | \"startAngle\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartPie = ({\n  activeShape,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  cornerRadius,\n  cx,\n  cy,\n  data,\n  dataKey: dataKeyProp,\n  endAngle = -270,\n  hide,\n  inactiveShape,\n  innerRadius = \"0%\",\n  isAnimationActive = false,\n  label,\n  labelLine = false,\n  legendType,\n  maxRadius,\n  minAngle,\n  nameKey,\n  outerRadius = !label ? \"100%\" : undefined,\n  paddingAngle,\n  rootTabIndex,\n  shape,\n  startAngle = 90,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseChartPieProps = {}) => {\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getPieProps: PropGetter<PieProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      activeShape,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      cornerRadius,\n      cx,\n      cy,\n      data,\n      dataKey,\n      endAngle,\n      fill: \"\",\n      hide,\n      inactiveShape,\n      innerRadius,\n      isAnimationActive,\n      label,\n      labelLine,\n      legendType,\n      maxRadius,\n      minAngle,\n      nameKey,\n      outerRadius,\n      paddingAngle,\n      rootTabIndex,\n      shape,\n      startAngle,\n      stroke: \"\",\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      activeShape,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      cornerRadius,\n      cx,\n      cy,\n      data,\n      dataKeyProp,\n      endAngle,\n      hide,\n      inactiveShape,\n      innerRadius,\n      isAnimationActive,\n      label,\n      labelLine,\n      legendType,\n      maxRadius,\n      minAngle,\n      nameKey,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      outerRadius,\n      paddingAngle,\n      rootTabIndex,\n      shape,\n      startAngle,\n      tooltipType,\n      zIndex,\n    ],\n  )\n\n  return { getPieProps, getRootProps }\n}\n\nexport type UseChartPieReturn = ReturnType<typeof useChartPie>\n\nexport interface UseChartSectorProps extends Merge<\n  HTMLProps<\"path\">,\n  Pick<\n    SectorProps,\n    | \"cornerIsExternal\"\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"endAngle\"\n    | \"forceCornerRadius\"\n    | \"innerRadius\"\n    | \"outerRadius\"\n    | \"startAngle\"\n  >\n> {}\n\nexport const useChartSector = ({\n  name: nameProp,\n  cornerIsExternal,\n  cornerRadius,\n  cx,\n  cy,\n  endAngle,\n  forceCornerRadius,\n  innerRadius,\n  outerRadius,\n  startAngle,\n  ...rest\n}: UseChartSectorProps = {}) => {\n  const { highlightedDataKey } = useChartContext()\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getSectorProps: PropGetter<SectorProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      cornerIsExternal,\n      cornerRadius,\n      cx,\n      cy,\n      endAngle,\n      forceCornerRadius,\n      innerRadius,\n      outerRadius,\n      startAngle,\n      ...props,\n    }),\n    [\n      cornerIsExternal,\n      cornerRadius,\n      cx,\n      cy,\n      endAngle,\n      forceCornerRadius,\n      highlightedDataKey,\n      innerRadius,\n      nameProp,\n      outerRadius,\n      startAngle,\n    ],\n  )\n\n  return { getRootProps, getSectorProps }\n}\n\nexport type UseChartSectorReturn = ReturnType<typeof useChartSector>\n\nexport interface UseChartPieLabelProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PieLabelRenderProps,\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"dataKey\"\n    | \"endAngle\"\n    | \"index\"\n    | \"innerRadius\"\n    | \"maxRadius\"\n    | \"midAngle\"\n    | \"middleRadius\"\n    | \"name\"\n    | \"outerRadius\"\n    | \"paddingAngle\"\n    | \"payload\"\n    | \"percent\"\n    | \"startAngle\"\n    | \"textAnchor\"\n    | \"tooltipPayload\"\n    | \"tooltipPosition\"\n    | \"value\"\n    | \"x\"\n    | \"y\"\n  >\n> {\n  /**\n   * Offset for the label.\n   *\n   * @default 24\n   */\n  offset?: number\n  /**\n   * Formatter for the label.\n   */\n  formatter?: (value: number, percent: number) => RenderableText\n}\n\nexport const useChartPieLabel = ({\n  name: nameProp,\n  cornerRadius,\n  cx,\n  cy,\n  dataKey,\n  endAngle,\n  formatter,\n  index,\n  innerRadius,\n  maxRadius,\n  midAngle = 0,\n  middleRadius = 0,\n  offset: offsetProp = 24,\n  outerRadius,\n  paddingAngle,\n  payload,\n  percent = 0,\n  startAngle,\n  textAnchor: _textAnchor,\n  tooltipPayload,\n  tooltipPosition,\n  value,\n  x: _x,\n  y: _y,\n  ...rest\n}: UseChartPieLabelProps) => {\n  const { highlightedDataKey } = useChartContext()\n  const offset = (outerRadius - innerRadius) * 0.5 + offsetProp\n  const radian = Math.PI / 180\n  const x = cx + (middleRadius + offset) * Math.cos(-midAngle * radian)\n  const y = cy + (middleRadius + offset) * Math.sin(-midAngle * radian)\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getTextProps: PropGetter<TextProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      alignmentBaseline: \"middle\",\n      children: formatter?.(value, percent) ?? value,\n      cornerRadius,\n      cx,\n      cy,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      startAngle,\n      textAnchor: x > cx ? \"start\" : x < cx ? \"end\" : \"middle\",\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      x,\n      y,\n      ...props,\n    }),\n    [\n      cornerRadius,\n      cx,\n      cy,\n      dataKey,\n      endAngle,\n      formatter,\n      highlightedDataKey,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      nameProp,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      x,\n      y,\n    ],\n  )\n\n  return { getRootProps, getTextProps }\n}\n\nexport type UseChartPieLabelReturn = ReturnType<typeof useChartPieLabel>\n\nexport interface UseChartPieLabelLineProps\n  extends\n    Merge<\n      Omit<HTMLProps<\"path\">, \"points\">,\n      Pick<\n        PieSectorDataItem,\n        | \"cornerRadius\"\n        | \"dataKey\"\n        | \"endAngle\"\n        | \"innerRadius\"\n        | \"maxRadius\"\n        | \"midAngle\"\n        | \"middleRadius\"\n        | \"name\"\n        | \"outerRadius\"\n        | \"paddingAngle\"\n        | \"payload\"\n        | \"percent\"\n        | \"startAngle\"\n        | \"tooltipPayload\"\n        | \"tooltipPosition\"\n        | \"value\"\n      >\n    >,\n    Pick<CurveProps, \"points\"> {\n  index?: number\n}\n\nexport const useChartPieLabelLine = ({\n  name: nameProp,\n  cornerRadius,\n  dataKey,\n  endAngle,\n  index,\n  innerRadius,\n  maxRadius,\n  midAngle,\n  middleRadius,\n  outerRadius,\n  paddingAngle,\n  payload,\n  percent,\n  points,\n  startAngle,\n  tooltipPayload,\n  tooltipPosition,\n  value,\n  ...rest\n}: UseChartPieLabelLineProps) => {\n  const { highlightedDataKey } = useChartContext()\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getCurveProps: PropGetter<CurveProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      cornerRadius,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      points,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      ...props,\n    }),\n    [\n      highlightedDataKey,\n      nameProp,\n      cornerRadius,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      points,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n    ],\n  )\n\n  return { getCurveProps, getRootProps }\n}\n\nexport type UseChartPieLabelLineReturn = ReturnType<typeof useChartPieLabelLine>\n\nexport interface UseChartRadarProps extends Merge<\n  HTMLProps<\"path\">,\n  Pick<\n    RadarProps,\n    | \"activeDot\"\n    | \"angleAxisId\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"baseLinePoints\"\n    | \"connectNulls\"\n    | \"dataKey\"\n    | \"dot\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"isRange\"\n    | \"label\"\n    | \"legendType\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"points\"\n    | \"radiusAxisId\"\n    | \"shape\"\n    | \"stroke\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartRadar = ({\n  activeDot: activeDotProp,\n  angleAxisId,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  baseLinePoints,\n  connectNulls,\n  dataKey: dataKeyProp,\n  dot: dotProp,\n  hide,\n  isAnimationActive = false,\n  isRange,\n  label: labelProp,\n  legendType,\n  points,\n  radiusAxisId,\n  shape,\n  stroke,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: UseChartRadarProps) => {\n  const { highlightedDataKey } = useChartContext()\n  const label = useMemo<UseChartRadarProps[\"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<UseChartRadarProps[\"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<UseChartRadarProps[\"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<\"path\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getRadarProps: PropGetter<RadarProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeDot,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLinePoints,\n      connectNulls,\n      dataKey,\n      dot,\n      hide,\n      isAnimationActive,\n      isRange,\n      label,\n      legendType,\n      points,\n      radiusAxisId,\n      shape,\n      stroke,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onMouseEnter,\n      onMouseLeave,\n      ...props,\n    }),\n    [\n      dataKeyProp,\n      highlightedDataKey,\n      activeDot,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLinePoints,\n      connectNulls,\n      dot,\n      hide,\n      isAnimationActive,\n      isRange,\n      label,\n      legendType,\n      points,\n      radiusAxisId,\n      stroke,\n      shape,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onMouseEnter,\n      onMouseLeave,\n    ],\n  )\n\n  return { getRadarProps, getRootProps }\n}\n\nexport type UseChartRadarReturn = ReturnType<typeof useChartRadar>\n\nexport interface UseAngleAxisProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PolarAngleAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"angleAxisId\"\n    | \"axisLine\"\n    | \"axisLineType\"\n    | \"cx\"\n    | \"cy\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"label\"\n    | \"name\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"orientation\"\n    | \"radius\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"ticks\"\n    | \"tickSize\"\n    | \"type\"\n    | \"unit\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useAngleAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals,\n  allowDuplicatedCategory,\n  angle,\n  angleAxisId,\n  axisLine: axisLineProp,\n  axisLineType,\n  cx,\n  cy,\n  dataKey,\n  domain,\n  hide,\n  includeHidden,\n  label: labelProp,\n  orientation,\n  radius,\n  range,\n  reversed,\n  scale,\n  tick: tickProp,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp,\n  ticks,\n  tickSize,\n  unit,\n  zIndex,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseAngleAxisProps) => {\n  const tick = useMemo<UseAngleAxisProps[\"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<UseAngleAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const axisLine = useMemo<UseAngleAxisProps[\"axisLine\"]>(() => {\n    if (!axisLineProp) return axisLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(axisLineProp) ? axisLineProp : {}),\n    }\n  }, [axisLineProp])\n  const label = useMemo<UseAngleAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getAngleAxisProps: PropGetter<PolarAngleAxisProps> = useCallback(\n    (props) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      angleAxisId,\n      axisLine,\n      axisLineType,\n      cx,\n      cy,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      tickSize,\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      angleAxisId,\n      axisLine,\n      axisLineType,\n      cx,\n      cy,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      name,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      orientation,\n      radius,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      tickSize,\n      type,\n      unit,\n      zIndex,\n    ],\n  )\n\n  return { getAngleAxisProps, getRootProps }\n}\n\nexport type UseAngleAxisReturn = ReturnType<typeof useAngleAxis>\n\nexport interface UseRadiusAxisProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PolarRadiusAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"axisLine\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"label\"\n    | \"name\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"orientation\"\n    | \"radius\"\n    | \"radiusAxisId\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"type\"\n    | \"unit\"\n    | \"zIndex\"\n  >\n> {\n  /**\n   * The ticks to use for the axis.\n   */\n  ticks?: number[]\n}\n\nexport const useRadiusAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals,\n  allowDuplicatedCategory,\n  angle = 90,\n  axisLine: axisLineProp = true,\n  dataKey,\n  domain,\n  hide,\n  includeHidden,\n  label: labelProp,\n  orientation,\n  radius,\n  radiusAxisId,\n  range,\n  reversed,\n  scale,\n  tick: tickProp,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp,\n  ticks,\n  unit,\n  zIndex,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseRadiusAxisProps) => {\n  const tick = useMemo<UseRadiusAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return {\n      fill: \"\",\n      ...(isObject(tickProp) ? tickProp : {}),\n    }\n  }, [tickProp])\n  const tickLine = useMemo<UseRadiusAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const axisLine = useMemo<UseRadiusAxisProps[\"axisLine\"]>(() => {\n    if (!axisLineProp) return axisLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(axisLineProp) ? axisLineProp : {}),\n    }\n  }, [axisLineProp])\n  const label = useMemo<UseRadiusAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getRadiusAxisProps: PropGetter<PolarRadiusAxisProps> = useCallback(\n    (props) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      radiusAxisId,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks: ticks as unknown as TickItem[],\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      radiusAxisId,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n    ],\n  )\n\n  return { getRadiusAxisProps, getRootProps }\n}\n\nexport type UseRadiusAxisReturn = ReturnType<typeof useRadiusAxis>\n\nexport interface UsePolarGridProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    PolarGridProps,\n    | \"angleAxisId\"\n    | \"cx\"\n    | \"cy\"\n    | \"gridType\"\n    | \"innerRadius\"\n    | \"outerRadius\"\n    | \"polarAngles\"\n    | \"polarRadius\"\n    | \"radialLines\"\n    | \"radiusAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const usePolarGrid = ({\n  angleAxisId,\n  cx,\n  cy,\n  gridType,\n  innerRadius,\n  outerRadius,\n  polarAngles,\n  polarRadius,\n  radialLines,\n  radiusAxisId,\n  zIndex,\n  ...rest\n}: UsePolarGridProps) => {\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getPolarGridProps: PropGetter<PolarGridProps> = useCallback(\n    (props) => ({\n      angleAxisId,\n      cx,\n      cy,\n      gridType,\n      innerRadius,\n      outerRadius,\n      polarAngles,\n      polarRadius,\n      radialLines,\n      radiusAxisId,\n      zIndex,\n      ...props,\n    }),\n    [\n      angleAxisId,\n      cx,\n      cy,\n      gridType,\n      innerRadius,\n      outerRadius,\n      polarAngles,\n      polarRadius,\n      radialLines,\n      radiusAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getPolarGridProps, getRootProps }\n}\n\nexport type UsePolarGridReturn = ReturnType<typeof usePolarGrid>\n\nexport interface UseChartRadialProps<Y extends Dict = Dict> extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    RadialBarProps,\n    | \"activeShape\"\n    | \"angleAxisId\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"background\"\n    | \"barSize\"\n    | \"cornerIsExternal\"\n    | \"cornerRadius\"\n    | \"dataKey\"\n    | \"forceCornerRadius\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"legendType\"\n    | \"maxBarSize\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"radius\"\n    | \"radiusAxisId\"\n    | \"shape\"\n    | \"stackId\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {\n  /**\n   * The key to use for the name.\n   */\n  nameKey: keyof Y\n}\n\nexport const useChartRadial = <Y extends Dict>({\n  activeShape,\n  angleAxisId,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  background: backgroundProp,\n  barSize,\n  cornerIsExternal,\n  stackId,\n  cornerRadius = !stackId ? 4 : undefined,\n  dataKey,\n  forceCornerRadius,\n  hide,\n  isAnimationActive = false,\n  label,\n  legendType,\n  maxBarSize,\n  nameKey,\n  radius,\n  radiusAxisId,\n  shape: shapeProp,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseChartRadialProps<Y>) => {\n  const shape = useMemo<UseChartRadialProps<Y>[\"shape\"]>(() => {\n    if (isFunction(shapeProp)) {\n      return (props: any) => {\n        props.className = props.className?.replace(/\\s*\\bundefined\\b/g, \"\")\n\n        const name = props.payload?.[nameKey]\n\n        return shapeProp({ name, ...props })\n      }\n    } else {\n      return shapeProp\n    }\n  }, [nameKey, shapeProp])\n  const background = useMemo<UseChartRadialProps<Y>[\"background\"]>(() => {\n    if (!backgroundProp) return backgroundProp\n    if (isFunction(backgroundProp) || isValidElement(backgroundProp))\n      return backgroundProp\n\n    return {\n      fill: \"\",\n      ...(backgroundProp !== true ? backgroundProp : {}),\n    }\n  }, [backgroundProp])\n\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getRadialProps: PropGetter<\n    Partial<RadialBarProps>,\n    undefined,\n    RadialBarProps\n  > = useCallback(\n    (props) => ({\n      activeShape,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      cornerIsExternal,\n      cornerRadius,\n      dataKey,\n      forceCornerRadius,\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      radius,\n      radiusAxisId,\n      shape,\n      stackId,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      activeShape,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      cornerIsExternal,\n      cornerRadius,\n      dataKey,\n      forceCornerRadius,\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      radius,\n      radiusAxisId,\n      shape,\n      stackId,\n      tooltipType,\n      zIndex,\n    ],\n  )\n\n  return { getRadialProps, getRootProps }\n}\n\nexport type UseChartRadialReturn = ReturnType<typeof useChartRadial>\n"],"mappings":";;;;;;;AAmEA,MAAa,eAAe,EAC1B,aACA,gBACA,mBACA,iBACA,cACA,IACA,IACA,MACA,SAAS,aACT,WAAW,MACX,MACA,eACA,cAAc,MACd,oBAAoB,OACpB,OACA,YAAY,OACZ,YACA,WACA,UACA,SACA,cAAc,CAAC,QAAQ,SAAS,QAChC,cACA,cACA,OACA,aAAa,IACb,aACA,QACA,gBACA,kBACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,SACiB,EAAE,KAAK;CAC3B,MAAMA,eAAkC,aACrC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAsFD,QAAO;EAAE,aApFiC,aACvC,EAAE,UAAU,aAAa,GAAG,UAAU,EAAE,MAAM;GAC7C;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR;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;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEqB;EAAc;;AAqBtC,MAAa,kBAAkB,EAC7B,MAAM,UACN,kBACA,cACA,IACA,IACA,UACA,mBACA,aACA,aACA,YACA,GAAG,SACoB,EAAE,KAAK;CAC9B,MAAM,EAAE,uBAAuB,iBAAiB;AA0ChD,QAAO;EAAE,cAxCgC,aACtC,WAAW;GAAE,GAAG;GAAM,GAAG;GAAO,GACjC,CAAC,KAAK,CACP;EAqCsB,gBAnCyB,aAC7C,EAAE,OAAO,UAAU,GAAG,UAAU,EAAE,MAAM;GACvC;GACA,2CACE,gCAAa,mBAAmB,IAAI,uBAAuB,KAC5D;GACD,6CACE,gCAAa,mBAAmB,IAAI,uBAAuB,KAC5D;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAEsC;;AA6CzC,MAAa,oBAAoB,EAC/B,MAAM,UACN,cACA,IACA,IACA,SACA,UACA,WACA,OACA,aACA,WACA,WAAW,GACX,eAAe,GACf,QAAQ,aAAa,IACrB,aACA,cACA,SACA,UAAU,GACV,YACA,YAAY,aACZ,gBACA,iBACA,OACA,GAAG,IACH,GAAG,IACH,GAAG,WACwB;CAC3B,MAAM,EAAE,uBAAuB,iBAAiB;CAChD,MAAM,UAAU,cAAc,eAAe,KAAM;CACnD,MAAM,SAAS,KAAK,KAAK;CACzB,MAAM,IAAI,MAAM,eAAe,UAAU,KAAK,IAAI,CAAC,WAAW,OAAO;CACrE,MAAM,IAAI,MAAM,eAAe,UAAU,KAAK,IAAI,CAAC,WAAW,OAAO;AAoErE,QAAO;EAAE,cAlEgC,aACtC,WAAW;GAAE,GAAG;GAAM,GAAG;GAAO,GACjC,CAAC,KAAK,CACP;EA+DsB,cA7DqB,aACzC,EAAE,OAAO,UAAU,GAAG,UAAU,EAAE,MAAM;GACvC;GACA,2CACE,gCAAa,mBAAmB,IAAI,uBAAuB,KAC5D;GACD,6CACE,gCAAa,mBAAmB,IAAI,uBAAuB,KAC5D;GACD,mBAAmB;GACnB,UAAU,YAAY,OAAO,QAAQ,IAAI;GACzC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,YAAY,IAAI,KAAK,UAAU,IAAI,KAAK,QAAQ;GAChD;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;GACD,CACF;EAEoC;;AAiCvC,MAAa,wBAAwB,EACnC,MAAM,UACN,cACA,SACA,UACA,OACA,aACA,WACA,UACA,cACA,aACA,cACA,SACA,SACA,QACA,YACA,gBACA,iBACA,OACA,GAAG,WAC4B;CAC/B,MAAM,EAAE,uBAAuB,iBAAiB;CAEhD,MAAMC,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAqDD,QAAO;EAAE,eAnDqC,aAC3C,EAAE,OAAO,UAAU,GAAG,UAAU,EAAE,MAAM;GACvC;GACA,2CACE,gCAAa,mBAAmB,IAAI,uBAAuB,KAC5D;GACD,6CACE,gCAAa,mBAAmB,IAAI,uBAAuB,KAC5D;GACD;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;GACD,CACF;EAEuB;EAAc;;AAoCxC,MAAa,iBAAiB,EAC5B,WAAW,eACX,aACA,gBACA,mBACA,iBACA,gBACA,cACA,SAAS,aACT,KAAK,SACL,MACA,oBAAoB,OACpB,SACA,OAAO,WACP,YACA,QACA,cACA,OACA,QACA,aACA,QACA,gBACA,kBACA,cACA,cACA,GAAG,WACqB;CACxB,MAAM,EAAE,uBAAuB,iBAAiB;CAChD,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;CACf,MAAM,MAAM,cAAyC;AACnD,MAAI,CAAC,QAAS,QAAO;AACrB,oCAAe,QAAQ,IAAI,eAAe,QAAQ,CAAE,QAAO;AAE3D,SAAO;GAAE,MAAM;GAAI,QAAQ;GAAI,+BAAa,QAAQ,GAAG,UAAU,EAAE;GAAG;IACrE,CAAC,QAAQ,CAAC;CACb,MAAM,YAAY,cAA+C;AAC/D,MAAI,CAAC,cAAe,QAAO;AAC3B,oCAAe,cAAc,IAAI,eAAe,cAAc,CAC5D,QAAO;AAET,SAAO;GACL,MAAM;GACN,QAAQ;GACR,+BAAa,cAAc,GAAG,gBAAgB,EAAE;GACjD;IACA,CAAC,cAAc,CAAC;CAEnB,MAAMA,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAiED,QAAO;EAAE,eA/DqC,aAC3C,EAAE,UAAU,aAAa,GAAG,UAAU,EAAE,MAAM;GAC7C,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;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;GACD,CACF;EAEuB;EAAc;;AAiDxC,MAAa,gBAAgB,EAC3B,MACA,MACA,mBACA,eACA,yBACA,OACA,aACA,UAAU,cACV,cACA,IACA,IACA,SACA,QACA,MACA,eACA,OAAO,WACP,aACA,QACA,OACA,UACA,OACA,MAAM,UACN,WACA,eACA,UAAU,cACV,OACA,UACA,MACA,QACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,WACoB;CACvB,MAAM,OAAO,cAAyC;AACpD,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,cAA6C;AAC5D,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO;GACL,MAAM;GACN,QAAQ;GACR,+BAAa,aAAa,GAAG,eAAe,EAAE;GAC/C;IACA,CAAC,aAAa,CAAC;CAClB,MAAM,WAAW,cAA6C;AAC5D,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,cAA0C;AACtD,MAAI,CAAC,UAAW,QAAO;AACvB,oCAAe,UAAU,IAAI,eAAe,UAAU,CAAE,QAAO;AAE/D,SAAO;GACL,MAAM;GACN,+BAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;CAEf,MAAMC,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAoFD,QAAO;EAAE,mBAlFkD,aACxD,WAAW;GACV;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;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;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAE2B;EAAc;;AAiD5C,MAAa,iBAAiB,EAC5B,MACA,MACA,mBACA,eACA,yBACA,QAAQ,IACR,UAAU,eAAe,MACzB,SACA,QACA,MACA,eACA,OAAO,WACP,aACA,QACA,cACA,OACA,UACA,OACA,MAAM,UACN,WACA,eACA,UAAU,cACV,OACA,MACA,QACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,WACqB;CACxB,MAAM,OAAO,cAA0C;AACrD,MAAI,CAAC,SAAU,QAAO;AACtB,oCAAe,SAAS,IAAI,eAAe,SAAS,CAAE,QAAO;AAE7D,SAAO;GACL,MAAM;GACN,+BAAa,SAAS,GAAG,WAAW,EAAE;GACvC;IACA,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,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,+BAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;CAEf,MAAMA,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AA4ED,QAAO;EAAE,oBA1EoD,aAC1D,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACO;GACP;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;GACA;GACD,CACF;EAE4B;EAAc;;AAuB7C,MAAa,gBAAgB,EAC3B,aACA,IACA,IACA,UACA,aACA,aACA,aACA,aACA,aACA,cACA,QACA,GAAG,WACoB;CACvB,MAAMC,eAAmC,aACtC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AAgCD,QAAO;EAAE,mBA9B6C,aACnD,WAAW;GACV;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;GACD,CACF;EAE2B;EAAc;;AAiD5C,MAAa,kBAAkC,EAC7C,aACA,aACA,gBACA,mBACA,iBACA,YAAY,gBACZ,SACA,kBACA,SACA,eAAe,CAAC,UAAU,IAAI,QAC9B,SACA,mBACA,MACA,oBAAoB,OACpB,OACA,YACA,YACA,SACA,QACA,cACA,OAAO,WACP,aACA,QACA,gBACA,kBACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,WACyB;CAC5B,MAAM,QAAQ,cAA+C;AAC3D,oCAAe,UAAU,CACvB,SAAQ,UAAe;AACrB,SAAM,YAAY,MAAM,WAAW,QAAQ,qBAAqB,GAAG;GAEnE,MAAM,OAAO,MAAM,UAAU;AAE7B,UAAO,UAAU;IAAE;IAAM,GAAG;IAAO,CAAC;;MAGtC,QAAO;IAER,CAAC,SAAS,UAAU,CAAC;CACxB,MAAM,aAAa,cAAoD;AACrE,MAAI,CAAC,eAAgB,QAAO;AAC5B,oCAAe,eAAe,IAAI,eAAe,eAAe,CAC9D,QAAO;AAET,SAAO;GACL,MAAM;GACN,GAAI,mBAAmB,OAAO,iBAAiB,EAAE;GAClD;IACA,CAAC,eAAe,CAAC;CAEpB,MAAMH,eAAkC,aACrC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,GACjC,CAAC,KAAK,CACP;AA8ED,QAAO;EAAE,gBAxEL,aACD,WAAW;GACV;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;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;EAEwB;EAAc"}

package/dist/esm/core/system/var.js.map

@@ -1 +1 @@
-{"version":3,"file":"var.js","names":["value","system: System","calc","computedValue: DefineThemeValue","resolvedValue: DefineThemeValue | Dict","cssMap: CSSMap","cssVars: Dict","objOrArray","result: [string, any][]"],"sources":["../../../../src/core/system/var.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSProperties, StyleValueWithCondition } from \"../css\"\nimport type {\n  CSSMap,\n  DefineThemeValue,\n  System,\n  ThemeToken,\n  UsageTheme,\n  VariableTokens,\n  VariableValue,\n} from \"../system\"\nimport type { Breakpoints } from \"./breakpoint\"\nimport {\n  calc,\n  escape,\n  isArray,\n  isNull,\n  isObject,\n  isString,\n  isUndefined,\n  merge,\n  replaceObject,\n} from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport {\n  animation,\n  colorMix,\n  conditions,\n  css,\n  getStyle,\n  gradient,\n  injectKeyframes,\n  isCSSFunction,\n} from \"../css\"\nimport { defaultSystem } from \"../system\"\n\ntype ParsedValue = number | string | undefined\n\ninterface Variable {\n  reference: string\n  variable: string\n}\n\nexport function transformInterpolation(\n  value: any,\n  callback: (value: string, fallbackValue?: string) => string,\n) {\n  if (isString(value)) {\n    return value.replace(/\\{(.*?)\\}/g, (_, value) => {\n      const [token, fallbackValue] = value.split(/,(.+)/)\n\n      return callback(token.trim(), fallbackValue?.trim())\n    })\n  } else {\n    return value\n  }\n}\n\nexport function getVar(token: string, fallback?: string) {\n  if (!token.startsWith(\"--\")) token = `--${token}`\n\n  token = token.replace(/[^-_a-zA-Z0-9]/g, \"\")\n\n  return fallback ? `var(${token}, ${fallback})` : `var(${token})`\n}\n\nexport function getVarName(system: System) {\n  return function (token: string) {\n    const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n    return `--${prefix}-${token}`\n  }\n}\n\nexport function getColorSchemeVar(system: System) {\n  return function (value: any, fallback?: string) {\n    if (!isString(value)) return value\n\n    const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n    const [, token] = value.split(\".\")\n\n    return getVar(`${prefix}-colorScheme-${token}`, fallback)\n  }\n}\n\nconst isGradient = (token: string) => token.startsWith(\"gradients.\")\nconst isKeyframes = (token: string) => token.startsWith(\"keyframes.\")\nconst isAnimation = (token: string) => token.startsWith(\"animations.\")\nconst isSpace = (token: string) => token.startsWith(\"spaces.\")\nconst isColor = (token: string) => token.startsWith(\"colors.\")\nexport const isColorScheme = (token: any) =>\n  isString(token) && token.startsWith(\"colorScheme.\") && !token.includes(\"/\")\n\nexport function createVars(\n  prefix: string = DEFAULT_VAR_PREFIX,\n  theme: UsageTheme,\n  breakpoints: Breakpoints,\n) {\n  return function (tokens: VariableTokens) {\n    const { getQuery, isResponsive } = breakpoints\n\n    function tokenToVar(token: string): Variable {\n      token = token.replace(/\\./g, \"-\")\n      token = token.replace(/\\//g, \"\\\\/\")\n\n      const variable = `--${[prefix, escape(token, \"-\")].filter(Boolean).join(\"-\")}`\n      const reference = `var(${variable})`\n\n      return { reference, variable }\n    }\n\n    return function (\n      cssMap: CSSMap = {},\n      cssVars: Dict = {},\n      prevTokens?: VariableTokens,\n    ): { cssMap: CSSMap; cssVars: Dict } {\n      const system: System = { ...defaultSystem, cssMap }\n      const options = { css, system, theme }\n\n      function getRelatedReference(\n        token: string,\n        value: ParsedValue = \"\",\n      ): [ParsedValue, Exclude<ParsedValue, undefined>] {\n        const relatedToken = [token.split(\".\")[0], value].join(\".\")\n\n        if (token === relatedToken) return [, value]\n\n        const targetToken = tokens[relatedToken] ?? prevTokens?.[relatedToken]\n\n        if (!targetToken) return [, value]\n\n        const { reference, variable } = tokenToVar(relatedToken)\n\n        return [variable, reference]\n      }\n\n      function valueToVar(value: any) {\n        return transformInterpolation(value, (value, fallbackValue) => {\n          if (value.includes(\"colors.\") || value.includes(\"colorScheme.\")) {\n            if (isColorScheme(value)) return getColorSchemeVar(system)(value)\n\n            return colorMix(value, { fallback: fallbackValue, system })\n          } else {\n            const token = tokens[value] ?? prevTokens?.[value]\n\n            if (token) {\n              return tokenToVar(value).reference\n            } else if (value in cssMap && cssMap[value]?.ref) {\n              return cssMap[value].ref\n            } else if (fallbackValue) {\n              fallbackValue =\n                fallbackValue in cssMap && cssMap[fallbackValue]?.ref\n                  ? cssMap[fallbackValue]?.ref\n                  : fallbackValue\n\n              return `var(--${prefix}-${value}, ${fallbackValue})`\n            } else {\n              return `var(--${prefix}-${value})`\n            }\n          }\n        })\n      }\n\n      function createNegativeVar(token: string, reference: string) {\n        const paths = token.split(\".\")\n        const [start, ...rest] = paths\n\n        const negativeToken = `${start}.-${rest.join(\".\")}`\n\n        const negativeReference = calc.negate(reference)\n\n        return { negativeReference, negativeToken }\n      }\n\n      function createAnimationVar(value: VariableValue) {\n        if (isArray(value)) {\n          return value.map((value) => animation(value, options)).join(\",\")\n        } else {\n          return animation(value, options)\n        }\n      }\n\n      function createGradientVar(token: string, value: DefineThemeValue) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return gradient(value, options)\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable ? reference : gradient(value, options)\n          }\n        }\n      }\n\n      function createKeyframesVar(token: string, value: any) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return injectKeyframes(css(system, theme)(value))\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable\n              ? reference\n              : injectKeyframes(css(system, theme)(value))\n          }\n        }\n      }\n\n      function createColorVar(\n        token: string,\n        properties: string[],\n        value: DefineThemeValue,\n      ) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return colorMix(value, { ...options, properties })\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable\n              ? reference\n              : colorMix(value, { ...options, properties })\n          }\n        }\n      }\n\n      function createVar(\n        token: string,\n        value: VariableValue,\n        variable: string,\n      ) {\n        return function (semantic: boolean, queries: string[] = []) {\n          if (isAnimation(token)) value = createAnimationVar(value)\n\n          if (isArray(value)) {\n            const [lightValue, darkValue] = value\n\n            createVar(token, lightValue, variable)(semantic, queries)\n            createVar(\n              token,\n              darkValue,\n              variable,\n            )(semantic, [...queries, conditions._dark])\n          } else if (isResponsive(value, true)) {\n            Object.entries(value).forEach(([key, value]) => {\n              if (key === \"base\") {\n                createVar(token, value, variable)(semantic, queries)\n              } else {\n                const query = getQuery(key)\n\n                if (!query) return\n\n                createVar(token, value, variable)(semantic, [...queries, query])\n              }\n            })\n          } else {\n            const computedValue: DefineThemeValue = valueToVar(value)\n\n            let resolvedValue: DefineThemeValue | Dict = computedValue\n\n            if (isKeyframes(token)) {\n              resolvedValue = createKeyframesVar(token, computedValue)(semantic)\n            } else if (isGradient(token)) {\n              resolvedValue = createGradientVar(token, computedValue)(semantic)\n            } else if (isColor(token)) {\n              resolvedValue = createColorVar(\n                token,\n                [variable],\n                computedValue,\n              )(semantic)\n            } else if (semantic) {\n              const [, reference] = getRelatedReference(token, computedValue)\n\n              resolvedValue = reference\n            }\n\n            if (!isObject(resolvedValue))\n              resolvedValue = { [variable]: resolvedValue }\n\n            const resolvedCssVars = queries.reduceRight<Dict>(\n              (prev, key) => ({ [key]: prev }),\n              resolvedValue,\n            )\n\n            cssVars = merge(cssVars, resolvedCssVars)\n          }\n        }\n      }\n\n      for (let [token, { semantic, value }] of Object.entries(tokens)) {\n        const { reference, variable } = tokenToVar(token)\n\n        createVar(token, value, variable)(semantic)\n\n        if (isSpace(token)) {\n          const { negativeReference, negativeToken } = createNegativeVar(\n            token,\n            reference,\n          )\n\n          cssMap[negativeToken] = { ref: negativeReference, var: variable }\n        }\n\n        cssMap[token] = { ref: reference, var: variable }\n      }\n\n      return { cssMap, cssVars }\n    }\n  }\n}\n\nexport type CreateVars = ReturnType<ReturnType<typeof createVars>>\n\nexport function mergeVars(...fns: CreateVars[]) {\n  return function (prevTokens?: VariableTokens) {\n    let cssMap: CSSMap = {}\n    let cssVars: Dict = {}\n\n    for (const fn of fns) {\n      const result = fn(cssMap, cssVars, prevTokens)\n\n      cssMap = { ...cssMap, ...result.cssMap }\n      cssVars = { ...cssVars, ...result.cssVars }\n    }\n\n    return { cssMap, cssVars }\n  }\n}\n\nexport function varAttr(\n  value: StyleValueWithCondition<number | string> | undefined,\n  token?: ThemeToken,\n  fallbackValue?: string,\n): StyleValueWithCondition<number | string> | undefined {\n  if (isUndefined(value) || isNull(value) || isCSSFunction(value)) return value\n\n  if (isObject(value) || isArray(value)) {\n    return replaceObject(value, (value) => varAttr(value, token, fallbackValue))\n  } else {\n    return token ? `{${token}.${value}, ${fallbackValue ?? value}}` : value\n  }\n}\n\nexport function injectVars<Y extends Dict | Dict[] | undefined>(\n  objOrArray: Y,\n  targets: { [key in CSSProperties]?: string },\n  isInvalidProp?: (prop: string) => boolean,\n): Y {\n  if (!objOrArray) return objOrArray\n\n  function callback(objOrArray: Dict) {\n    return Object.fromEntries(\n      Object.entries(objOrArray).flatMap(function ([prop, value]) {\n        if (isInvalidProp?.(prop)) return [[prop, value]]\n\n        const target = targets[prop]\n        const result: [string, any][] = []\n\n        if (target) {\n          const { token } = getStyle(prop) ?? {}\n\n          result.push([\n            `--${target}`,\n            token ? `{${token}.${value}, ${value}}` : value,\n          ])\n        } else if (isObject(value)) {\n          result.push([prop, injectVars(value, targets)])\n        } else {\n          result.push([prop, value])\n        }\n\n        return result\n      }),\n    )\n  }\n\n  if (isArray(objOrArray)) {\n    return objOrArray.map(callback) as Y\n  } else {\n    return callback(objOrArray) as Y\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"var.js","names":["value","system: System","calc","computedValue: DefineThemeValue","resolvedValue: DefineThemeValue | Dict","cssMap: CSSMap","cssVars: Dict","objOrArray","result: [string, any][]"],"sources":["../../../../src/core/system/var.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSProperties, StyleValueWithCondition } from \"../css\"\nimport type {\n  CSSMap,\n  DefineThemeValue,\n  System,\n  ThemeToken,\n  UsageTheme,\n  VariableTokens,\n  VariableValue,\n} from \"../system\"\nimport type { Breakpoints } from \"./breakpoint\"\nimport {\n  calc,\n  escape,\n  isArray,\n  isNull,\n  isObject,\n  isString,\n  isUndefined,\n  merge,\n  replaceObject,\n} from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport {\n  animation,\n  colorMix,\n  conditions,\n  css,\n  getStyle,\n  gradient,\n  injectKeyframes,\n  isCSSFunction,\n} from \"../css\"\nimport { defaultSystem } from \"../system\"\n\ntype ParsedValue = number | string | undefined\n\ninterface Variable {\n  reference: string\n  variable: string\n}\n\nexport function transformInterpolation(\n  value: any,\n  callback: (value: string, fallbackValue?: string) => string,\n) {\n  if (isString(value)) {\n    return value.replace(/\\{(.*?)\\}/g, (_, value) => {\n      const [token, fallbackValue] = value.split(/,(.+)/)\n\n      return callback(token.trim(), fallbackValue?.trim())\n    })\n  } else {\n    return value\n  }\n}\n\nexport function getVar(token: string, fallback?: string) {\n  if (!token.startsWith(\"--\")) token = `--${token}`\n\n  token = token.replace(/[^-_a-zA-Z0-9]/g, \"\")\n\n  return fallback ? `var(${token}, ${fallback})` : `var(${token})`\n}\n\nexport function getVarName(system: System) {\n  return function (token: string) {\n    const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n    return `--${prefix}-${token}`\n  }\n}\n\nexport function getColorSchemeVar(system: System) {\n  return function (value: any, fallback?: string) {\n    if (!isString(value)) return value\n\n    const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n    const [, token] = value.split(\".\")\n\n    return getVar(`${prefix}-colorScheme-${token}`, fallback)\n  }\n}\n\nconst isGradient = (token: string) => token.startsWith(\"gradients.\")\nconst isKeyframes = (token: string) => token.startsWith(\"keyframes.\")\nconst isAnimation = (token: string) => token.startsWith(\"animations.\")\nconst isSpace = (token: string) => token.startsWith(\"spaces.\")\nconst isColor = (token: string) => token.startsWith(\"colors.\")\nexport const isColorScheme = (token: any) =>\n  isString(token) && token.startsWith(\"colorScheme.\") && !token.includes(\"/\")\n\nexport function createVars(\n  prefix: string = DEFAULT_VAR_PREFIX,\n  theme: UsageTheme,\n  breakpoints: Breakpoints,\n) {\n  return function (tokens: VariableTokens) {\n    const { getQuery, isResponsive } = breakpoints\n\n    function tokenToVar(token: string): Variable {\n      token = token.replace(/\\./g, \"-\")\n      token = token.replace(/\\//g, \"\\\\/\")\n\n      const variable = `--${[prefix, escape(token, \"-\")].filter(Boolean).join(\"-\")}`\n      const reference = `var(${variable})`\n\n      return { reference, variable }\n    }\n\n    return function (\n      cssMap: CSSMap = {},\n      cssVars: Dict = {},\n      prevTokens?: VariableTokens,\n    ): { cssMap: CSSMap; cssVars: Dict } {\n      const system: System = { ...defaultSystem, cssMap }\n      const options = { css, system, theme }\n\n      function getRelatedReference(\n        token: string,\n        value: ParsedValue = \"\",\n      ): [ParsedValue, Exclude<ParsedValue, undefined>] {\n        const relatedToken = [token.split(\".\")[0], value].join(\".\")\n\n        if (token === relatedToken) return [, value]\n\n        const targetToken = tokens[relatedToken] ?? prevTokens?.[relatedToken]\n\n        if (!targetToken) return [, value]\n\n        const { reference, variable } = tokenToVar(relatedToken)\n\n        return [variable, reference]\n      }\n\n      function valueToVar(value: any) {\n        return transformInterpolation(value, (value, fallbackValue) => {\n          if (value.includes(\"colors.\") || value.includes(\"colorScheme.\")) {\n            if (isColorScheme(value)) return getColorSchemeVar(system)(value)\n\n            return colorMix(value, { fallback: fallbackValue, system })\n          } else {\n            const token = tokens[value] ?? prevTokens?.[value]\n\n            if (token) {\n              return tokenToVar(value).reference\n            } else if (value in cssMap && cssMap[value]?.ref) {\n              return cssMap[value].ref\n            } else if (fallbackValue) {\n              fallbackValue =\n                fallbackValue in cssMap && cssMap[fallbackValue]?.ref\n                  ? cssMap[fallbackValue]?.ref\n                  : fallbackValue\n\n              return `var(--${prefix}-${value}, ${fallbackValue})`\n            } else {\n              return `var(--${prefix}-${value})`\n            }\n          }\n        })\n      }\n\n      function createNegativeVar(token: string, reference: string) {\n        const paths = token.split(\".\")\n        const [start, ...rest] = paths\n\n        const negativeToken = `${start}.-${rest.join(\".\")}`\n\n        const negativeReference = calc.negate(reference)\n\n        return { negativeReference, negativeToken }\n      }\n\n      function createAnimationVar(value: VariableValue) {\n        if (isArray(value)) {\n          return value.map((value) => animation(value, options)).join(\",\")\n        } else {\n          return animation(value, options)\n        }\n      }\n\n      function createGradientVar(token: string, value: DefineThemeValue) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return gradient(value, options)\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable ? reference : gradient(value, options)\n          }\n        }\n      }\n\n      function createKeyframesVar(token: string, value: any) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return injectKeyframes(css(system, theme)(value))\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable\n              ? reference\n              : injectKeyframes(css(system, theme)(value))\n          }\n        }\n      }\n\n      function createColorVar(\n        token: string,\n        properties: string[],\n        value: DefineThemeValue,\n      ) {\n        return function (semantic: boolean) {\n          if (!semantic) {\n            return colorMix(value, { ...options, properties })\n          } else {\n            const [variable, reference] = getRelatedReference(token, value)\n\n            return variable\n              ? reference\n              : colorMix(value, { ...options, properties })\n          }\n        }\n      }\n\n      function createVar(\n        token: string,\n        value: VariableValue,\n        variable: string,\n      ) {\n        return function (semantic: boolean, queries: string[] = []) {\n          if (isAnimation(token)) value = createAnimationVar(value)\n\n          if (isArray(value)) {\n            const [lightValue, darkValue] = value\n\n            createVar(token, lightValue, variable)(semantic, queries)\n            createVar(\n              token,\n              darkValue,\n              variable,\n            )(semantic, [...queries, conditions._dark])\n          } else if (isResponsive(value, true)) {\n            Object.entries(value).forEach(([key, value]) => {\n              if (key === \"base\") {\n                createVar(token, value, variable)(semantic, queries)\n              } else {\n                const query = getQuery(key)\n\n                if (!query) return\n\n                createVar(token, value, variable)(semantic, [...queries, query])\n              }\n            })\n          } else {\n            const computedValue: DefineThemeValue = valueToVar(value)\n\n            let resolvedValue: DefineThemeValue | Dict = computedValue\n\n            if (isKeyframes(token)) {\n              resolvedValue = createKeyframesVar(token, computedValue)(semantic)\n            } else if (isGradient(token)) {\n              resolvedValue = createGradientVar(token, computedValue)(semantic)\n            } else if (isColor(token)) {\n              resolvedValue = createColorVar(\n                token,\n                [variable],\n                computedValue,\n              )(semantic)\n            } else if (semantic) {\n              const [, reference] = getRelatedReference(token, computedValue)\n\n              resolvedValue = reference\n            }\n\n            if (!isObject(resolvedValue))\n              resolvedValue = { [variable]: resolvedValue }\n\n            const resolvedCssVars = queries.reduceRight<Dict>(\n              (prev, key) => ({ [key]: prev }),\n              resolvedValue,\n            )\n\n            cssVars = merge(cssVars, resolvedCssVars)\n          }\n        }\n      }\n\n      for (let [token, { semantic, value }] of Object.entries(tokens)) {\n        const { reference, variable } = tokenToVar(token)\n\n        createVar(token, value, variable)(semantic)\n\n        if (isSpace(token)) {\n          const { negativeReference, negativeToken } = createNegativeVar(\n            token,\n            reference,\n          )\n\n          cssMap[negativeToken] = { ref: negativeReference, var: variable }\n        }\n\n        cssMap[token] = { ref: reference, var: variable }\n      }\n\n      return { cssMap, cssVars }\n    }\n  }\n}\n\nexport type CreateVars = ReturnType<ReturnType<typeof createVars>>\n\nexport function mergeVars(...fns: CreateVars[]) {\n  return function (prevTokens?: VariableTokens) {\n    let cssMap: CSSMap = {}\n    let cssVars: Dict = {}\n\n    for (const fn of fns) {\n      const result = fn(cssMap, cssVars, prevTokens)\n\n      cssMap = { ...cssMap, ...result.cssMap }\n      cssVars = { ...cssVars, ...result.cssVars }\n    }\n\n    return { cssMap, cssVars }\n  }\n}\n\nexport function varAttr<Y = StyleValueWithCondition<number | string>>(\n  value: undefined | Y,\n  token?: ThemeToken,\n  fallbackValue?: string,\n): undefined | Y {\n  if (isUndefined(value) || isNull(value) || isCSSFunction(value)) return value\n\n  if (isObject(value) || isArray(value)) {\n    return replaceObject(value, (value) => varAttr(value, token, fallbackValue))\n  } else {\n    return token\n      ? (`{${token}.${value}, ${fallbackValue ?? value}}` as Y)\n      : value\n  }\n}\n\nexport function injectVars<Y extends Dict | Dict[] | undefined>(\n  objOrArray: Y,\n  targets: { [key in CSSProperties]?: string },\n  isInvalidProp?: (prop: string) => boolean,\n): Y {\n  if (!objOrArray) return objOrArray\n\n  function callback(objOrArray: Dict) {\n    return Object.fromEntries(\n      Object.entries(objOrArray).flatMap(function ([prop, value]) {\n        if (isInvalidProp?.(prop)) return [[prop, value]]\n\n        const target = targets[prop]\n        const result: [string, any][] = []\n\n        if (target) {\n          const { token } = getStyle(prop) ?? {}\n\n          result.push([\n            `--${target}`,\n            token ? `{${token}.${value}, ${value}}` : value,\n          ])\n        } else if (isObject(value)) {\n          result.push([prop, injectVars(value, targets)])\n        } else {\n          result.push([prop, value])\n        }\n\n        return result\n      }),\n    )\n  }\n\n  if (isArray(objOrArray)) {\n    return objOrArray.map(callback) as Y\n  } else {\n    return callback(objOrArray) as Y\n  }\n}\n"],"mappings":"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"}

package/dist/types/components/accordion/accordion.d.ts

@@ -1,12 +1,15 @@
 import { ReactNodeOrFunction } from "../../utils/index.types.js";
 import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
+import "../../core/index.js";
 import { WithTransitionProps } from "../motion/index.types.js";
+import "../motion/index.js";
 import { CollapseProps } from "../collapse/collapse.js";
+import "../collapse/index.js";
 import "../../index.js";
 import { AccordionStyle } from "./accordion.style.js";
 import { UseAccordionItemProps, UseAccordionProps } from "./use-accordion.js";
-import * as react943 from "react";
+import * as react838 from "react";
 
 //#region src/components/accordion/accordion.d.ts
 interface AccordionCallBackProps {
@@ -30,7 +33,7 @@ interface AccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemePro
    */
   items?: AccordionItem[];
 }
-declare const AccordionPropsContext: react943.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
+declare const AccordionPropsContext: react838.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
 /**
  * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.
  *

package/dist/types/components/accordion/accordion.style.d.ts

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 
 //#region src/components/accordion/accordion.style.d.ts
-declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
+declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "item" | "root", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, {
   panel: {
     button: {
       rounded: "l2";

package/dist/types/components/accordion/use-accordion.d.ts

@@ -1,10 +1,11 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
+import "../../core/index.js";
 import { Descendant } from "../../hooks/use-descendants/index.js";
 import "../../index.js";
-import * as react931 from "react";
+import * as react826 from "react";
 
 //#region src/components/accordion/use-accordion.d.ts
-declare const AccordionDescendantsContext: react931.Context<{
+declare const AccordionDescendantsContext: react826.Context<{
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -23,7 +24,7 @@ declare const AccordionDescendantsContext: react931.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react931.RefCallback<HTMLButtonElement>;
+    } | undefined) => react826.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
@@ -49,12 +50,12 @@ declare const AccordionDescendantsContext: react931.Context<{
       prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-      } | undefined) => react931.RefCallback<HTMLButtonElement>;
+      } | undefined) => react826.RefCallback<HTMLButtonElement>;
       unregister: (node?: HTMLButtonElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
       values: () => Descendant<HTMLButtonElement, {}>[];
     };
-    register: react931.RefCallback<HTMLButtonElement>;
+    register: react826.RefCallback<HTMLButtonElement>;
   }, useAccordionDescendants: () => {
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -74,15 +75,15 @@ declare const AccordionDescendantsContext: react931.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react931.RefCallback<HTMLButtonElement>;
+    } | undefined) => react826.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
   };
 interface AccordionContext extends Omit<UseAccordionReturn, "descendants" | "getRootProps"> {}
-declare const AccordionContext: react931.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
+declare const AccordionContext: react826.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
 interface AccordionItemContext extends Omit<UseAccordionItemReturn, "getItemProps"> {}
-declare const AccordionItemContext: react931.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
+declare const AccordionItemContext: react826.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
 interface UseAccordionProps extends Omit<HTMLProps, "onChange"> {
   /**
    * The initial index(es) of the accordion item to expand.
@@ -136,7 +137,7 @@ declare const useAccordion: ({
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react931.RefCallback<HTMLButtonElement>;
+    } | undefined) => react826.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
@@ -144,8 +145,8 @@ declare const useAccordion: ({
   focusedIndex: number;
   index: number | number[];
   multiple: boolean | undefined;
-  setFocusedIndex: react931.Dispatch<react931.SetStateAction<number>>;
-  setIndex: react931.Dispatch<react931.SetStateAction<number | number[]>>;
+  setFocusedIndex: react826.Dispatch<react826.SetStateAction<number>>;
+  setIndex: react826.Dispatch<react826.SetStateAction<number | number[]>>;
   toggle: boolean | undefined;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

package/dist/types/components/airy/airy.d.ts

@@ -1,9 +1,11 @@
 import { KeyframeIdent, ThemeProps } from "../../core/system/index.types.js";
 import { Component } from "../../core/components/index.types.js";
+import "../../core/index.js";
 import { AiryStyle } from "./airy.style.js";
 import { HTMLMotionProps } from "../motion/index.types.js";
+import "../motion/index.js";
 import "../../index.js";
-import * as react899 from "react";
+import * as react818 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/airy/airy.d.ts
@@ -55,7 +57,7 @@ interface AiryProps extends Omit<HTMLMotionProps<"button">, "onChange">, ThemePr
    */
   onChange?: (value: KeyframeIdent) => void;
 }
-declare const AiryPropsContext: react899.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
+declare const AiryPropsContext: react818.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
 /**
  * `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.
  *

package/dist/types/components/alert/alert.d.ts

@@ -1,11 +1,15 @@
 import { LoadingScheme, ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
+import "../../core/index.js";
 import { AlertStyle } from "./alert.style.js";
 import { IconProps } from "../icon/icon.js";
+import "../icon/index.js";
 import { LoadingProps } from "../loading/loading.js";
+import "../loading/index.js";
 import { StatusScheme } from "../status/status.js";
+import "../status/index.js";
 import "../../index.js";
-import * as react930 from "react";
+import * as react873 from "react";
 
 //#region src/components/alert/alert.d.ts
 interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
@@ -16,7 +20,7 @@ interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
    */
   status?: StatusScheme;
 }
-declare const AlertPropsContext: react930.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
+declare const AlertPropsContext: react873.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
 /**
  * `Alert` is a component that conveys information to the user.
  *

package/dist/types/components/alert/alert.style.d.ts

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 
 //#region src/components/alert/alert.style.d.ts
-declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, {
+declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "description" | "root", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, {
   island: {
     description: {
       color: "fg.muted";

package/dist/types/components/alpha-slider/alpha-slider.d.ts

@@ -1,9 +1,11 @@
 import { WithoutThemeProps } from "../../core/system/index.types.js";
 import { Component } from "../../core/components/index.types.js";
+import "../../core/index.js";
 import { AlphaSliderStyle } from "./alpha-slider.style.js";
 import { HueSliderOverlayProps, HueSliderRootProps, HueSliderThumbProps, HueSliderTrackProps } from "../hue-slider/hue-slider.js";
+import "../hue-slider/index.js";
 import "../../index.js";
-import * as react884 from "react";
+import * as react872 from "react";
 
 //#region src/components/alpha-slider/alpha-slider.d.ts
 interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps, "color" | "max" | "step" | "thumbProps" | "trackProps">, AlphaSliderStyle> {
@@ -36,7 +38,7 @@ interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps
    */
   trackProps?: AlphaSliderTrackProps;
 }
-declare const AlphaSliderPropsContext: react884.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
+declare const AlphaSliderPropsContext: react872.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
 /**
  * `AlphaSlider` is a component used to allow the user to select color transparency.
  *

package/dist/types/components/aspect-ratio/aspect-ratio.d.ts

@@ -1,7 +1,8 @@
 import { StyleValue } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
+import "../../core/index.js";
 import "../../index.js";
-import * as react898 from "react";
+import * as react871 from "react";
 
 //#region src/components/aspect-ratio/aspect-ratio.d.ts
 interface AspectRatioProps extends HTMLStyledProps {
@@ -12,7 +13,7 @@ interface AspectRatioProps extends HTMLStyledProps {
    */
   ratio?: StyleValue<number>;
 }
-declare const AspectRatioPropsContext: react898.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
+declare const AspectRatioPropsContext: react871.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
 /**
  * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.
  *

package/dist/types/components/autocomplete/autocomplete.d.ts

@@ -1,14 +1,17 @@
 import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, GenericsComponent, HTMLStyledProps } from "../../core/components/index.types.js";
+import "../../core/index.js";
 import { AutocompleteStyle } from "./autocomplete.style.js";
 import { PopoverContentProps, PopupAnimationProps } from "../popover/popover.js";
+import "../popover/index.js";
 import { UseComboboxGroupProps } from "../../hooks/use-combobox/index.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
 import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
+import "../input/index.js";
 import { UseAutocompleteOptionProps, UseAutocompleteProps } from "./use-autocomplete.js";
 import "../../index.js";
-import * as react886 from "react";
+import * as react825 from "react";
 import { ReactElement, ReactNode } from "react";
 
 //#region src/components/autocomplete/autocomplete.d.ts
@@ -64,7 +67,7 @@ interface AutocompleteRootProps<Multiple extends boolean = false> extends Omit<H
    */
   rootProps?: InputGroupRootProps;
 }
-declare const AutocompletePropsContext: react886.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
+declare const AutocompletePropsContext: react825.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
 /**
  * `Autocomplete` is a component used to display suggestions in response to user text input.
  *

package/dist/types/components/autocomplete/autocomplete.style.d.ts

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/autocomplete/autocomplete.style.d.ts
-declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "valueText" | "empty", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "valueText" | "empty">>, {
+declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "indicator" | "root" | "field" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "indicator" | "root" | "field" | "empty" | "valueText">>, {
   xs: {
     empty: {
       gap: "1.5";

package/dist/types/components/autocomplete/use-autocomplete.d.ts

@@ -1,10 +1,13 @@
 import { HTMLProps, HTMLRefAttributes, PropGetter } from "../../core/components/index.types.js";
+import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
+import "../field/index.js";
 import { Descendant, DescendantProps } from "../../hooks/use-descendants/index.js";
 import { UsePopoverProps } from "../popover/use-popover.js";
+import "../popover/index.js";
 import { ComboboxDescendant, ComboboxDescendantProps, ComboboxItem, ComboboxItemWithValue, UseComboboxItemProps, UseComboboxProps } from "../../hooks/use-combobox/index.js";
 import "../../index.js";
-import * as react887 from "react";
+import * as react819 from "react";
 import { ChangeEvent, ReactNode } from "react";
 
 //#region src/components/autocomplete/use-autocomplete.d.ts
@@ -26,7 +29,7 @@ interface AutocompleteMatcher {
   (input: string, target?: string): boolean;
 }
 interface AutocompleteContext extends Pick<UseAutocompleteReturn, "max" | "value"> {}
-declare const AutocompleteContext: react887.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
+declare const AutocompleteContext: react819.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
 interface UseAutocompleteProps<Multiple extends boolean = false> extends Omit<HTMLProps, "defaultValue" | "onChange" | "ref" | "value">, Omit<UseComboboxProps, "defaultValue" | "initialFocusValue" | "onChange" | "ref" | "value">, HTMLRefAttributes<"input">, FieldProps {
   /**
    * If `true`, the autocomplete will allow custom value.
@@ -154,7 +157,7 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
     lastValue: () => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react887.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react819.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     values: () => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
@@ -164,8 +167,8 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
   items: ComboboxItem[];
   max: number | undefined;
   open: boolean;
-  setInputValue: react887.Dispatch<react887.SetStateAction<string>>;
-  setValue: react887.Dispatch<react887.SetStateAction<Multiple extends true ? string[] : string>>;
+  setInputValue: react819.Dispatch<react819.SetStateAction<string>>;
+  setValue: react819.Dispatch<react819.SetStateAction<Multiple extends true ? string[] : string>>;
   value: Multiple extends true ? string[] : string;
   valueMap: {
     [key: string]: ComboboxItemWithValue;

package/dist/types/components/avatar/avatar-group.d.ts

@@ -1,5 +1,6 @@
 import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
+import "../../core/index.js";
 import { AvatarStyle } from "./avatar.style.js";
 import { UseAvatarGroupProps } from "./use-avatar-group.js";
 import "../../index.js";