@yamada-ui/react 2.1.1-dev-20260303170810 → 2.1.1-dev-20260303173438

package/dist/esm/components/chart/donut-chart.js

@@ -4,7 +4,6 @@ import { createComponent } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { donutChartStyle } from "./donut-chart.style.js";
 import { ChartDonut, PolarChart } from "./polar-chart.js";
-import { usePieChart } from "./use-pie-chart.js";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { PieChart } from "recharts";
@@ -16,22 +15,18 @@ const { PropsContext: DonutChartPropsContext, usePropsContext: useDonutChartProp
 *
 * @see https://yamada-ui.com/docs/components/donut-chart
 */
-const DonutChart = withContext(({ children, series = [], chartProps, tooltipProps, ...rest }) => {
-	const { getChartProps, getRootProps } = usePieChart(rest);
+const DonutChart = withContext(({ children, series = [], tooltipProps, ...rest }) => {
 	return /* @__PURE__ */ jsx(PolarChart, {
 		components: useMemo(() => [{
 			component: ChartDonut,
 			fallback: series.map((props, index) => /* @__PURE__ */ jsx(ChartDonut, { ...props }, index))
 		}], [series]),
-		render: (props) => /* @__PURE__ */ jsx(PieChart, { ...getChartProps({
-			...props,
-			...chartProps
-		}) }),
+		render: (props) => /* @__PURE__ */ jsx(PieChart, { ...props }),
 		tooltipProps: {
 			labelFormatter: useCallback(() => null, []),
 			...tooltipProps
 		},
-		...getRootProps(),
+		...rest,
 		children
 	});
 })();

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

@@ -1 +1 @@
-{"version":3,"file":"donut-chart.js","names":["OriginalPieChart"],"sources":["../../../../src/components/chart/donut-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { PolarChartProps as OriginalPolarChartProps } from \"recharts/types/util/types\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartTooltipProps } from \"./chart\"\nimport type { DonutChartStyle } from \"./donut-chart.style\"\nimport type { ChartDonutProps, PolarChartProps } from \"./polar-chart\"\nimport type { UsePieChartProps } from \"./use-pie-chart\"\nimport { useCallback, useMemo } from \"react\"\nimport { PieChart as OriginalPieChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { donutChartStyle } from \"./donut-chart.style\"\nimport { ChartDonut, PolarChart } from \"./polar-chart\"\nimport { usePieChart } from \"./use-pie-chart\"\n\nexport interface DonutChartProps<Y extends Dict = Dict>\n  extends\n    Omit<\n      PolarChartProps<Y>,\n      | \"angleAxisProps\"\n      | \"components\"\n      | \"gridProps\"\n      | \"nameKey\"\n      | \"pieProps\"\n      | \"radarProps\"\n      | \"radialProps\"\n      | \"radiusAxisProps\"\n      | \"render\"\n      | \"series\"\n      | \"withAngleAxis\"\n      | \"withGrid\"\n      | \"withRadiusAxis\"\n    >,\n    UsePieChartProps<Y>,\n    ThemeProps<DonutChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartDonutProps<Y>[]\n  /**\n   * Props for the polar chart component.\n   */\n  chartProps?: Omit<OriginalPolarChartProps, \"data\">\n}\n\nconst {\n  PropsContext: DonutChartPropsContext,\n  usePropsContext: useDonutChartPropsContext,\n  withContext,\n} = createComponent<DonutChartProps, DonutChartStyle>(\n  \"donut-chart\",\n  donutChartStyle,\n)\n\nexport { DonutChartPropsContext, useDonutChartPropsContext }\n\n/**\n * `DonutChart` is a component for drawing donut charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/donut-chart\n */\nexport const DonutChart = withContext<\"div\", DonutChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    chartProps,\n    tooltipProps,\n    ...rest\n  }: DonutChartProps<Y>) => {\n    const { getChartProps, getRootProps } = usePieChart(rest)\n    const components = useMemo(\n      () => [\n        {\n          component: ChartDonut,\n          fallback: series.map((props, index) => (\n            <ChartDonut key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n    const labelFormatter = useCallback<\n      NonNullable<ChartTooltipProps[\"labelFormatter\"]>\n    >(() => null, [])\n\n    return (\n      <PolarChart\n        components={components}\n        render={(props) => (\n          <OriginalPieChart {...getChartProps({ ...props, ...chartProps })} />\n        )}\n        tooltipProps={{ labelFormatter, ...tooltipProps }}\n        {...getRootProps()}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: DonutChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;;;AA+CA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACE,gBACF,eACA,gBACD;;;;;;AASD,MAAa,aAAa,aACP,EACf,UACA,SAAS,EAAE,EACX,YACA,cACA,GAAG,WACqB;CACxB,MAAM,EAAE,eAAe,iBAAiB,YAAY,KAAK;AAgBzD,QACE,oBAAC;EACC,YAjBe,cACX,CACJ;GACE,WAAW;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,oBAAC,cAAuB,GAAI,SAAX,MAAoB,CACrC;GACH,CACF,EACD,CAAC,OAAO,CACT;EAQG,SAAS,UACP,oBAACA,YAAiB,GAAI,cAAc;GAAE,GAAG;GAAO,GAAG;GAAY,CAAC,GAAI;EAEtE,cAAc;GAAE,gBAVG,kBAEf,MAAM,EAAE,CAAC;GAQmB,GAAG;GAAc;EACjD,GAAI,cAAc;EAEjB;GACU;EAGlB,EAAE"}
+{"version":3,"file":"donut-chart.js","names":["OriginalPieChart"],"sources":["../../../../src/components/chart/donut-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartTooltipProps } from \"./chart\"\nimport type { DonutChartStyle } from \"./donut-chart.style\"\nimport type { ChartDonutProps, PolarChartProps } from \"./polar-chart\"\nimport { useCallback, useMemo } from \"react\"\nimport { PieChart as OriginalPieChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { donutChartStyle } from \"./donut-chart.style\"\nimport { ChartDonut, PolarChart } from \"./polar-chart\"\n\nexport interface DonutChartProps<Y extends Dict = Dict>\n  extends\n    Omit<PolarChartProps<Y>, \"components\" | \"nameKey\" | \"render\">,\n    ThemeProps<DonutChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartDonutProps<Y>[]\n}\n\nconst {\n  PropsContext: DonutChartPropsContext,\n  usePropsContext: useDonutChartPropsContext,\n  withContext,\n} = createComponent<DonutChartProps, DonutChartStyle>(\n  \"donut-chart\",\n  donutChartStyle,\n)\n\nexport { DonutChartPropsContext, useDonutChartPropsContext }\n\n/**\n * `DonutChart` is a component for drawing donut charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/donut-chart\n */\nexport const DonutChart = withContext<\"div\", DonutChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    tooltipProps,\n    ...rest\n  }: DonutChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartDonut,\n          fallback: series.map((props, index) => (\n            <ChartDonut key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n    const labelFormatter = useCallback<\n      NonNullable<ChartTooltipProps[\"labelFormatter\"]>\n    >(() => null, [])\n\n    return (\n      <PolarChart\n        components={components}\n        render={(props) => <OriginalPieChart {...props} />}\n        tooltipProps={{ labelFormatter, ...tooltipProps }}\n        {...rest}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: DonutChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;;AAwBA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACE,gBACF,eACA,gBACD;;;;;;AASD,MAAa,aAAa,aACP,EACf,UACA,SAAS,EAAE,EACX,cACA,GAAG,WACqB;AAgBxB,QACE,oBAAC;EACC,YAjBe,cACX,CACJ;GACE,WAAW;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,oBAAC,cAAuB,GAAI,SAAX,MAAoB,CACrC;GACH,CACF,EACD,CAAC,OAAO,CACT;EAQG,SAAS,UAAU,oBAACA,YAAiB,GAAI,QAAS;EAClD,cAAc;GAAE,gBARG,kBAEf,MAAM,EAAE,CAAC;GAMmB,GAAG;GAAc;EACjD,GAAI;EAEH;GACU;EAGlB,EAAE"}

package/dist/esm/components/chart/index.js

@@ -1,31 +1,27 @@
+import { lineChartStyle } from "./line-chart.style.js";
 import { areaChartStyle } from "./area-chart.style.js";
 import { barChartStyle } from "./bar-chart.style.js";
 import { chartStyle } from "./chart.style.js";
 import { cartesianChartStyle } from "./cartesian-chart.style.js";
+import { composedChartStyle } from "./composed-chart.style.js";
 import { pieChartStyle } from "./pie-chart.style.js";
 import { donutChartStyle } from "./donut-chart.style.js";
-import { lineChartStyle } from "./line-chart.style.js";
 import { polarChartStyle } from "./polar-chart.style.js";
 import { radarChartStyle } from "./radar-chart.style.js";
 import { radialChartStyle } from "./radial-chart.style.js";
 import { ChartContext, useChart, useChartContext, useChartLabel, useChartLabelList, useChartLegend, useChartTooltip } from "./use-chart.js";
 import { Chart, ChartLabel, ChartLabelList, ChartLegend, ChartPropsContext, ChartTooltip, useChartPropsContext } from "./chart.js";
-import { useChartArea, useChartBar, useChartGrid, useChartLine, useChartReferenceLine, useChartXAxis, useChartYAxis } from "./use-cartesian-chart.js";
+import { useCartesianChart, useChartArea, useChartBar, useChartGrid, useChartLine, useChartReferenceLine, useChartXAxis, useChartYAxis } from "./use-cartesian-chart.js";
 import { CartesianChart, ChartArea, ChartBar, ChartGrid, ChartLine, ChartReferenceLine, ChartXAxis, ChartYAxis } from "./cartesian-chart.js";
-import { useAreaChart } from "./use-area-chart.js";
 import { area_chart_namespace_exports } from "./area-chart.namespace.js";
-import { useBarChart } from "./use-bar-chart.js";
 import { bar_chart_namespace_exports } from "./bar-chart.namespace.js";
-import { useAngleAxis, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartRadar, useChartRadial, useChartSector, usePolarGrid, useRadiusAxis } from "./use-polar-chart.js";
+import { composed_chart_namespace_exports } from "./composed-chart.namespace.js";
+import { useAngleAxis, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartRadar, useChartRadial, useChartSector, usePolarChart, usePolarGrid, useRadiusAxis } from "./use-polar-chart.js";
 import { ChartAngleAxis, ChartDonut, ChartPie, ChartPolarGrid, ChartRadar, ChartRadial, ChartRadiusAxis, PolarChart } from "./polar-chart.js";
-import { usePieChart } from "./use-pie-chart.js";
 import { donut_chart_namespace_exports } from "./donut-chart.namespace.js";
-import { useLineChart } from "./use-line-chart.js";
 import { line_chart_namespace_exports } from "./line-chart.namespace.js";
 import { pie_chart_namespace_exports } from "./pie-chart.namespace.js";
-import { useRadarChart } from "./use-radar-chart.js";
 import { radar_chart_namespace_exports } from "./radar-chart.namespace.js";
-import { useRadialChart } from "./use-radial-chart.js";
 import { radial_chart_namespace_exports } from "./radial-chart.namespace.js";
 
-export { area_chart_namespace_exports as AreaChart, bar_chart_namespace_exports as BarChart, CartesianChart, Chart, ChartAngleAxis, ChartArea, ChartBar, ChartContext, ChartDonut, ChartGrid, ChartLabel, ChartLabelList, ChartLegend, ChartLine, ChartPie, ChartPolarGrid, ChartPropsContext, ChartRadar, ChartRadial, ChartRadiusAxis, ChartReferenceLine, ChartTooltip, ChartXAxis, ChartYAxis, donut_chart_namespace_exports as DonutChart, line_chart_namespace_exports as LineChart, pie_chart_namespace_exports as PieChart, PolarChart, radar_chart_namespace_exports as RadarChart, radial_chart_namespace_exports as RadialChart, areaChartStyle, barChartStyle, cartesianChartStyle, chartStyle, donutChartStyle, lineChartStyle, pieChartStyle, polarChartStyle, radarChartStyle, radialChartStyle, useAngleAxis, useAreaChart, useBarChart, useChart, useChartArea, useChartBar, useChartContext, useChartGrid, useChartLabel, useChartLabelList, useChartLegend, useChartLine, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartPropsContext, useChartRadar, useChartRadial, useChartReferenceLine, useChartSector, useChartTooltip, useChartXAxis, useChartYAxis, useLineChart, usePieChart, usePolarGrid, useRadarChart, useRadialChart, useRadiusAxis };
+export { area_chart_namespace_exports as AreaChart, bar_chart_namespace_exports as BarChart, CartesianChart, Chart, ChartAngleAxis, ChartArea, ChartBar, ChartContext, ChartDonut, ChartGrid, ChartLabel, ChartLabelList, ChartLegend, ChartLine, ChartPie, ChartPolarGrid, ChartPropsContext, ChartRadar, ChartRadial, ChartRadiusAxis, ChartReferenceLine, ChartTooltip, ChartXAxis, ChartYAxis, composed_chart_namespace_exports as ComposedChart, donut_chart_namespace_exports as DonutChart, line_chart_namespace_exports as LineChart, pie_chart_namespace_exports as PieChart, PolarChart, radar_chart_namespace_exports as RadarChart, radial_chart_namespace_exports as RadialChart, areaChartStyle, barChartStyle, cartesianChartStyle, chartStyle, composedChartStyle, donutChartStyle, lineChartStyle, pieChartStyle, polarChartStyle, radarChartStyle, radialChartStyle, useAngleAxis, useCartesianChart, useChart, useChartArea, useChartBar, useChartContext, useChartGrid, useChartLabel, useChartLabelList, useChartLegend, useChartLine, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartPropsContext, useChartRadar, useChartRadial, useChartReferenceLine, useChartSector, useChartTooltip, useChartXAxis, useChartYAxis, usePolarChart, usePolarGrid, useRadiusAxis };

package/dist/esm/components/chart/line-chart.js

@@ -4,7 +4,6 @@ import { createComponent } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { lineChartStyle } from "./line-chart.style.js";
 import { CartesianChart, ChartLine } from "./cartesian-chart.js";
-import { useLineChart } from "./use-line-chart.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { LineChart } from "recharts";
@@ -16,18 +15,14 @@ const { PropsContext: LineChartPropsContext, usePropsContext: useLineChartPropsC
 *
 * @see https://yamada-ui.com/docs/components/line-chart
 */
-const LineChart$1 = withContext(({ children, series = [], chartProps, ...rest }) => {
-	const { getChartProps, getRootProps } = useLineChart(rest);
+const LineChart$1 = withContext(({ children, series = [], ...rest }) => {
 	return /* @__PURE__ */ jsx(CartesianChart, {
 		components: useMemo(() => [{
 			component: ChartLine,
 			fallback: series.map((props, index) => /* @__PURE__ */ jsx(ChartLine, { ...props }, index))
 		}], [series]),
-		render: (props) => /* @__PURE__ */ jsx(LineChart, { ...getChartProps({
-			...props,
-			...chartProps
-		}) }),
-		...getRootProps(),
+		render: (props) => /* @__PURE__ */ jsx(LineChart, { ...props }),
+		...rest,
 		children
 	});
 })();

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

@@ -1 +1 @@
-{"version":3,"file":"line-chart.js","names":["LineChart","OriginalLineChart"],"sources":["../../../../src/components/chart/line-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { CartesianChartProps as OriginalCartesianChartProps } from \"recharts/types/util/types\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { CartesianChartProps, ChartLineProps } from \"./cartesian-chart\"\nimport type { LineChartStyle } from \"./line-chart.style\"\nimport type { UseLineChartProps } from \"./use-line-chart\"\nimport { useMemo } from \"react\"\nimport { LineChart as OriginalLineChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { CartesianChart, ChartLine } from \"./cartesian-chart\"\nimport { lineChartStyle } from \"./line-chart.style\"\nimport { useLineChart } from \"./use-line-chart\"\n\nexport interface LineChartProps<Y extends Dict = Dict>\n  extends\n    Omit<\n      CartesianChartProps,\n      | \"areaFillOpacity\"\n      | \"areaProps\"\n      | \"barProps\"\n      | \"components\"\n      | \"render\"\n      | \"series\"\n    >,\n    UseLineChartProps<Y>,\n    ThemeProps<LineChartStyle> {\n  /**\n   * If provided, generate lines based on series.\n   */\n  series?: ChartLineProps<Y>[]\n  /**\n   * Props for the line chart component.\n   */\n  chartProps?: Omit<OriginalCartesianChartProps, \"data\">\n}\n\nconst {\n  PropsContext: LineChartPropsContext,\n  usePropsContext: useLineChartPropsContext,\n  withContext,\n} = createComponent<LineChartProps, LineChartStyle>(\n  \"line-chart\",\n  lineChartStyle,\n)\n\nexport { LineChartPropsContext, useLineChartPropsContext }\n\n/**\n * `LineChart` is a component for drawing line charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/line-chart\n */\nexport const LineChart = withContext<\"div\", LineChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    chartProps,\n    ...rest\n  }: LineChartProps<Y>) => {\n    const { getChartProps, getRootProps } = useLineChart(rest)\n    const components = useMemo(\n      () => [\n        {\n          component: ChartLine,\n          fallback: series.map((props, index) => (\n            <ChartLine key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <CartesianChart\n        components={components}\n        render={(props) => (\n          <OriginalLineChart {...getChartProps({ ...props, ...chartProps })} />\n        )}\n        {...getRootProps()}\n      >\n        {children}\n      </CartesianChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: LineChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;;;AAuCA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACE,gBACF,cACA,eACD;;;;;;AASD,MAAaA,cAAY,aACN,EACf,UACA,SAAS,EAAE,EACX,YACA,GAAG,WACoB;CACvB,MAAM,EAAE,eAAe,iBAAiB,aAAa,KAAK;AAa1D,QACE,oBAAC;EACC,YAde,cACX,CACJ;GACE,WAAW;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,oBAAC,aAAsB,GAAI,SAAX,MAAoB,CACpC;GACH,CACF,EACD,CAAC,OAAO,CACT;EAKG,SAAS,UACP,oBAACC,aAAkB,GAAI,cAAc;GAAE,GAAG;GAAO,GAAG;GAAY,CAAC,GAAI;EAEvE,GAAI,cAAc;EAEjB;GACc;EAGtB,EAAE"}
+{"version":3,"file":"line-chart.js","names":["LineChart","OriginalLineChart"],"sources":["../../../../src/components/chart/line-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { CartesianChartProps, ChartLineProps } from \"./cartesian-chart\"\nimport type { LineChartStyle } from \"./line-chart.style\"\nimport { useMemo } from \"react\"\nimport { LineChart as OriginalLineChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { CartesianChart, ChartLine } from \"./cartesian-chart\"\nimport { lineChartStyle } from \"./line-chart.style\"\n\nexport interface LineChartProps<Y extends Dict = Dict>\n  extends\n    Omit<CartesianChartProps<Y>, \"components\" | \"render\">,\n    ThemeProps<LineChartStyle> {\n  /**\n   * If provided, generate lines based on series.\n   */\n  series?: ChartLineProps<Y>[]\n}\n\nconst {\n  PropsContext: LineChartPropsContext,\n  usePropsContext: useLineChartPropsContext,\n  withContext,\n} = createComponent<LineChartProps, LineChartStyle>(\n  \"line-chart\",\n  lineChartStyle,\n)\n\nexport { LineChartPropsContext, useLineChartPropsContext }\n\n/**\n * `LineChart` is a component for drawing line charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/line-chart\n */\nexport const LineChart = withContext<\"div\", LineChartProps>(\n  <Y extends Dict>({ children, series = [], ...rest }: LineChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartLine,\n          fallback: series.map((props, index) => (\n            <ChartLine key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <CartesianChart\n        components={components}\n        render={(props) => <OriginalLineChart {...props} />}\n        {...rest}\n      >\n        {children}\n      </CartesianChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: LineChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;;AAuBA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACE,gBACF,cACA,eACD;;;;;;AASD,MAAaA,cAAY,aACN,EAAE,UAAU,SAAS,EAAE,EAAE,GAAG,WAA8B;AAazE,QACE,oBAAC;EACC,YAde,cACX,CACJ;GACE,WAAW;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,oBAAC,aAAsB,GAAI,SAAX,MAAoB,CACpC;GACH,CACF,EACD,CAAC,OAAO,CACT;EAKG,SAAS,UAAU,oBAACC,aAAkB,GAAI,QAAS;EACnD,GAAI;EAEH;GACc;EAGtB,EAAE"}

package/dist/esm/components/chart/pie-chart.js

@@ -4,7 +4,6 @@ import { createComponent } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { pieChartStyle } from "./pie-chart.style.js";
 import { ChartPie, PolarChart } from "./polar-chart.js";
-import { usePieChart } from "./use-pie-chart.js";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { PieChart } from "recharts";
@@ -16,22 +15,18 @@ const { PropsContext: PieChartPropsContext, usePropsContext: usePieChartPropsCon
 *
 * @see https://yamada-ui.com/docs/components/pie-chart
 */
-const PieChart$1 = withContext(({ children, series = [], chartProps, tooltipProps, ...rest }) => {
-	const { getChartProps, getRootProps } = usePieChart(rest);
+const PieChart$1 = withContext(({ children, series = [], tooltipProps, ...rest }) => {
 	return /* @__PURE__ */ jsx(PolarChart, {
 		components: useMemo(() => [{
 			component: ChartPie,
 			fallback: series.map((props, index) => /* @__PURE__ */ jsx(ChartPie, { ...props }, index))
 		}], [series]),
-		render: (props) => /* @__PURE__ */ jsx(PieChart, { ...getChartProps({
-			...props,
-			...chartProps
-		}) }),
+		render: (props) => /* @__PURE__ */ jsx(PieChart, { ...props }),
 		tooltipProps: {
 			labelFormatter: useCallback(() => null, []),
 			...tooltipProps
 		},
-		...getRootProps(),
+		...rest,
 		children
 	});
 })();

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

@@ -1 +1 @@
-{"version":3,"file":"pie-chart.js","names":["PieChart","OriginalPieChart"],"sources":["../../../../src/components/chart/pie-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { PolarChartProps as OriginalPolarChartProps } from \"recharts/types/util/types\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartTooltipProps } from \"./chart\"\nimport type { PieChartStyle } from \"./pie-chart.style\"\nimport type { ChartPieProps, PolarChartProps } from \"./polar-chart\"\nimport type { UsePieChartProps } from \"./use-pie-chart\"\nimport { useCallback, useMemo } from \"react\"\nimport { PieChart as OriginalPieChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { pieChartStyle } from \"./pie-chart.style\"\nimport { ChartPie, PolarChart } from \"./polar-chart\"\nimport { usePieChart } from \"./use-pie-chart\"\n\nexport interface PieChartProps<Y extends Dict = Dict>\n  extends\n    Omit<\n      PolarChartProps<Y>,\n      | \"angleAxisProps\"\n      | \"components\"\n      | \"donutProps\"\n      | \"gridProps\"\n      | \"nameKey\"\n      | \"radarProps\"\n      | \"radialProps\"\n      | \"radiusAxisProps\"\n      | \"render\"\n      | \"series\"\n      | \"withAngleAxis\"\n      | \"withGrid\"\n      | \"withRadiusAxis\"\n    >,\n    UsePieChartProps<Y>,\n    ThemeProps<PieChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartPieProps<Y>[]\n  /**\n   * Props for the polar chart component.\n   */\n  chartProps?: Omit<OriginalPolarChartProps, \"data\">\n}\n\nconst {\n  PropsContext: PieChartPropsContext,\n  usePropsContext: usePieChartPropsContext,\n  withContext,\n} = createComponent<PieChartProps, PieChartStyle>(\"pie-chart\", pieChartStyle)\n\nexport { PieChartPropsContext, usePieChartPropsContext }\n\n/**\n * `PieChart` is a component for drawing pie charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/pie-chart\n */\nexport const PieChart = withContext<\"div\", PieChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    chartProps,\n    tooltipProps,\n    ...rest\n  }: PieChartProps<Y>) => {\n    const { getChartProps, getRootProps } = usePieChart(rest)\n    const components = useMemo(\n      () => [\n        {\n          component: ChartPie,\n          fallback: series.map((props, index) => (\n            <ChartPie key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n    const labelFormatter = useCallback<\n      NonNullable<ChartTooltipProps[\"labelFormatter\"]>\n    >(() => null, [])\n\n    return (\n      <PolarChart\n        components={components}\n        render={(props) => (\n          <OriginalPieChart {...getChartProps({ ...props, ...chartProps })} />\n        )}\n        tooltipProps={{ labelFormatter, ...tooltipProps }}\n        {...getRootProps()}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: PieChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;;;AA+CA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACE,gBAA8C,aAAa,cAAc;;;;;;AAS7E,MAAaA,aAAW,aACL,EACf,UACA,SAAS,EAAE,EACX,YACA,cACA,GAAG,WACmB;CACtB,MAAM,EAAE,eAAe,iBAAiB,YAAY,KAAK;AAgBzD,QACE,oBAAC;EACC,YAjBe,cACX,CACJ;GACE,WAAW;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,oBAAC,YAAqB,GAAI,SAAX,MAAoB,CACnC;GACH,CACF,EACD,CAAC,OAAO,CACT;EAQG,SAAS,UACP,oBAACC,YAAiB,GAAI,cAAc;GAAE,GAAG;GAAO,GAAG;GAAY,CAAC,GAAI;EAEtE,cAAc;GAAE,gBAVG,kBAEf,MAAM,EAAE,CAAC;GAQmB,GAAG;GAAc;EACjD,GAAI,cAAc;EAEjB;GACU;EAGlB,EAAE"}
+{"version":3,"file":"pie-chart.js","names":["PieChart","OriginalPieChart"],"sources":["../../../../src/components/chart/pie-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartTooltipProps } from \"./chart\"\nimport type { PieChartStyle } from \"./pie-chart.style\"\nimport type { ChartPieProps, PolarChartProps } from \"./polar-chart\"\nimport { useCallback, useMemo } from \"react\"\nimport { PieChart as OriginalPieChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { pieChartStyle } from \"./pie-chart.style\"\nimport { ChartPie, PolarChart } from \"./polar-chart\"\n\nexport interface PieChartProps<Y extends Dict = Dict>\n  extends\n    Omit<PolarChartProps<Y>, \"components\" | \"nameKey\" | \"render\">,\n    ThemeProps<PieChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartPieProps<Y>[]\n}\n\nconst {\n  PropsContext: PieChartPropsContext,\n  usePropsContext: usePieChartPropsContext,\n  withContext,\n} = createComponent<PieChartProps, PieChartStyle>(\"pie-chart\", pieChartStyle)\n\nexport { PieChartPropsContext, usePieChartPropsContext }\n\n/**\n * `PieChart` is a component for drawing pie charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/pie-chart\n */\nexport const PieChart = withContext<\"div\", PieChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    tooltipProps,\n    ...rest\n  }: PieChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartPie,\n          fallback: series.map((props, index) => (\n            <ChartPie key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n    const labelFormatter = useCallback<\n      NonNullable<ChartTooltipProps[\"labelFormatter\"]>\n    >(() => null, [])\n\n    return (\n      <PolarChart\n        components={components}\n        render={(props) => <OriginalPieChart {...props} />}\n        tooltipProps={{ labelFormatter, ...tooltipProps }}\n        {...rest}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: PieChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;;AAwBA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACE,gBAA8C,aAAa,cAAc;;;;;;AAS7E,MAAaA,aAAW,aACL,EACf,UACA,SAAS,EAAE,EACX,cACA,GAAG,WACmB;AAgBtB,QACE,oBAAC;EACC,YAjBe,cACX,CACJ;GACE,WAAW;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,oBAAC,YAAqB,GAAI,SAAX,MAAoB,CACnC;GACH,CACF,EACD,CAAC,OAAO,CACT;EAQG,SAAS,UAAU,oBAACC,YAAiB,GAAI,QAAS;EAClD,cAAc;GAAE,gBARG,kBAEf,MAAM,EAAE,CAAC;GAMmB,GAAG;GAAc;EACjD,GAAI;EAEH;GACU;EAGlB,EAAE"}

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

@@ -12,7 +12,7 @@ import { createSlotComponent } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { polarChartStyle } from "./polar-chart.style.js";
 import { Chart, ChartLabelList, useChartComponentContext } from "./chart.js";
-import { useAngleAxis, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartRadar, useChartRadial, useChartSector, usePolarGrid, useRadiusAxis } from "./use-polar-chart.js";
+import { useAngleAxis, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartRadar, useChartRadial, useChartSector, usePolarChart, usePolarGrid, useRadiusAxis } from "./use-polar-chart.js";
 import { cloneElement, isValidElement, useCallback, useId, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Curve, Pie, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadialBar, Sector, Text } from "recharts";
@@ -20,7 +20,8 @@ import { Curve, Pie, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadialBa
 //#region src/components/chart/polar-chart.tsx
 const shouldForwardProp = createShouldForwardProp();
 const { component, ComponentContext, PropsContext: PolarChartPropsContext, useComponentContext, usePropsContext: usePolarChartPropsContext, withContext, withProvider, useSlotComponentProps } = createSlotComponent("polar-chart", polarChartStyle);
-const PolarChart = withProvider(({ components: componentsProp, nameKey, withAngleAxis = false, withGrid = false, withRadiusAxis = false, angleAxisProps, donutProps, gridProps, pieProps = donutProps, radarProps, radialProps, radiusAxisProps, sectorProps, ...rest }) => {
+const PolarChart = withProvider(({ components: componentsProp, nameKey, render, withAngleAxis = false, withGrid = false, withRadiusAxis = false, angleAxisProps, chartProps, donutProps, gridProps, pieProps = donutProps, radarProps, radialProps, radiusAxisProps, sectorProps, ...rest }) => {
+	const { getChartProps, getRootProps } = usePolarChart(rest);
 	const components = useMemo(() => [
 		{
 			component: ChartPolarGrid,
@@ -63,7 +64,11 @@ const PolarChart = withProvider(({ components: componentsProp, nameKey, withAngl
 		]),
 		children: /* @__PURE__ */ jsx(Chart, {
 			components,
-			...rest
+			render: (props) => render(getChartProps({
+				...props,
+				...chartProps
+			})),
+			...getRootProps()
 		})
 	});
 }, "root")(void 0, ({ activeDotFill, activeDotRadius, activeDotStroke, activeDotStrokeWidth, angleAxisLineStroke, angleAxisLineStrokeWidth, angleAxisTextColor, angleAxisTextFill, dotFill, dotRadius, dotStroke, dotStrokeWidth, gridStroke, inactiveLabelLineOpacity, inactiveLabelOpacity, inactiveRadarOpacity, inactiveSectorOpacity, labelColor, labelFill, labelLineStroke, labelLineStrokeWidth, radarColor, radarFillOpacity, radarStroke, radarStrokeWidth, radialBackgroundColor, radialBackgroundFill, radialBackgroundStroke, radialBackgroundStrokeWidth, radiusAxisLineStroke, radiusAxisLineStrokeWidth, radiusAxisTextColor, radiusAxisTextFill, sectorColor, sectorFill, sectorStroke, sectorStrokeWidth, ...rest }) => ({

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

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

package/dist/esm/components/chart/radar-chart.js

@@ -4,7 +4,6 @@ import { createComponent } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { radarChartStyle } from "./radar-chart.style.js";
 import { ChartRadar, PolarChart } from "./polar-chart.js";
-import { useRadarChart } from "./use-radar-chart.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { RadarChart } from "recharts";
@@ -16,21 +15,17 @@ const { PropsContext: RadarChartPropsContext, usePropsContext: useRadarChartProp
 *
 * @see https://yamada-ui.com/docs/components/radar-chart
 */
-const RadarChart$1 = withContext(({ children, nameKey, series = [], withAngleAxis = !!nameKey, withGrid = true, chartProps, ...rest }) => {
-	const { getChartProps, getRootProps } = useRadarChart(rest);
+const RadarChart$1 = withContext(({ children, nameKey, series = [], withAngleAxis = !!nameKey, withGrid = true, ...rest }) => {
 	return /* @__PURE__ */ jsx(PolarChart, {
 		components: useMemo(() => [{
 			component: ChartRadar,
 			fallback: series.map((props, index) => /* @__PURE__ */ jsx(ChartRadar, { ...props }, index))
 		}], [series]),
 		nameKey,
-		render: (props) => /* @__PURE__ */ jsx(RadarChart, { ...getChartProps({
-			...props,
-			...chartProps
-		}) }),
+		render: (props) => /* @__PURE__ */ jsx(RadarChart, { ...props }),
 		withAngleAxis,
 		withGrid,
-		...getRootProps(),
+		...rest,
 		children
 	});
 })();

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

@@ -1 +1 @@
-{"version":3,"file":"radar-chart.js","names":["RadarChart","OriginalRadarChart"],"sources":["../../../../src/components/chart/radar-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { PolarChartProps as OriginalPolarChartProps } from \"recharts/types/util/types\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartRadarProps, PolarChartProps } from \"./polar-chart\"\nimport type { RadarChartStyle } from \"./radar-chart.style\"\nimport type { UseRadarChartProps } from \"./use-radar-chart\"\nimport { useMemo } from \"react\"\nimport { RadarChart as OriginalRadarChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { ChartRadar, PolarChart } from \"./polar-chart\"\nimport { radarChartStyle } from \"./radar-chart.style\"\nimport { useRadarChart } from \"./use-radar-chart\"\n\nexport interface RadarChartProps<Y extends Dict = Dict>\n  extends\n    Omit<\n      PolarChartProps<Y>,\n      | \"components\"\n      | \"donutProps\"\n      | \"pieProps\"\n      | \"radialProps\"\n      | \"render\"\n      | \"sectorProps\"\n      | \"series\"\n    >,\n    UseRadarChartProps<Y>,\n    ThemeProps<RadarChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartRadarProps<Y>[]\n  /**\n   * Props for the polar chart component.\n   */\n  chartProps?: Omit<OriginalPolarChartProps, \"data\">\n}\n\nconst {\n  PropsContext: RadarChartPropsContext,\n  usePropsContext: useRadarChartPropsContext,\n  withContext,\n} = createComponent<RadarChartProps, RadarChartStyle>(\n  \"radar-chart\",\n  radarChartStyle,\n)\n\nexport { RadarChartPropsContext, useRadarChartPropsContext }\n\n/**\n * `RadarChart` is a component for drawing radar charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/radar-chart\n */\nexport const RadarChart = withContext<\"div\", RadarChartProps>(\n  <Y extends Dict>({\n    children,\n    nameKey,\n    series = [],\n    withAngleAxis = !!nameKey,\n    withGrid = true,\n    chartProps,\n    ...rest\n  }: RadarChartProps<Y>) => {\n    const { getChartProps, getRootProps } = useRadarChart(rest)\n    const components = useMemo(\n      () => [\n        {\n          component: ChartRadar,\n          fallback: series.map((props, index) => (\n            <ChartRadar key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <PolarChart\n        components={components}\n        nameKey={nameKey}\n        render={(props) => (\n          <OriginalRadarChart {...getChartProps({ ...props, ...chartProps })} />\n        )}\n        withAngleAxis={withAngleAxis}\n        withGrid={withGrid}\n        {...getRootProps()}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: RadarChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;;;AAwCA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACE,gBACF,eACA,gBACD;;;;;;AASD,MAAaA,eAAa,aACP,EACf,UACA,SACA,SAAS,EAAE,EACX,gBAAgB,CAAC,CAAC,SAClB,WAAW,MACX,YACA,GAAG,WACqB;CACxB,MAAM,EAAE,eAAe,iBAAiB,cAAc,KAAK;AAa3D,QACE,oBAAC;EACC,YAde,cACX,CACJ;GACE,WAAW;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,oBAAC,cAAuB,GAAI,SAAX,MAAoB,CACrC;GACH,CACF,EACD,CAAC,OAAO,CACT;EAKY;EACT,SAAS,UACP,oBAACC,cAAmB,GAAI,cAAc;GAAE,GAAG;GAAO,GAAG;GAAY,CAAC,GAAI;EAEzD;EACL;EACV,GAAI,cAAc;EAEjB;GACU;EAGlB,EAAE"}
+{"version":3,"file":"radar-chart.js","names":["RadarChart","OriginalRadarChart"],"sources":["../../../../src/components/chart/radar-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { PolarChartProps as OriginalPolarChartProps } from \"recharts/types/util/types\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartRadarProps, PolarChartProps } from \"./polar-chart\"\nimport type { RadarChartStyle } from \"./radar-chart.style\"\nimport { useMemo } from \"react\"\nimport { RadarChart as OriginalRadarChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { ChartRadar, PolarChart } from \"./polar-chart\"\nimport { radarChartStyle } from \"./radar-chart.style\"\n\nexport interface RadarChartProps<Y extends Dict = Dict>\n  extends\n    Omit<PolarChartProps<Y>, \"components\" | \"render\">,\n    ThemeProps<RadarChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartRadarProps<Y>[]\n  /**\n   * Props for the polar chart component.\n   */\n  chartProps?: Omit<OriginalPolarChartProps, \"data\">\n}\n\nconst {\n  PropsContext: RadarChartPropsContext,\n  usePropsContext: useRadarChartPropsContext,\n  withContext,\n} = createComponent<RadarChartProps, RadarChartStyle>(\n  \"radar-chart\",\n  radarChartStyle,\n)\n\nexport { RadarChartPropsContext, useRadarChartPropsContext }\n\n/**\n * `RadarChart` is a component for drawing radar charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/radar-chart\n */\nexport const RadarChart = withContext<\"div\", RadarChartProps>(\n  <Y extends Dict>({\n    children,\n    nameKey,\n    series = [],\n    withAngleAxis = !!nameKey,\n    withGrid = true,\n    ...rest\n  }: RadarChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartRadar,\n          fallback: series.map((props, index) => (\n            <ChartRadar key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <PolarChart\n        components={components}\n        nameKey={nameKey}\n        render={(props) => <OriginalRadarChart {...props} />}\n        withAngleAxis={withAngleAxis}\n        withGrid={withGrid}\n        {...rest}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: RadarChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;;AA4BA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACE,gBACF,eACA,gBACD;;;;;;AASD,MAAaA,eAAa,aACP,EACf,UACA,SACA,SAAS,EAAE,EACX,gBAAgB,CAAC,CAAC,SAClB,WAAW,MACX,GAAG,WACqB;AAaxB,QACE,oBAAC;EACC,YAde,cACX,CACJ;GACE,WAAW;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,oBAAC,cAAuB,GAAI,SAAX,MAAoB,CACrC;GACH,CACF,EACD,CAAC,OAAO,CACT;EAKY;EACT,SAAS,UAAU,oBAACC,cAAmB,GAAI,QAAS;EACrC;EACL;EACV,GAAI;EAEH;GACU;EAGlB,EAAE"}

package/dist/esm/components/chart/radial-chart.js

@@ -4,7 +4,6 @@ import { createComponent } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { radialChartStyle } from "./radial-chart.style.js";
 import { ChartRadial, PolarChart } from "./polar-chart.js";
-import { useRadialChart } from "./use-radial-chart.js";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { RadialBarChart } from "recharts";
@@ -16,14 +15,7 @@ const { PropsContext: RadialChartPropsContext, usePropsContext: useRadialChartPr
 *
 * @see https://yamada-ui.com/docs/components/radial-chart
 */
-const RadialChart = withContext(({ children, series = [], chartProps, gridProps, tooltipProps, ...rest }) => {
-	const { getChartProps, getRootProps } = useRadialChart({
-		endAngle: -270,
-		innerRadius: "20%",
-		outerRadius: "90%",
-		startAngle: 90,
-		...rest
-	});
+const RadialChart = withContext(({ children, endAngle = -270, innerRadius = "20%", outerRadius = "90%", series = [], startAngle = 90, gridProps, tooltipProps, ...rest }) => {
 	const components = useMemo(() => [{
 		component: ChartRadial,
 		fallback: series.map((props, index) => /* @__PURE__ */ jsx(ChartRadial, { ...props }, index))
@@ -31,10 +23,11 @@ const RadialChart = withContext(({ children, series = [], chartProps, gridProps,
 	const labelFormatter = useCallback(() => null, []);
 	return /* @__PURE__ */ jsx(PolarChart, {
 		components,
-		render: (props) => /* @__PURE__ */ jsx(RadialBarChart, { ...getChartProps({
-			...props,
-			...chartProps
-		}) }),
+		endAngle,
+		innerRadius,
+		outerRadius,
+		render: (props) => /* @__PURE__ */ jsx(RadialBarChart, { ...props }),
+		startAngle,
 		gridProps: {
 			type: "circle",
 			...gridProps
@@ -43,7 +36,7 @@ const RadialChart = withContext(({ children, series = [], chartProps, gridProps,
 			labelFormatter,
 			...tooltipProps
 		},
-		...getRootProps(),
+		...rest,
 		children
 	});
 })();