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

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

@@ -6,8 +6,8 @@ import "../../core/index.js";
 import { ChartStyle } from "./chart.style.js";
 import { UseChartLabelListProps, UseChartLabelProps, UseChartLegendProps, UseChartTooltipProps } from "./use-chart.js";
 import "../../index.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
-import * as react98 from "react";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react189 from "react";
 import { JSXElementConstructor, PropsWithChildren, ReactElement, ReactNode, RefObject } from "react";
 import { ActiveDotProps, DataKey, DefaultLegendContentProps, DotItemDotProps, DotProps, LabelProps, RenderableText, ResponsiveContainerProps, TooltipContentProps } from "recharts";
 
@@ -21,12 +21,12 @@ type ChartLabelList = ((props: LabelProps) => ReactElement | RenderableText) | b
 type ChartTickLine = boolean | HTMLStyledProps<"line">;
 type GradientStrategy = "invert" | "shade" | "tint";
 declare function mergeSeries<Y>(series: Y[], color?: CSSProps["color"], strategy?: GradientStrategy): (Y & {
-  color: CSSProps["fill"];
+  color: CSSProps["color"];
 })[];
 declare function mergeData<Y>(data: Y[], color?: CSSProps["fill"], strategy?: GradientStrategy): (Y & {
   fill: CSSProps["fill"];
 })[];
-declare function gradients(length: number, color?: CSSProps["color"], strategy?: GradientStrategy): CSSProps["fill"][];
+declare function gradients(length: number, color?: CSSProps["color"], strategy?: GradientStrategy): CSSProps["color"][];
 interface ComponentContext extends Pick<ChartProps, "legendProps" | "tooltipProps"> {
   nameKeyRef: RefObject<string | undefined>;
 }
@@ -87,7 +87,7 @@ interface ChartProps extends HTMLStyledProps, ThemeProps<ChartStyle> {
    */
   tooltipProps?: ChartTooltipProps;
 }
-declare const ComponentContext: react98.Context<ComponentContext>, ChartPropsContext: react98.Context<Partial<ChartProps> | undefined>, useChartComponentContext: () => ComponentContext, useChartPropsContext: () => Partial<ChartProps> | undefined;
+declare const ComponentContext: react189.Context<ComponentContext>, ChartPropsContext: react189.Context<Partial<ChartProps> | undefined>, useChartComponentContext: () => ComponentContext, useChartPropsContext: () => Partial<ChartProps> | undefined;
 declare const Chart: Component<({
   children,
   components: componentsProp,
@@ -98,7 +98,7 @@ declare const Chart: Component<({
   responsiveContainerProps,
   tooltipProps,
   ...rest
-}: ChartProps) => react_jsx_runtime7.JSX.Element, ChartProps>;
+}: ChartProps) => react_jsx_runtime10.JSX.Element, ChartProps>;
 interface ChartLegendProps extends Merge<HTMLStyledProps, UseChartLegendProps> {
   /**
    * Props for the content component.
@@ -122,7 +122,7 @@ interface ChartTooltipProps<Y extends (number | string)[] | number | string = nu
    */
   contentProps?: Omit<ChartTooltipContentProps, "formatter" | "label" | "labelFormatter" | "payload">;
 }
