@yamada-ui/react 2.0.10-dev-20260301101758 → 2.1.0-dev-20260302125757

package/dist/types/components/chart/line-chart.style.d.ts

@@ -0,0 +1,10 @@
+import { ComponentStyle } from "../../core/system/index.types.js";
+import { CSSModifierObject, CSSObject, CSSPropObject } from "../../core/css/index.types.js";
+import "../../index.js";
+
+//#region src/components/chart/line-chart.style.d.ts
+declare const lineChartStyle: ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>;
+type LineChartStyle = typeof lineChartStyle;
+//#endregion
+export { LineChartStyle, lineChartStyle };
+//# sourceMappingURL=line-chart.style.d.ts.map

package/dist/types/components/chart/pie-chart.d.ts

@@ -0,0 +1,34 @@
+import { Dict } from "../../utils/index.js";
+import { ThemeProps } from "../../core/system/index.types.js";
+import { GenericsComponent } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { PieChartStyle } from "./pie-chart.style.js";
+import { ChartPieProps, PolarChartProps as PolarChartProps$1 } from "./polar-chart.js";
+import { UsePieChartProps } from "./use-pie-chart.js";
+import * as react1051 from "react";
+import { ReactElement } from "react";
+import { PolarChartProps } from "recharts/types/util/types";
+
+//#region src/components/chart/pie-chart.d.ts
+interface PieChartProps<Y extends Dict = Dict> extends Omit<PolarChartProps$1<Y>, "angleAxisProps" | "components" | "donutProps" | "gridProps" | "nameKey" | "radarProps" | "radialProps" | "radiusAxisProps" | "render" | "series" | "withAngleAxis" | "withGrid" | "withRadiusAxis">, UsePieChartProps<Y>, ThemeProps<PieChartStyle> {
+  /***
+   * If provided, generate lines based on series.
+   */
+  series?: ChartPieProps<Y>[];
+  /**
+   * Props for the polar chart component.
+   */
+  chartProps?: Omit<PolarChartProps, "data">;
+}
+declare const PieChartPropsContext: react1051.Context<Partial<PieChartProps<Dict<any>>> | undefined>, usePieChartPropsContext: () => Partial<PieChartProps<Dict<any>>> | undefined;
+/**
+ * `PieChart` is a component for drawing pie charts to compare multiple sets of data.
+ *
+ * @see https://yamada-ui.com/docs/components/pie-chart
+ */
+declare const PieChart: GenericsComponent<{
+  <Y extends Dict>(props: PieChartProps<Y>): ReactElement;
+}>;
+//#endregion
+export { PieChart, PieChartProps, PieChartPropsContext, usePieChartPropsContext };
+//# sourceMappingURL=pie-chart.d.ts.map

package/dist/types/components/chart/pie-chart.namespace.d.ts

@@ -0,0 +1,11 @@
+import { ChartPie, ChartPieLabel, ChartPieLabelLine, ChartPieLabelList, ChartPieProps } from "./polar-chart.js";
+import { ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartTooltip, ChartTooltipProps, gradients, mergeData } from "./chart.js";
+import { PieChart, PieChartProps, PieChartPropsContext, usePieChartPropsContext } from "./pie-chart.js";
+
+//#region src/components/chart/pie-chart.namespace.d.ts
+declare namespace pie_chart_namespace_d_exports {
+  export { ChartLabel as Label, ChartLabelList as LabelList, ChartLabelListProps as LabelListProps, ChartLabelProps as LabelProps, ChartLegend as Legend, ChartLegendProps as LegendProps, ChartPie as Pie, ChartPieLabel as PieLabel, ChartPieLabelLine as PieLabelLine, ChartPieLabelList as PieLabelList, ChartPieProps as PieProps, PieChartPropsContext as PropsContext, PieChart as Root, PieChartProps as RootProps, ChartTooltip as Tooltip, ChartTooltipProps as TooltipProps, gradients, mergeData, usePieChartPropsContext as usePropsContext };
+}
+//#endregion
+export { pie_chart_namespace_d_exports };
+//# sourceMappingURL=pie-chart.namespace.d.ts.map

package/dist/types/components/chart/pie-chart.style.d.ts