-declare const ChartTooltip: <Y extends (number | string)[] | number | string, M extends number | string>(props: ChartTooltipProps<Y, M>) => react_jsx_runtime7.JSX.Element;
+declare const ChartTooltip: <Y extends (number | string)[] | number | string, M extends number | string>(props: ChartTooltipProps<Y, M>) => react_jsx_runtime10.JSX.Element;
 interface ChartTooltipCursorProps extends Omit<HTMLStyledProps<"path">, "height" | "points" | "width"> {
   brushBottom?: number;
   height?: number;
@@ -145,5 +145,5 @@ declare const ChartLabelList: Component<"text", ChartLabelListProps>;
 interface ChartLabelProps extends Merge<HTMLStyledProps<"text">, UseChartLabelProps> {}
 declare const ChartLabel: Component<"text", ChartLabelProps>;
 //#endregion
-export { Chart, ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartProps, ChartPropsContext, ChartTickLine, ChartTooltip, ChartTooltipProps, gradients, mergeData, mergeSeries, useChartPropsContext };
+export { Chart, ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartProps, ChartPropsContext, ChartTickLine, ChartTooltip, ChartTooltipProps, GradientStrategy, gradients, mergeData, mergeSeries, useChartPropsContext };
 //# sourceMappingURL=chart.d.ts.map

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

@@ -0,0 +1,32 @@
+import { Dict } from "../../utils/index.js";
+import { ThemeProps } from "../../core/system/index.types.js";
+import { CSSProps } from "../../core/css/index.types.js";
+import { GenericsComponent } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { LineChartStyle } from "./line-chart.style.js";
+import { GradientStrategy } from "./chart.js";
+import { CartesianChartProps, ChartAreaProps, ChartBarProps, ChartLineProps } from "./cartesian-chart.js";
+import * as react1051 from "react";
+import { ReactElement } from "react";
+
+//#region src/components/chart/composed-chart.d.ts
+type ComposedProps<Y extends Dict = Dict> = readonly ["area", ChartAreaProps<Y>] | readonly ["bar", ChartBarProps<Y>] | readonly ["line", ChartLineProps<Y>];
+declare function mergeSeries<Y extends Dict = Dict>(series: ComposedProps<Y>[], color?: CSSProps["color"], strategy?: GradientStrategy): ComposedProps<Y>[];
+interface ComposedChartProps<Y extends Dict = Dict> extends Omit<CartesianChartProps<Y>, "components" | "render">, ThemeProps<LineChartStyle> {
+  /**
+   * If provided, generate lines based on series.
+   */
+  series?: ComposedProps<Y>[];
+}
+declare const ComposedChartPropsContext: react1051.Context<Partial<ComposedChartProps<Dict<any>>> | undefined>, useComposedChartPropsContext: () => Partial<ComposedChartProps<Dict<any>>> | undefined;
+/**
+ * `ComposedChart` is a component for drawing composed charts to compare multiple sets of data.
+ *
+ * @see https://yamada-ui.com/docs/components/composed-chart
+ */
+declare const ComposedChart: GenericsComponent<{
+  <Y extends Dict>(props: ComposedChartProps<Y>): ReactElement;
+}>;
+//#endregion
+export { ComposedChart, ComposedChartProps, ComposedChartPropsContext, ComposedProps, mergeSeries, useComposedChartPropsContext };
+//# sourceMappingURL=composed-chart.d.ts.map

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

@@ -0,0 +1,11 @@
+import { ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartTickLine, ChartTooltip, ChartTooltipProps } from "./chart.js";
+import { ChartArea, ChartAreaProps, ChartBar, ChartBarProps, ChartGrid, ChartGridProps, ChartLine, ChartLineProps, ChartReferenceLine, ChartReferenceLineProps, ChartXAxis, ChartXAxisProps, ChartXAxisTick, ChartYAxis, ChartYAxisProps, ChartYAxisTick } from "./cartesian-chart.js";
+import { ComposedChart, ComposedChartProps, ComposedChartPropsContext, ComposedProps, mergeSeries, useComposedChartPropsContext } from "./composed-chart.js";
+
+//#region src/components/chart/composed-chart.namespace.d.ts
+declare namespace composed_chart_namespace_d_exports {
+  export { ChartActiveDot as ActiveDot, ChartArea as Area, ChartAreaProps as AreaProps, ChartBar as Bar, ChartBarProps as BarProps, ChartLabel as ComposedLabel, ChartLabelList as ComposedLabelList, ComposedProps, ChartDot as Dot, ChartGrid as Grid, ChartGridProps as GridProps, ChartLabel as Label, ChartLabelList as LabelList, ChartLabelListProps as LabelListProps, ChartLabelProps as LabelProps, ChartLegend as Legend, ChartLegendProps as LegendProps, ChartLine as Line, ChartLineProps as LineProps, ComposedChartPropsContext as PropsContext, ChartReferenceLine as ReferenceLine, ChartReferenceLineProps as ReferenceLineProps, ComposedChart as Root, ComposedChartProps as RootProps, ChartTickLine as TickLine, ChartTooltip as Tooltip, ChartTooltipProps as TooltipProps, ChartXAxis as XAxis, ChartXAxisProps as XAxisProps, ChartXAxisTick as XAxisTick, ChartYAxis as YAxis, ChartYAxisProps as YAxisProps, ChartYAxisTick as YAxisTick, mergeSeries, useComposedChartPropsContext as usePropsContext };
+}
+//#endregion
+export { composed_chart_namespace_d_exports };
+//# sourceMappingURL=composed-chart.namespace.d.ts.map

package/dist/types/components/chart/composed-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/composed-chart.style.d.ts
+declare const composedChartStyle: ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>;
+type ComposedChartStyle = typeof composedChartStyle;
+//#endregion
+export { ComposedChartStyle, composedChartStyle };
+//# sourceMappingURL=composed-chart.style.d.ts.map

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

@@ -3,24 +3,18 @@ import { ThemeProps } from "../../core/system/index.types.js";
 import { GenericsComponent } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { DonutChartStyle } from "./donut-chart.style.js";
-import { ChartDonutProps, PolarChartProps as PolarChartProps$1 } from "./polar-chart.js";
-import { UsePieChartProps } from "./use-pie-chart.js";
-import * as react1050 from "react";
+import { ChartDonutProps, PolarChartProps } from "./polar-chart.js";
+import * as react1052 from "react";
 import { ReactElement } from "react";
-import { PolarChartProps } from "recharts/types/util/types";
 
 //#region src/components/chart/donut-chart.d.ts
-interface DonutChartProps<Y extends Dict = Dict> extends Omit<PolarChartProps$1<Y>, "angleAxisProps" | "components" | "gridProps" | "nameKey" | "pieProps" | "radarProps" | "radialProps" | "radiusAxisProps" | "render" | "series" | "withAngleAxis" | "withGrid" | "withRadiusAxis">, UsePieChartProps<Y>, ThemeProps<DonutChartStyle> {
+interface DonutChartProps<Y extends Dict = Dict> extends Omit<PolarChartProps<Y>, "components" | "nameKey" | "render">, ThemeProps<DonutChartStyle> {
   /***
    * If provided, generate lines based on series.
    */
   series?: ChartDonutProps<Y>[];
-  /**
-   * Props for the polar chart component.
-   */
-  chartProps?: Omit<PolarChartProps, "data">;
 }
-declare const DonutChartPropsContext: react1050.Context<Partial<DonutChartProps<Dict<any>>> | undefined>, useDonutChartPropsContext: () => Partial<DonutChartProps<Dict<any>>> | undefined;
+declare const DonutChartPropsContext: react1052.Context<Partial<DonutChartProps<Dict<any>>> | undefined>, useDonutChartPropsContext: () => Partial<DonutChartProps<Dict<any>>> | undefined;
 /**
  * `DonutChart` is a component for drawing donut charts to compare multiple sets of data.
  *

package/dist/types/components/chart/index.d.ts

@@ -2,6 +2,7 @@ import { AreaChartStyle, areaChartStyle } from "./area-chart.style.js";
 import { BarChartStyle, barChartStyle } from "./bar-chart.style.js";
 import { CartesianChartStyle, cartesianChartStyle } from "./cartesian-chart.style.js";
 import { ChartStyle, chartStyle } from "./chart.style.js";
+import { ComposedChartStyle, composedChartStyle } from "./composed-chart.style.js";
 import { DonutChartStyle, donutChartStyle } from "./donut-chart.style.js";
 import { LineChartStyle, lineChartStyle } from "./line-chart.style.js";
 import { PieChartStyle, pieChartStyle } from "./pie-chart.style.js";
@@ -10,21 +11,16 @@ import { RadarChartStyle, radarChartStyle } from "./radar-chart.style.js";
 import { RadialChartStyle, radialChartStyle } from "./radial-chart.style.js";
 import { ChartContext, UseChartLabelListProps, UseChartLabelListReturn, UseChartLabelProps, UseChartLabelReturn, UseChartLegendProps, UseChartLegendReturn, UseChartReturn, UseChartTooltipProps, UseChartTooltipReturn, useChart, useChartContext, useChartLabel, useChartLabelList, useChartLegend, useChartTooltip } from "./use-chart.js";
 import { Chart, ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartProps, ChartPropsContext, ChartTickLine, ChartTooltip, ChartTooltipProps, useChartPropsContext } from "./chart.js";
-import { UseChartAreaProps, UseChartAreaReturn, UseChartBarProps, UseChartBarReturn, UseChartGridProps, UseChartGridReturn, UseChartLineProps, UseChartLineReturn, UseChartReferenceLineProps, UseChartReferenceLineReturn, UseChartXAxisProps, UseChartXAxisReturn, UseChartYAxisProps, UseChartYAxisReturn, useChartArea, useChartBar, useChartGrid, useChartLine, useChartReferenceLine, useChartXAxis, useChartYAxis } from "./use-cartesian-chart.js";
+import { UseCartesianChartProps, UseCartesianChartReturn, UseChartAreaProps, UseChartAreaReturn, UseChartBarProps, UseChartBarReturn, UseChartGridProps, UseChartGridReturn, UseChartLineProps, UseChartLineReturn, UseChartReferenceLineProps, UseChartReferenceLineReturn, UseChartXAxisProps, UseChartXAxisReturn, UseChartYAxisProps, UseChartYAxisReturn, useCartesianChart, useChartArea, useChartBar, useChartGrid, useChartLine, useChartReferenceLine, useChartXAxis, useChartYAxis } from "./use-cartesian-chart.js";
 import { CartesianChart, CartesianChartProps, ChartArea, ChartAreaProps, ChartBar, ChartBarProps, ChartGrid, ChartGridProps, ChartLine, ChartLineProps, ChartReferenceLine, ChartReferenceLineProps, ChartXAxis, ChartXAxisProps, ChartXAxisTick, ChartYAxis, ChartYAxisProps, ChartYAxisTick } from "./cartesian-chart.js";
-import { UseAreaChartProps, UseAreaChartReturn, useAreaChart } from "./use-area-chart.js";
 import { area_chart_namespace_d_exports } from "./area-chart.namespace.js";
-import { UseBarChartProps, UseBarChartReturn, useBarChart } from "./use-bar-chart.js";
 import { bar_chart_namespace_d_exports } from "./bar-chart.namespace.js";
-import { UseAngleAxisProps, UseAngleAxisReturn, UseChartPieLabelLineProps, UseChartPieLabelLineReturn, UseChartPieLabelProps, UseChartPieLabelReturn, UseChartPieProps, UseChartPieReturn, UseChartRadarProps, UseChartRadarReturn, UseChartRadialProps, UseChartRadialReturn, UseChartSectorProps, UseChartSectorReturn, UsePolarGridProps, UsePolarGridReturn, UseRadiusAxisProps, UseRadiusAxisReturn, useAngleAxis, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartRadar, useChartRadial, useChartSector, usePolarGrid, useRadiusAxis } from "./use-polar-chart.js";
+import { composed_chart_namespace_d_exports } from "./composed-chart.namespace.js";
+import { UseAngleAxisProps, UseAngleAxisReturn, UseChartPieLabelLineProps, UseChartPieLabelLineReturn, UseChartPieLabelProps, UseChartPieLabelReturn, UseChartPieProps, UseChartPieReturn, UseChartRadarProps, UseChartRadarReturn, UseChartRadialProps, UseChartRadialReturn, UseChartSectorProps, UseChartSectorReturn, UsePolarChartProps, UsePolarChartReturn, UsePolarGridProps, UsePolarGridReturn, UseRadiusAxisProps, UseRadiusAxisReturn, useAngleAxis, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartRadar, useChartRadial, useChartSector, usePolarChart, usePolarGrid, useRadiusAxis } from "./use-polar-chart.js";
 import { ChartAngleAxis, ChartAngleAxisProps, ChartDonut, ChartDonutProps, ChartPie, ChartPieLabel, ChartPieLabelLine, ChartPieLabelList, ChartPieProps, ChartPolarGrid, ChartPolarGridProps, ChartRadar, ChartRadarProps, ChartRadial, ChartRadialProps, ChartRadiusAxis, ChartRadiusAxisProps, PolarChart, PolarChartProps } from "./polar-chart.js";
-import { UsePieChartProps, UsePieChartReturn, usePieChart } from "./use-pie-chart.js";
 import { donut_chart_namespace_d_exports } from "./donut-chart.namespace.js";
-import { UseLineChartProps, UseLineChartReturn, useLineChart } from "./use-line-chart.js";
 import { line_chart_namespace_d_exports } from "./line-chart.namespace.js";
 import { pie_chart_namespace_d_exports } from "./pie-chart.namespace.js";
-import { UseRadarChartProps, UseRadarChartReturn, useRadarChart } from "./use-radar-chart.js";
 import { radar_chart_namespace_d_exports } from "./radar-chart.namespace.js";
-import { UseRadialChartProps, UseRadialChartReturn, useRadialChart } from "./use-radial-chart.js";
 import { radial_chart_namespace_d_exports } from "./radial-chart.namespace.js";
-export { area_chart_namespace_d_exports as AreaChart, AreaChartStyle, bar_chart_namespace_d_exports as BarChart, BarChartStyle, CartesianChart, type CartesianChartProps, CartesianChartStyle, Chart, type ChartActiveDot, ChartAngleAxis, type ChartAngleAxisProps, ChartArea, type ChartAreaProps, ChartBar, type ChartBarProps, ChartContext, ChartDonut, type ChartDonutProps, type ChartDot, ChartGrid, type ChartGridProps, ChartLabel, ChartLabelList, type ChartLabelListProps, type ChartLabelProps, ChartLegend, type ChartLegendProps, ChartLine, type ChartLineProps, ChartPie, type ChartPieLabel, type ChartPieLabelLine, type ChartPieLabelList, type ChartPieProps, ChartPolarGrid, type ChartPolarGridProps, type ChartProps, ChartPropsContext, ChartRadar, type ChartRadarProps, ChartRadial, type ChartRadialProps, ChartRadiusAxis, type ChartRadiusAxisProps, ChartReferenceLine, type ChartReferenceLineProps, ChartStyle, type ChartTickLine, ChartTooltip, type ChartTooltipProps, ChartXAxis, type ChartXAxisProps, type ChartXAxisTick, ChartYAxis, type ChartYAxisProps, type ChartYAxisTick, donut_chart_namespace_d_exports as DonutChart, DonutChartStyle, line_chart_namespace_d_exports as LineChart, LineChartStyle, pie_chart_namespace_d_exports as PieChart, PieChartStyle, PolarChart, type PolarChartProps, PolarChartStyle, radar_chart_namespace_d_exports as RadarChart, RadarChartStyle, radial_chart_namespace_d_exports as RadialChart, RadialChartStyle, UseAngleAxisProps, UseAngleAxisReturn, UseAreaChartProps, UseAreaChartReturn, UseBarChartProps, UseBarChartReturn, UseChartAreaProps, UseChartAreaReturn, UseChartBarProps, UseChartBarReturn, UseChartGridProps, UseChartGridReturn, UseChartLabelListProps, UseChartLabelListReturn, UseChartLabelProps, UseChartLabelReturn, UseChartLegendProps, UseChartLegendReturn, UseChartLineProps, UseChartLineReturn, UseChartPieLabelLineProps, UseChartPieLabelLineReturn, UseChartPieLabelProps, UseChartPieLabelReturn, UseChartPieProps, UseChartPieReturn, UseChartRadarProps, UseChartRadarReturn, UseChartRadialProps, UseChartRadialReturn, UseChartReferenceLineProps, UseChartReferenceLineReturn, UseChartReturn, UseChartSectorProps, UseChartSectorReturn, UseChartTooltipProps, UseChartTooltipReturn, UseChartXAxisProps, UseChartXAxisReturn, UseChartYAxisProps, UseChartYAxisReturn, UseLineChartProps, UseLineChartReturn, UsePieChartProps, UsePieChartReturn, UsePolarGridProps, UsePolarGridReturn, UseRadarChartProps, UseRadarChartReturn, UseRadialChartProps, UseRadialChartReturn, UseRadiusAxisProps, UseRadiusAxisReturn, 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_d_exports as AreaChart, AreaChartStyle, bar_chart_namespace_d_exports as BarChart, BarChartStyle, CartesianChart, type CartesianChartProps, CartesianChartStyle, Chart, type ChartActiveDot, ChartAngleAxis, type ChartAngleAxisProps, ChartArea, type ChartAreaProps, ChartBar, type ChartBarProps, ChartContext, ChartDonut, type ChartDonutProps, type ChartDot, ChartGrid, type ChartGridProps, ChartLabel, ChartLabelList, type ChartLabelListProps, type ChartLabelProps, ChartLegend, type ChartLegendProps, ChartLine, type ChartLineProps, ChartPie, type ChartPieLabel, type ChartPieLabelLine, type ChartPieLabelList, type ChartPieProps, ChartPolarGrid, type ChartPolarGridProps, type ChartProps, ChartPropsContext, ChartRadar, type ChartRadarProps, ChartRadial, type ChartRadialProps, ChartRadiusAxis, type ChartRadiusAxisProps, ChartReferenceLine, type ChartReferenceLineProps, ChartStyle, type ChartTickLine, ChartTooltip, type ChartTooltipProps, ChartXAxis, type ChartXAxisProps, type ChartXAxisTick, ChartYAxis, type ChartYAxisProps, type ChartYAxisTick, composed_chart_namespace_d_exports as ComposedChart, ComposedChartStyle, donut_chart_namespace_d_exports as DonutChart, DonutChartStyle, line_chart_namespace_d_exports as LineChart, LineChartStyle, pie_chart_namespace_d_exports as PieChart, PieChartStyle, PolarChart, type PolarChartProps, PolarChartStyle, radar_chart_namespace_d_exports as RadarChart, RadarChartStyle, radial_chart_namespace_d_exports as RadialChart, RadialChartStyle, UseAngleAxisProps, UseAngleAxisReturn, UseCartesianChartProps, UseCartesianChartReturn, UseChartAreaProps, UseChartAreaReturn, UseChartBarProps, UseChartBarReturn, UseChartGridProps, UseChartGridReturn, UseChartLabelListProps, UseChartLabelListReturn, UseChartLabelProps, UseChartLabelReturn, UseChartLegendProps, UseChartLegendReturn, UseChartLineProps, UseChartLineReturn, UseChartPieLabelLineProps, UseChartPieLabelLineReturn, UseChartPieLabelProps, UseChartPieLabelReturn, UseChartPieProps, UseChartPieReturn, UseChartRadarProps, UseChartRadarReturn, UseChartRadialProps, UseChartRadialReturn, UseChartReferenceLineProps, UseChartReferenceLineReturn, UseChartReturn, UseChartSectorProps, UseChartSectorReturn, UseChartTooltipProps, UseChartTooltipReturn, UseChartXAxisProps, UseChartXAxisReturn, UseChartYAxisProps, UseChartYAxisReturn, UsePolarChartProps, UsePolarChartReturn, UsePolarGridProps, UsePolarGridReturn, UseRadiusAxisProps, UseRadiusAxisReturn, 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/types/components/chart/line-chart.d.ts

@@ -3,24 +3,18 @@ import { ThemeProps } from "../../core/system/index.types.js";
 import { GenericsComponent } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { LineChartStyle } from "./line-chart.style.js";
-import { CartesianChartProps as CartesianChartProps$1, ChartLineProps } from "./cartesian-chart.js";
-import { UseLineChartProps } from "./use-line-chart.js";
-import * as react1051 from "react";
+import { CartesianChartProps, ChartLineProps } from "./cartesian-chart.js";
+import * as react1050 from "react";
 import { ReactElement } from "react";
-import { CartesianChartProps } from "recharts/types/util/types";
 
 //#region src/components/chart/line-chart.d.ts
-interface LineChartProps<Y extends Dict = Dict> extends Omit<CartesianChartProps$1, "areaFillOpacity" | "areaProps" | "barProps" | "components" | "render" | "series">, UseLineChartProps<Y>, ThemeProps<LineChartStyle> {
+interface LineChartProps<Y extends Dict = Dict> extends Omit<CartesianChartProps<Y>, "components" | "render">, ThemeProps<LineChartStyle> {
   /**
    * If provided, generate lines based on series.
    */
   series?: ChartLineProps<Y>[];
-  /**
-   * Props for the line chart component.
-   */
-  chartProps?: Omit<CartesianChartProps, "data">;
 }
-declare const LineChartPropsContext: react1051.Context<Partial<LineChartProps<Dict<any>>> | undefined>, useLineChartPropsContext: () => Partial<LineChartProps<Dict<any>>> | undefined;
+declare const LineChartPropsContext: react1050.Context<Partial<LineChartProps<Dict<any>>> | undefined>, useLineChartPropsContext: () => Partial<LineChartProps<Dict<any>>> | undefined;
 /**
  * `LineChart` is a component for drawing line charts to compare multiple sets of data.
  *

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

@@ -3,24 +3,18 @@ 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 react1052 from "react";
+import { ChartPieProps, PolarChartProps } from "./polar-chart.js";
+import * as react1054 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> {
+interface PieChartProps<Y extends Dict = Dict> extends Omit<PolarChartProps<Y>, "components" | "nameKey" | "render">, 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: react1052.Context<Partial<PieChartProps<Dict<any>>> | undefined>, usePieChartPropsContext: () => Partial<PieChartProps<Dict<any>>> | undefined;
+declare const PieChartPropsContext: react1054.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.
  *

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

@@ -5,13 +5,14 @@ import { Component, GenericsComponent, HTMLStyledProps } from "../../core/compon
 import "../../core/index.js";
 import { PolarChartStyle } from "./polar-chart.style.js";
 import { ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartLabelListProps, ChartProps, ChartTickLine } from "./chart.js";
-import { UseAngleAxisProps, UseChartPieLabelLineProps, UseChartPieLabelProps, UseChartPieProps, UseChartRadarProps, UseChartRadialProps, UseChartSectorProps, UsePolarGridProps, UseRadiusAxisProps } from "./use-polar-chart.js";
+import { UseAngleAxisProps, UseChartPieLabelLineProps, UseChartPieLabelProps, UseChartPieProps, UseChartRadarProps, UseChartRadialProps, UseChartSectorProps, UsePolarChartProps, UsePolarGridProps, UseRadiusAxisProps } from "./use-polar-chart.js";
 import "../../index.js";
 import { ReactElement, ReactNode } from "react";
+import { PolarChartProps } from "recharts/types/util/types";
 import { BaseTickContentProps, PieLabelRenderProps, PieSectorShapeProps, SectorProps } from "recharts";
 
 //#region src/components/chart/polar-chart.d.ts
-interface PolarChartProps<Y extends Dict = Dict> extends Omit<ChartProps, "cx" | "cy">, ThemeProps<PolarChartStyle> {
+interface PolarChartProps$1<Y extends Dict = Dict> extends Omit<ChartProps, "cx" | "cy">, UsePolarChartProps<Y>, ThemeProps<PolarChartStyle> {
   /**
    * The fill of the active dot.
    */
@@ -186,6 +187,10 @@ interface PolarChartProps<Y extends Dict = Dict> extends Omit<ChartProps, "cx" |
    * Props for the angle axis component.
    */
   angleAxisProps?: UseAngleAxisProps;
+  /**
+   * Props for the polar chart component.
+   */
+  chartProps?: Omit<PolarChartProps, "data">;
   /**
    * Props for the donut component.
    */
@@ -216,7 +221,7 @@ interface PolarChartProps<Y extends Dict = Dict> extends Omit<ChartProps, "cx" |
   sectorProps?: ChartSectorProps;
 }
 declare const PolarChart: GenericsComponent<{
-  <Y extends Dict>(props: PolarChartProps<Y>): ReactElement;
+  <Y extends Dict>(props: PolarChartProps$1<Y>): ReactElement;
 }>;
 type ChartPieLabel = ((props: PieLabelRenderProps) => Partial<ChartPieLabelProps>) | boolean | Partial<ChartPieLabelProps>;
 type ChartPieLabelLine = ((props: any) => ChartPieLabelLineProps) | boolean | ChartPieLabelLineProps;