@@ -0,0 +1,10 @@
+import { ComponentStyle } from "../../core/system/index.types.js";
+import { CSSModifierObject, CSSObject, CSSPropObject } from "../../core/css/index.types.js";
+import "../../index.js";
+
+//#region src/components/chart/pie-chart.style.d.ts
+declare const pieChartStyle: ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>;
+type PieChartStyle = typeof pieChartStyle;
+//#endregion
+export { PieChartStyle, pieChartStyle };
+//# sourceMappingURL=pie-chart.style.d.ts.map

package/dist/types/components/chart/polar-chart.d.ts

@@ -0,0 +1,401 @@
+import { Dict, Merge } from "../../utils/index.js";
+import { ThemeProps } from "../../core/system/index.types.js";
+import { CSSProps } from "../../core/css/index.types.js";
+import { Component, GenericsComponent, HTMLStyledProps } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { PolarChartStyle } from "./polar-chart.style.js";
+import { UseAngleAxisProps, UseChartPieLabelLineProps, UseChartPieLabelProps, UseChartPieProps, UseChartRadarProps, UseChartRadialProps, UseChartSectorProps, UsePolarGridProps, UseRadiusAxisProps } from "./use-polar-chart.js";
+import { ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartLabelListProps, ChartProps, ChartTickLine } from "./chart.js";
+import "../../index.js";
+import { ReactElement, ReactNode } from "react";
+import { BaseTickContentProps, PieLabelRenderProps, PieSectorShapeProps, SectorProps } from "recharts";
+
+//#region src/components/chart/polar-chart.d.ts
+interface PolarChartProps<Y extends Dict = Dict> extends Omit<ChartProps<Y>, "cx" | "cy">, ThemeProps<PolarChartStyle> {
+  /**
+   * The fill of the active dot.
+   */
+  activeDotFill?: CSSProps["fill"];
+  /**
+   * The radius of the active dot.
+   */
+  activeDotRadius?: CSSProps["r"];
+  /**
+   * The stroke of the active dot.
+   */
+  activeDotStroke?: CSSProps["stroke"];
+  /**
+   * The width of the active dot stroke.
+   */
+  activeDotStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The stroke of the angle axis line.
+   */
+  angleAxisLineStroke?: CSSProps["stroke"];
+  /**
+   * The width of the angle axis line stroke.
+   */
+  angleAxisLineStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The color of the angle axis text.
+   */
+  angleAxisTextColor?: CSSProps["color"];
+  /**
+   * The fill of the angle axis text.
+   */
+  angleAxisTextFill?: CSSProps["fill"];
+  /**
+   * The fill of the dot.
+   */
+  dotFill?: CSSProps["fill"];
+  /**
+   * The radius of the dot.
+   */
+  dotRadius?: CSSProps["r"];
+  /**
+   * The stroke of the dot.
+   */
+  dotStroke?: CSSProps["stroke"];
+  /**
+   * The width of the dot stroke.
+   */
+  dotStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The stroke of the grid.
+   */
+  gridStroke?: CSSProps["stroke"];
+  /**
+   * The opacity of the inactive label line.
+   */
+  inactiveLabelLineOpacity?: CSSProps["opacity"];
+  /**
+   * The opacity of the inactive label.
+   */
+  inactiveLabelOpacity?: CSSProps["opacity"];
+  /**
+   * The opacity of the inactive radar.
+   */
+  inactiveRadarOpacity?: CSSProps["opacity"];
+  /**
+   * The opacity of the inactive sector.
+   */
+  inactiveSectorOpacity?: CSSProps["opacity"];
+  /**
+   * The color of the label.
+   */
+  labelColor?: CSSProps["color"];
+  /**
+   * The fill of the label.
+   */
+  labelFill?: CSSProps["fill"];
+  /**
+   * The stroke of the label line.
+   */
+  labelLineStroke?: CSSProps["stroke"];
+  /**
+   * The width of the label line stroke.
+   */
+  labelLineStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The key to use for the angle axis.
+   */
+  nameKey?: keyof Y;
+  /**
+   * The color of the radar.
+   */
+  radarColor?: CSSProps["color"];
+  /**
+   * The fill opacity of the radar.
+   */
+  radarFillOpacity?: CSSProps["fillOpacity"];
+  /**
+   * The stroke of the radar.
+   */
+  radarStroke?: CSSProps["stroke"];
+  /**
+   * The width of the radar stroke.
+   */
+  radarStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The color of the radial background.
+   */
+  radialBackgroundColor?: CSSProps["color"];
+  /**
+   * The fill of the radial background.
+   */
+  radialBackgroundFill?: CSSProps["fill"];
+  /**
+   * The stroke of the radial background.
+   */
+  radialBackgroundStroke?: CSSProps["stroke"];
+  /**
+   * The width of the radial background stroke.
+   */
+  radialBackgroundStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The stroke of the radius axis line.
+   */
+  radiusAxisLineStroke?: CSSProps["stroke"];
+  /**
+   * The width of the radius axis line stroke.
+   */
+  radiusAxisLineStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The color of the radius axis text.
+   */
+  radiusAxisTextColor?: CSSProps["color"];
+  /**
+   * The fill of the radius axis text.
+   */
+  radiusAxisTextFill?: CSSProps["fill"];
+  /**
+   * The color of the sector.
+   */
+  sectorColor?: CSSProps["color"];
+  /**
+   * The fill of the sector.
+   */
+  sectorFill?: CSSProps["fill"];
+  /**
+   * The stroke of the sector.
+   */
+  sectorStroke?: CSSProps["stroke"];
+  /**
+   * The width of the sector stroke.
+   */
+  sectorStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * If `true`, angle axis is visible.
+   *
+   * @default true
+   */
+  withAngleAxis?: boolean;
+  /**
+   * If `true`, grid is visible.
+   *
+   * @default true
+   */
+  withGrid?: boolean;
+  /**
+   * If `true`, radius axis is visible.
+   *
+   * @default false
+   */
+  withRadiusAxis?: boolean;
+  /**
+   * Props for the angle axis component.
+   */
+  angleAxisProps?: UseAngleAxisProps;
+  /**
+   * Props for the donut component.
+   */
+  donutProps?: Omit<ChartPieProps, "data" | "dataKey" | "nameKey">;
+  /**
+   * Props for the grid component.
+   */
+  gridProps?: ChartPolarGridProps;
+  /**
+   * Props for the pie component.
+   */
+  pieProps?: Omit<ChartPieProps, "data" | "dataKey" | "nameKey">;
+  /**
+   * Props for the radar component.
+   */
+  radarProps?: Omit<ChartRadarProps, "data" | "dataKey">;
+  /**
+   * Props for the radial component.
+   */
+  radialProps?: Omit<ChartRadialProps, "dataKey" | "nameKey">;
+  /**
+   * Props for the radius axis component.
+   */
+  radiusAxisProps?: UseRadiusAxisProps;
+  /**
+   * Props for the sector component.
+   */
+  sectorProps?: ChartSectorProps;
+}
+declare const PolarChart: GenericsComponent<{
+  <Y extends Dict>(props: PolarChartProps<Y>): ReactElement;
+}>;
+type ChartPieLabel = ((props: PieLabelRenderProps) => Partial<ChartPieLabelProps>) | boolean | Partial<ChartPieLabelProps>;
+type ChartPieLabelLine = ((props: any) => ChartPieLabelLineProps) | boolean | ChartPieLabelLineProps;
+type ChartPieLabelList = boolean | ChartLabelListProps;
+interface ChartPieProps<Y extends Dict = Dict> extends Merge<HTMLStyledProps<"svg">, Omit<UseChartPieProps, "data" | "dataKey" | "label" | "labelLine" | "nameKey">> {
+  /**
+   * The key of a group of data which should be unique in an chart.
+   */
+  dataKey: Exclude<keyof Y, "fill">;
+  /**
+   * The key of the name of the data.
+   */
+  nameKey: Exclude<keyof Y, "fill">;
+  /**
+   * The active index of the sector.
+   */
+  activeIndex?: number;
+  /**
+   * The data to use for the pie.
+   */
+  data?: Y[];
+  /**
+   * The label to use for the pie.
+   */
+  label?: ChartPieLabel;
+  /**
+   * The label line to use for the pie.
+   *
+   * @default false
+   */
+  labelLine?: ChartPieLabelLine;
+  /**
+   * If `true`, the label list is visible.
+   *
+   * @default false
+   */
+  labelList?: ChartPieLabelList;
+  /**
+   * Props for the sector component.
+   */
+  sectorProps?: ((props: PieSectorShapeProps, index: number) => ChartSectorProps) | ChartSectorProps;
+}
+declare const ChartPie: GenericsComponent<{
+  <Y extends Dict>(props: ChartPieProps<Y>): ReactElement;
+}>;
+interface ChartSectorProps extends Merge<HTMLStyledProps<"path">, UseChartSectorProps> {}
+interface ChartPieLabelProps extends Merge<HTMLStyledProps<"text">, UseChartPieLabelProps> {}
+interface ChartPieLabelLineProps extends Merge<HTMLStyledProps<"path">, UseChartPieLabelLineProps> {}
+interface ChartDonutProps<Y extends Dict = Dict> extends ChartPieProps<Y> {}
+declare const ChartDonut: GenericsComponent<{
+  <Y extends Dict>(props: ChartDonutProps<Y>): ReactElement;
+}>;
+interface ChartRadarProps<Y extends Dict = Dict> extends Merge<HTMLStyledProps<"path">, Omit<UseChartRadarProps, "activeDot" | "dataKey" | "dot" | "label">> {
+  /**
+   * The key of a group of data which should be unique in an chart.
+   */
+  dataKey: keyof Y;
+  /**
+   * The active dot to use for the line.
+   *
+   * @default true
+   */
+  activeDot?: ChartActiveDot;
+  /**
+   * The dot to use for the line.
+   *
+   * @default false
+   */
+  dot?: ChartDot;
+  /**
+   * The label to use for the line.
+   *
+   * @default false
+   */
+  label?: ChartLabelList;
+}
+declare const ChartRadar: GenericsComponent<{
+  <Y extends Dict>(props: ChartRadarProps<Y>): ReactElement;
+}>;
+type ChartPolarAxisTick = ((props: BaseTickContentProps) => ReactNode) | boolean | HTMLStyledProps<"text"> | ReactElement;
+type ChartAxisLine = boolean | HTMLStyledProps<"line">;
+interface ChartAngleAxisProps<Y extends Dict = Dict> extends Merge<HTMLStyledProps<"text">, Omit<UseAngleAxisProps, "axisLine" | "dataKey" | "label" | "tick" | "tickLine">> {
+  /**
+   * The tick line to use for the axis.
+   *
+   * @default false
+   */
+  axisLine?: ChartAxisLine;
+  /**
+   * The key of a group of data which should be unique in an chart.
+   */
+  dataKey?: keyof Y;
+  /**
+   * The label to use for the axis.
+   *
+   * @default false
+   */
+  label?: ChartLabel;
+  /**
+   * The tick to use for the axis.
+   *
+   * @default true
+   */
+  tick?: ChartPolarAxisTick;
+  /**
+   * The tick line to use for the axis.
+   *
+   * @default false
+   */
+  tickLine?: ChartTickLine;
+}
+declare const ChartAngleAxis: GenericsComponent<{
+  <Y extends Dict>(props: ChartAngleAxisProps<Y>): ReactElement;
+}>;
+interface ChartRadiusAxisProps<Y extends Dict = Dict> extends Merge<HTMLStyledProps<"text">, Omit<UseRadiusAxisProps, "axisLine" | "dataKey" | "label" | "tick" | "tickLine">> {
+  /**
+   * The tick line to use for the axis.
+   *
+   * @default false
+   */
+  axisLine?: ChartAxisLine;
+  /**
+   * The key of a group of data which should be unique in an chart.
+   */
+  dataKey?: keyof Y;
+  /**
+   * The label to use for the axis.
+   *
+   * @default false
+   */
+  label?: ChartLabel;
+  /**
+   * The tick to use for the axis.
+   *
+   * @default true
+   */
+  tick?: ChartPolarAxisTick;
+  /**
+   * The tick line to use for the axis.
+   *
+   * @default false
+   */
+  tickLine?: ChartTickLine;
+}
+declare const ChartRadiusAxis: GenericsComponent<{
+  <Y extends Dict>(props: ChartRadiusAxisProps<Y>): ReactElement;
+}>;
+interface ChartPolarGridProps extends Merge<HTMLStyledProps<"line">, UsePolarGridProps> {}
+declare const ChartPolarGrid: Component<"line", ChartPolarGridProps>;
+type ChartRadialBackground = ((props: SectorProps) => null | ReactElement | undefined) | boolean | HTMLStyledProps<"svg"> | ReactElement;
+interface ChartRadialProps<Y extends Dict = Dict> extends Merge<Omit<HTMLStyledProps<"svg">, "background">, Omit<UseChartRadialProps<Y>, "background" | "dataKey" | "label">> {
+  /**
+   * The key of a group of data which should be unique in an chart.
+   */
+  dataKey: keyof Y;
+  /**
+   * The background to use for the radial chart.
+   */
+  background?: ChartRadialBackground;
+  /**
+   * The label to use for the radial.
+   *
+   * @default false
+   */
+  label?: ChartLabelList;
+  /**
+   * If `true`, the label list is visible.
+   *
+   * @default false
+   */
+  labelList?: ChartPieLabelList;
+  /**
+   * Props for the sector component.
+   */
+  sectorProps?: ((props: PieSectorShapeProps) => ChartSectorProps) | ChartSectorProps;
+}
+declare const ChartRadial: GenericsComponent<{
+  <Y extends Dict>(props: ChartRadialProps<Y>): ReactElement;
+}>;
+//#endregion
+export { ChartAngleAxis, ChartAngleAxisProps, ChartAxisLine, ChartDonut, ChartDonutProps, ChartPie, ChartPieLabel, ChartPieLabelLine, ChartPieLabelList, ChartPieProps, ChartPolarAxisTick, ChartPolarGrid, ChartPolarGridProps, ChartRadar, ChartRadarProps, ChartRadial, ChartRadialBackground, ChartRadialProps, ChartRadiusAxis, ChartRadiusAxisProps, PolarChart, PolarChartProps };
+//# sourceMappingURL=polar-chart.d.ts.map

package/dist/types/components/chart/polar-chart.style.d.ts

@@ -0,0 +1,10 @@
+import { ComponentSlotStyle } from "../../core/system/index.types.js";
+import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
+import "../../index.js";
+
+//#region src/components/chart/polar-chart.style.d.ts
+declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
+type PolarChartStyle = typeof polarChartStyle;
+//#endregion
+export { PolarChartStyle, polarChartStyle };
+//# sourceMappingURL=polar-chart.style.d.ts.map

package/dist/types/components/chart/radar-chart.d.ts

@@ -0,0 +1,34 @@
+import { Dict } from "../../utils/index.js";
+import { ThemeProps } from "../../core/system/index.types.js";
+import { GenericsComponent } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { RadarChartStyle } from "./radar-chart.style.js";
+import { ChartRadarProps, PolarChartProps as PolarChartProps$1 } from "./polar-chart.js";
+import { UseRadarChartProps } from "./use-radar-chart.js";
+import * as react1054 from "react";
+import { ReactElement } from "react";
+import { PolarChartProps } from "recharts/types/util/types";
+
+//#region src/components/chart/radar-chart.d.ts
+interface RadarChartProps<Y extends Dict = Dict> extends Omit<PolarChartProps$1<Y>, "components" | "donutProps" | "pieProps" | "radialProps" | "render" | "sectorProps" | "series">, UseRadarChartProps<Y>, ThemeProps<RadarChartStyle> {
+  /***
+   * If provided, generate lines based on series.
+   */
+  series?: ChartRadarProps<Y>[];
+  /**
+   * Props for the polar chart component.
+   */
+  chartProps?: Omit<PolarChartProps, "data">;
+}
+declare const RadarChartPropsContext: react1054.Context<Partial<RadarChartProps<Dict<any>>> | undefined>, useRadarChartPropsContext: () => Partial<RadarChartProps<Dict<any>>> | undefined;
+/**
+ * `RadarChart` is a component for drawing radar charts to compare multiple sets of data.
+ *
+ * @see https://yamada-ui.com/docs/components/radar-chart
+ */
+declare const RadarChart: GenericsComponent<{
+  <Y extends Dict>(props: RadarChartProps<Y>): ReactElement;
+}>;
+//#endregion
+export { RadarChart, RadarChartProps, RadarChartPropsContext, useRadarChartPropsContext };
+//# sourceMappingURL=radar-chart.d.ts.map