@@ -397,5 +402,5 @@ 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 };
+export { ChartAngleAxis, ChartAngleAxisProps, ChartAxisLine, ChartDonut, ChartDonutProps, ChartPie, ChartPieLabel, ChartPieLabelLine, ChartPieLabelList, ChartPieProps, ChartPolarAxisTick, ChartPolarGrid, ChartPolarGridProps, ChartRadar, ChartRadarProps, ChartRadial, ChartRadialBackground, ChartRadialProps, ChartRadiusAxis, ChartRadiusAxisProps, PolarChart, PolarChartProps$1 as PolarChartProps };
 //# sourceMappingURL=polar-chart.d.ts.map

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

@@ -4,13 +4,12 @@ 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 * as react1053 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> {
+interface RadarChartProps<Y extends Dict = Dict> extends Omit<PolarChartProps$1<Y>, "components" | "render">, ThemeProps<RadarChartStyle> {
   /***
    * If provided, generate lines based on series.
    */
@@ -20,7 +19,7 @@ interface RadarChartProps<Y extends Dict = Dict> extends Omit<PolarChartProps$1<
    */
   chartProps?: Omit<PolarChartProps, "data">;
 }
-declare const RadarChartPropsContext: react1054.Context<Partial<RadarChartProps<Dict<any>>> | undefined>, useRadarChartPropsContext: () => Partial<RadarChartProps<Dict<any>>> | undefined;
+declare const RadarChartPropsContext: react1053.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.
  *

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

@@ -3,24 +3,18 @@ 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 { ChartRadialProps, PolarChartProps } from "./polar-chart.js";
+import * as react1055 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> {
+interface RadialChartProps<Y extends Dict = Dict> extends Omit<PolarChartProps<Y>, "components" | "nameKey" | "render">, 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;
+declare const RadialChartPropsContext: react1055.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.
  *

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

@@ -1,10 +1,31 @@
-import { Merge } from "../../utils/index.js";
+import { Dict, Merge } from "../../utils/index.js";
 import { SimpleDirection } from "../../core/system/index.types.js";
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
+import { CartesianChartProps } from "recharts/types/util/types";
 import { AreaProps, BarProps, CartesianGridProps, LineProps, ReferenceLineProps, XAxisProps, YAxisProps } from "recharts";
 
 //#region src/components/chart/use-cartesian-chart.d.ts
+interface UseCartesianChartProps<Y extends Dict> extends HTMLProps, Pick<CartesianChartProps, "accessibilityLayer" | "compact" | "layout" | "responsive" | "syncId" | "syncMethod"> {
+  /**
+   * Chart data.
+   */
+  data?: Y[];
+}
+declare const useCartesianChart: <Y extends Dict>({
+  accessibilityLayer,
+  compact,
+  data,
+  layout,
+  responsive,
+  syncId,
+  syncMethod,
+  ...rest
+}: UseCartesianChartProps<Y>) => {
+  getChartProps: PropGetter<CartesianChartProps, undefined, undefined>;
+  getRootProps: PropGetter<"div", undefined, undefined>;
+};
+type UseCartesianChartReturn<Y extends Dict> = ReturnType<typeof useCartesianChart<Y>>;
 interface UseChartXAxisProps extends Merge<HTMLProps<"svg">, Pick<XAxisProps, "allowDataOverflow" | "allowDecimals" | "allowDuplicatedCategory" | "angle" | "axisLine" | "dataKey" | "domain" | "height" | "hide" | "includeHidden" | "interval" | "label" | "minTickGap" | "mirror" | "name" | "orientation" | "padding" | "range" | "reversed" | "scale" | "tick" | "tickCount" | "tickFormatter" | "tickLine" | "tickMargin" | "ticks" | "tickSize" | "type" | "unit" | "xAxisId">> {}
 declare const useChartXAxis: ({
   type,
@@ -237,5 +258,5 @@ declare const useChartGrid: ({
 };
 type UseChartGridReturn = ReturnType<typeof useChartGrid>;
 //#endregion
-export { UseChartAreaProps, UseChartAreaReturn, UseChartBarProps, UseChartBarReturn, UseChartGridProps, UseChartGridReturn, UseChartLineProps, UseChartLineReturn, UseChartReferenceLineProps, UseChartReferenceLineReturn, UseChartXAxisProps, UseChartXAxisReturn, UseChartYAxisProps, UseChartYAxisReturn, useChartArea, useChartBar, useChartGrid, useChartLine, useChartReferenceLine, useChartXAxis, useChartYAxis };
+export { UseCartesianChartProps, UseCartesianChartReturn, UseChartAreaProps, UseChartAreaReturn, UseChartBarProps, UseChartBarReturn, UseChartGridProps, UseChartGridReturn, UseChartLineProps, UseChartLineReturn, UseChartReferenceLineProps, UseChartReferenceLineReturn, UseChartXAxisProps, UseChartXAxisReturn, UseChartYAxisProps, UseChartYAxisReturn, useCartesianChart, useChartArea, useChartBar, useChartGrid, useChartLine, useChartReferenceLine, useChartXAxis, useChartYAxis };
 //# sourceMappingURL=use-cartesian-chart.d.ts.map

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

@@ -2,12 +2,12 @@ import { Merge } from "../../utils/index.js";
 import { Direction } from "../../core/system/index.types.js";
 import { HTMLProps, PropGetter, RequiredPropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react101 from "react";
+import * as react193 from "react";
 import { LabelListProps, LabelProps, LegendProps, TooltipProps } from "recharts";
 
 //#region src/components/chart/use-chart.d.ts
 interface ChartContext extends UseChartReturn {}
-declare const ChartContext: react101.Context<ChartContext>, useChartContext: () => ChartContext;
+declare const ChartContext: react193.Context<ChartContext>, useChartContext: () => ChartContext;
 declare const useChart: () => {
   highlightedDataKey: string | number | undefined;
   onHighlight: (dataKey?: number | string) => void;

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

@@ -1,9 +1,41 @@
 import { Dict, Merge } from "../../utils/index.js";
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
+import { PolarChartProps } from "recharts/types/util/types";
 import { CurveProps, PieLabelRenderProps, PieProps, PieSectorDataItem, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarProps, RadialBarProps, RenderableText, SectorProps, TextProps } from "recharts";
 
 //#region src/components/chart/use-polar-chart.d.ts
+interface UsePolarChartProps<Y extends Dict> extends HTMLProps, Pick<PolarChartProps, "accessibilityLayer" | "barCategoryGap" | "barGap" | "barSize" | "cx" | "cy" | "endAngle" | "innerRadius" | "layout" | "maxBarSize" | "outerRadius" | "responsive" | "reverseStackOrder" | "stackOffset" | "startAngle" | "syncId" | "syncMethod"> {
+  /**
+   * Chart data.
+   */
+  data?: Y[];
+}
+declare const usePolarChart: <Y extends Dict>({
+  accessibilityLayer,
+  barCategoryGap,
+  barGap,
+  barSize,
+  cx,
+  cy,
+  data,
+  endAngle,
+  innerRadius,
+  layout,
+  maxBarSize,
+  outerRadius,
+  responsive,
+  reverseStackOrder,
+  stackOffset,
+  startAngle,
+  syncId,
+  syncMethod,
+  ...rest
+}: UsePolarChartProps<Y>) => {
+  getChartProps: PropGetter<PolarChartProps, undefined, undefined>;
+  getRootProps: PropGetter<"div", undefined, undefined>;
+};
+type UsePolarChartReturn<Y extends Dict> = ReturnType<typeof usePolarChart<Y>>;
 interface UseChartPieProps extends Merge<HTMLProps<"svg">, Pick<PieProps, "activeShape" | "animationBegin" | "animationDuration" | "animationEasing" | "cornerRadius" | "cx" | "cy" | "data" | "dataKey" | "endAngle" | "hide" | "inactiveShape" | "innerRadius" | "isAnimationActive" | "label" | "labelLine" | "legendType" | "maxRadius" | "minAngle" | "nameKey" | "onAnimationEnd" | "onAnimationStart" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "outerRadius" | "paddingAngle" | "rootTabIndex" | "shape" | "startAngle" | "tooltipType" | "zIndex">> {}
 declare const useChartPie: ({
   activeShape,
@@ -327,5 +359,5 @@ declare const useChartRadial: <Y extends Dict>({
 };
 type UseChartRadialReturn = ReturnType<typeof useChartRadial>;
 //#endregion
-export { UseAngleAxisProps, UseAngleAxisReturn, UseChartPieLabelLineProps, UseChartPieLabelLineReturn, UseChartPieLabelProps, UseChartPieLabelReturn, UseChartPieProps, UseChartPieReturn, UseChartRadarProps, UseChartRadarReturn, UseChartRadialProps, UseChartRadialReturn, UseChartSectorProps, UseChartSectorReturn, UsePolarGridProps, UsePolarGridReturn, UseRadiusAxisProps, UseRadiusAxisReturn, useAngleAxis, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartRadar, useChartRadial, useChartSector, usePolarGrid, useRadiusAxis };
+export { UseAngleAxisProps, UseAngleAxisReturn, UseChartPieLabelLineProps, UseChartPieLabelLineReturn, UseChartPieLabelProps, UseChartPieLabelReturn, UseChartPieProps, UseChartPieReturn, UseChartRadarProps, UseChartRadarReturn, UseChartRadialProps, UseChartRadialReturn, UseChartSectorProps, UseChartSectorReturn, UsePolarChartProps, UsePolarChartReturn, UsePolarGridProps, UsePolarGridReturn, UseRadiusAxisProps, UseRadiusAxisReturn, useAngleAxis, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartRadar, useChartRadial, useChartSector, usePolarChart, usePolarGrid, useRadiusAxis };
 //# sourceMappingURL=use-polar-chart.d.ts.map

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

@@ -3,6 +3,8 @@ import { GenericsComponent } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
 import { GroupProps } from "../group/group.js";
+import "../group/index.js";
+import "../input/index.js";
 import { CheckboxStyle } from "./checkbox.style.js";
 import { Checkbox, CheckboxProps } from "./checkbox.js";
 import { UseCheckboxGroupProps } from "./use-checkbox-group.js";

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

@@ -5,12 +5,13 @@ import { As, Component, GenericsComponent, HTMLStyledProps } from "../../core/co
 import { ComponentOptions, ComponentSlot, ComponentSlotName, InitialProps, SuperProps, UseComponentPropsOptions } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
+import "../input/index.js";
 import { CheckboxStyle } from "./checkbox.style.js";
 import { UseCheckboxProps } from "./use-checkbox.js";
 import "../../index.js";
-import * as react103 from "react";
+import * as react184 from "react";
 import { ReactElement, ReactNode } from "react";
-import * as _yamada_ui_utils0 from "@yamada-ui/utils";
+import * as _yamada_ui_utils11 from "@yamada-ui/utils";
 
 //#region src/components/checkbox/checkbox.d.ts
 interface CheckboxProps<Y extends string = string> extends Merge<HTMLStyledProps<"label">, UseCheckboxProps<Y>>, ThemeProps<CheckboxStyle>, UseInputBorderProps {
@@ -39,7 +40,7 @@ interface CheckboxProps<Y extends string = string> extends Merge<HTMLStyledProps
    */
   rootProps?: HTMLStyledProps<"label">;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils0.Dict = _yamada_ui_utils0.Dict<any>>(el: H | react103.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
+declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils11.Dict = _yamada_ui_utils11.Dict<any>>(el: H | react184.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
     shape: {
       rounded: {
         indicator: {
@@ -135,7 +136,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react103.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxPropsContext: react103.Context<Partial<CheckboxProps<string>> | undefined>, useCheckboxPropsContext: () => Partial<CheckboxProps<string>> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils0.Dict = _yamada_ui_utils0.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
+  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react184.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxPropsContext: react184.Context<Partial<CheckboxProps<string>> | undefined>, useCheckboxPropsContext: () => Partial<CheckboxProps<string>> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils11.Dict = _yamada_ui_utils11.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
     shape: {
       rounded: {
         indicator: {

package/dist/types/components/checkbox/use-checkbox-group.d.ts

@@ -1,12 +1,13 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
-import * as react106 from "react";
+import "../field/index.js";
+import * as react188 from "react";
 import { ChangeEvent } from "react";
 
 //#region src/components/checkbox/use-checkbox-group.d.ts
 interface CheckboxGroupContext extends Omit<UseCheckboxGroupReturn, "getRootProps"> {}
-declare const CheckboxGroupContext: react106.Context<CheckboxGroupContext | undefined>, useCheckboxGroupContext: () => CheckboxGroupContext | undefined;
+declare const CheckboxGroupContext: react188.Context<CheckboxGroupContext | undefined>, useCheckboxGroupContext: () => CheckboxGroupContext | undefined;
 interface UseCheckboxGroupProps<Y extends string = string> extends Omit<HTMLProps, "defaultValue" | "onChange" | "value">, FieldProps {
   /**
    * The initial value of the checkbox group.

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

@@ -1,6 +1,7 @@
 import { HTMLProps, HTMLRefAttributes, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
+import "../field/index.js";
 import { ChangeEvent, ChangeEventHandler, FocusEventHandler } from "react";
 
 //#region src/components/checkbox/use-checkbox.d.ts

package/dist/types/components/checkbox-card/checkbox-card-group.d.ts

@@ -3,7 +3,10 @@ import { GenericsComponent } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
 import { GroupProps } from "../group/group.js";
+import "../group/index.js";
+import "../input/index.js";
 import { UseCheckboxGroupProps } from "../checkbox/use-checkbox-group.js";
+import "../checkbox/index.js";
 import { CheckboxCardStyle } from "./checkbox-card.style.js";
 import { CheckboxCardRoot, CheckboxCardRootProps } from "./checkbox-card.js";
 import { ReactElement } from "react";

package/dist/types/components/checkbox-card/checkbox-card.d.ts

@@ -5,12 +5,14 @@ import { As, Component, GenericsComponent, HTMLStyledProps } from "../../core/co
 import { ComponentOptions, ComponentSlot, ComponentSlotName, InitialProps, SuperProps, UseComponentPropsOptions } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
+import "../input/index.js";
 import { UseCheckboxProps } from "../checkbox/use-checkbox.js";
+import "../checkbox/index.js";
 import { CheckboxCardStyle } from "./checkbox-card.style.js";
 import "../../index.js";
-import * as react107 from "react";
+import * as react181 from "react";
 import { ReactElement, ReactNode } from "react";
-import * as _yamada_ui_utils3 from "@yamada-ui/utils";
+import * as _yamada_ui_utils7 from "@yamada-ui/utils";
 
 //#region src/components/checkbox-card/checkbox-card.d.ts
 interface CheckboxCardRootProps<Y extends string = string> extends Merge<HTMLStyledProps<"label">, UseCheckboxProps<Y>>, ThemeProps<CheckboxCardStyle>, UseInputBorderProps {
@@ -65,7 +67,7 @@ interface CheckboxCardRootProps<Y extends string = string> extends Merge<HTMLSty
    */
   rootProps?: HTMLStyledProps<"label">;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3.Dict = _yamada_ui_utils3.Dict<any>>(el: H | react107.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "description" | "root" | "indicator" | "addon", {
+declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils7.Dict = _yamada_ui_utils7.Dict<any>>(el: H | react181.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
     justify: {
       end: {
         addon: {
@@ -215,7 +217,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react107.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxCardPropsContext: react107.Context<Partial<CheckboxCardRootProps<string>> | undefined>, useCheckboxCardPropsContext: () => Partial<CheckboxCardRootProps<string>> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils3.Dict = _yamada_ui_utils3.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "description" | "root" | "indicator" | "addon", {
+  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react181.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxCardPropsContext: react181.Context<Partial<CheckboxCardRootProps<string>> | undefined>, useCheckboxCardPropsContext: () => Partial<CheckboxCardRootProps<string>> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils7.Dict = _yamada_ui_utils7.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
     justify: {
       end: {
         addon: {
@@ -365,7 +367,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "description" | "root" | "indicator" | "addon", {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
     justify: {
       end: {
         addon: {