package/dist/types/components/chart/radar-chart.namespace.d.ts

@@ -0,0 +1,11 @@
+import { ChartAngleAxis, ChartAngleAxisProps, ChartAxisLine, ChartPolarAxisTick, ChartPolarGrid, ChartPolarGridProps, ChartRadar, ChartRadarProps, ChartRadiusAxis, ChartRadiusAxisProps } from "./polar-chart.js";
+import { ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartTickLine, ChartTooltip, ChartTooltipProps, gradients, mergeSeries } from "./chart.js";
+import { RadarChart, RadarChartProps, RadarChartPropsContext, useRadarChartPropsContext } from "./radar-chart.js";
+
+//#region src/components/chart/radar-chart.namespace.d.ts
+declare namespace radar_chart_namespace_d_exports {
+  export { ChartActiveDot as ActiveDot, ChartAngleAxis as AngleAxis, ChartAngleAxisProps as AngleAxisProps, ChartAxisLine as AxisLine, ChartPolarAxisTick as AxisTick, ChartDot as Dot, ChartPolarGrid as Grid, ChartPolarGridProps as GridProps, ChartLabel as Label, ChartLabelList as LabelList, ChartLabelListProps as LabelListProps, ChartLabelProps as LabelProps, ChartLegend as Legend, ChartLegendProps as LegendProps, RadarChartPropsContext as PropsContext, ChartRadar as Radar, ChartLabel as RadarLabel, ChartLabelList as RadarLabelList, ChartRadarProps as RadarProps, ChartRadiusAxis as RadiusAxis, ChartRadiusAxisProps as RadiusAxisProps, RadarChart as Root, RadarChartProps as RootProps, ChartTickLine as TickLine, ChartTooltip as Tooltip, ChartTooltipProps as TooltipProps, gradients, mergeSeries, useRadarChartPropsContext as usePropsContext };
+}
+//#endregion
+export { radar_chart_namespace_d_exports };
+//# sourceMappingURL=radar-chart.namespace.d.ts.map

package/dist/types/components/chart/radar-chart.style.d.ts

@@ -0,0 +1,10 @@
+import { ComponentStyle } from "../../core/system/index.types.js";
+import { CSSModifierObject, CSSObject, CSSPropObject } from "../../core/css/index.types.js";
+import "../../index.js";
+
+//#region src/components/chart/radar-chart.style.d.ts
+declare const radarChartStyle: ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>;
+type RadarChartStyle = typeof radarChartStyle;
+//#endregion
+export { RadarChartStyle, radarChartStyle };
+//# sourceMappingURL=radar-chart.style.d.ts.map

package/dist/types/components/chart/radial-chart.d.ts

@@ -0,0 +1,34 @@
+import { Dict } from "../../utils/index.js";
+import { ThemeProps } from "../../core/system/index.types.js";
+import { GenericsComponent } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { RadialChartStyle } from "./radial-chart.style.js";
+import { ChartRadialProps, PolarChartProps as PolarChartProps$1 } from "./polar-chart.js";
+import { UseRadialChartProps } from "./use-radial-chart.js";
+import * as react1053 from "react";
+import { ReactElement } from "react";
+import { PolarChartProps } from "recharts/types/util/types";
+
+//#region src/components/chart/radial-chart.d.ts
+interface RadialChartProps<Y extends Dict = Dict> extends Omit<PolarChartProps$1<Y>, "angleAxisProps" | "components" | "donutProps" | "nameKey" | "pieProps" | "radarProps" | "radiusAxisProps" | "render" | "series" | "withAngleAxis" | "withRadiusAxis">, UseRadialChartProps<Y>, ThemeProps<RadialChartStyle> {
+  /***
+   * If provided, generate lines based on series.
+   */
+  series?: ChartRadialProps<Y>[];
+  /**
+   * Props for the polar chart component.
+   */
+  chartProps?: Omit<PolarChartProps, "data">;
+}
+declare const RadialChartPropsContext: react1053.Context<Partial<RadialChartProps<Dict<any>>> | undefined>, useRadialChartPropsContext: () => Partial<RadialChartProps<Dict<any>>> | undefined;
+/**
+ * `RadialChart` is a component for drawing radial charts to compare multiple sets of data.
+ *
+ * @see https://yamada-ui.com/docs/components/radial-chart
+ */
+declare const RadialChart: GenericsComponent<{
+  <Y extends Dict>(props: RadialChartProps<Y>): ReactElement;
+}>;
+//#endregion
+export { RadialChart, RadialChartProps, RadialChartPropsContext, useRadialChartPropsContext };
+//# sourceMappingURL=radial-chart.d.ts.map

package/dist/types/components/chart/radial-chart.namespace.d.ts

@@ -0,0 +1,11 @@
+import { ChartAngleAxis, ChartAngleAxisProps, ChartPieLabelList, ChartPolarGrid, ChartPolarGridProps, ChartRadial, ChartRadialBackground, ChartRadialProps, ChartRadiusAxis, ChartRadiusAxisProps } from "./polar-chart.js";
+import { ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartTooltip, ChartTooltipProps, gradients, mergeData } from "./chart.js";
+import { RadialChart, RadialChartProps, RadialChartPropsContext, useRadialChartPropsContext } from "./radial-chart.js";
+
+//#region src/components/chart/radial-chart.namespace.d.ts
+declare namespace radial_chart_namespace_d_exports {
+  export { ChartAngleAxis as AngleAxis, ChartAngleAxisProps as AngleAxisProps, ChartPolarGrid as Grid, ChartPolarGridProps as GridProps, ChartLabel as Label, ChartLabelList as LabelList, ChartLabelListProps as LabelListProps, ChartLabelProps as LabelProps, ChartLegend as Legend, ChartLegendProps as LegendProps, RadialChartPropsContext as PropsContext, ChartRadial as Radial, ChartRadialBackground as RadialBackground, ChartLabelList as RadialLabel, ChartPieLabelList as RadialLabelList, ChartRadialProps as RadialProps, ChartRadiusAxis as RadiusAxis, ChartRadiusAxisProps as RadiusAxisProps, RadialChart as Root, RadialChartProps as RootProps, ChartTooltip as Tooltip, ChartTooltipProps as TooltipProps, gradients, mergeData, useRadialChartPropsContext as usePropsContext };
+}
+//#endregion
+export { radial_chart_namespace_d_exports };
+//# sourceMappingURL=radial-chart.namespace.d.ts.map

package/dist/types/components/chart/radial-chart.style.d.ts

@@ -0,0 +1,10 @@
+import { ComponentStyle } from "../../core/system/index.types.js";
+import { CSSModifierObject, CSSObject, CSSPropObject } from "../../core/css/index.types.js";
+import "../../index.js";
+
+//#region src/components/chart/radial-chart.style.d.ts
+declare const radialChartStyle: ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>;
+type RadialChartStyle = typeof radialChartStyle;
+//#endregion
+export { RadialChartStyle, radialChartStyle };
+//# sourceMappingURL=radial-chart.style.d.ts.map

package/dist/types/components/chart/use-area-chart.d.ts

@@ -0,0 +1,29 @@
+import { Dict } from "../../utils/index.js";
+import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { CartesianChartProps } from "recharts/types/util/types";
+
+//#region src/components/chart/use-area-chart.d.ts
+interface UseAreaChartProps<Y extends Dict> extends HTMLProps, Pick<CartesianChartProps, "accessibilityLayer" | "compact" | "layout" | "responsive" | "syncId" | "syncMethod"> {
+  /**
+   * Chart data.
+   */
+  data?: Y[];
+}
+declare const useAreaChart: <Y extends Dict>({
+  accessibilityLayer,
+  compact,
+  data,
+  layout,
+  responsive,
+  syncId,
+  syncMethod,
+  ...rest
+}: UseAreaChartProps<Y>) => {
+  getChartProps: PropGetter<CartesianChartProps, undefined, undefined>;
+  getRootProps: PropGetter<"div", undefined, undefined>;
+};
+type UseAreaChartReturn<Y extends Dict> = ReturnType<typeof useAreaChart<Y>>;
+//#endregion
+export { UseAreaChartProps, UseAreaChartReturn, useAreaChart };
+//# sourceMappingURL=use-area-chart.d.ts.map

package/dist/types/components/chart/use-bar-chart.d.ts

@@ -0,0 +1,29 @@
+import { Dict } from "../../utils/index.js";
+import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { CartesianChartProps } from "recharts/types/util/types";
+
+//#region src/components/chart/use-bar-chart.d.ts
+interface UseBarChartProps<Y extends Dict> extends HTMLProps, Pick<CartesianChartProps, "accessibilityLayer" | "compact" | "layout" | "responsive" | "syncId" | "syncMethod"> {
+  /**
+   * Chart data.
+   */
+  data?: Y[];
+}
+declare const useBarChart: <Y extends Dict>({
+  accessibilityLayer,
+  compact,
+  data,
+  layout,
+  responsive,
+  syncId,
+  syncMethod,
+  ...rest
+}: UseBarChartProps<Y>) => {
+  getChartProps: PropGetter<CartesianChartProps, undefined, undefined>;
+  getRootProps: PropGetter<"div", undefined, undefined>;
+};
+type UseBarChartReturn<Y extends Dict> = ReturnType<typeof useBarChart<Y>>;
+//#endregion
+export { UseBarChartProps, UseBarChartReturn, useBarChart };
+//# sourceMappingURL=use-bar-chart.d.ts.map