@yamada-ui/react 2.0.10-dev-20260301102815 → 2.1.0-dev-20260302130356

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

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import { BreadcrumbStyle } from "./breadcrumb.style.js";
 import { UseBreadcrumbProps } from "./use-breadcrumb.js";
 import "../../index.js";
-import * as react950 from "react";
+import * as react890 from "react";
 import { ReactElement } from "react";
 
 //#region src/components/breadcrumb/breadcrumb.d.ts
@@ -40,7 +40,7 @@ interface BreadcrumbRootProps extends HTMLStyledProps<"nav">, ThemeProps<Breadcr
    */
   separatorProps?: BreadcrumbSeparatorProps;
 }
-declare const BreadcrumbPropsContext: react950.Context<Partial<BreadcrumbRootProps> | undefined>, useBreadcrumbPropsContext: () => Partial<BreadcrumbRootProps> | undefined;
+declare const BreadcrumbPropsContext: react890.Context<Partial<BreadcrumbRootProps> | undefined>, useBreadcrumbPropsContext: () => Partial<BreadcrumbRootProps> | undefined;
 /**
  * `Breadcrumb` is a component that helps users understand the hierarchy of a website.
  *

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

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/breadcrumb/breadcrumb.style.d.ts
-declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "root" | "item", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "root" | "item">>, {
+declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "item" | "root", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "item" | "root">>, {
   sm: {
     list: {
       fontSize: "sm";

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

@@ -1,7 +1,7 @@
 import { ReactNodeOrFunction } from "../../utils/index.types.js";
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react947 from "react";
+import * as react887 from "react";
 import { ReactElement, ReactNode } from "react";
 
 //#region src/components/breadcrumb/use-breadcrumb.d.ts
@@ -46,7 +46,7 @@ declare const useBreadcrumb: ({
   startBoundaries,
   ...rest
 }?: UseBreadcrumbProps) => {
-  children: (string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react947.ReactPortal | ReactElement<unknown, string | react947.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ReactElement<any, string | react947.JSXElementConstructor<any>> | null | undefined)[];
+  children: (string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react887.ReactPortal | ReactElement<unknown, string | react887.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ReactElement<any, string | react887.JSXElementConstructor<any>> | null | undefined)[];
   getEllipsisProps: PropGetter<"svg", undefined, undefined>;
   getLinkProps: PropGetter<"a", {
     currentPage?: boolean;

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

@@ -2,7 +2,6 @@ import { ThemeProps, WithoutThemeProps } from "../../core/system/index.types.js"
 import { Component } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { GroupProps } from "../group/group.js";
-import "../group/index.js";
 import { ButtonStyle } from "./button.style.js";
 
 //#region src/components/button/button-group.d.ts

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

@@ -1,10 +1,9 @@
 import { LoadingScheme, ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLProps, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import "../loading/index.js";
 import { ButtonStyle } from "./button.style.js";
 import "../../index.js";
-import * as react936 from "react";
+import * as react930 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/button/button.d.ts
@@ -72,7 +71,7 @@ interface ButtonProps extends HTMLStyledProps<"button">, ThemeProps<ButtonStyle>
    */
   loadingProps?: ButtonLoadingProps;
 }
-declare const ButtonPropsContext: react936.Context<Partial<ButtonProps> | undefined>, useButtonPropsContext: () => Partial<ButtonProps> | undefined;
+declare const ButtonPropsContext: react930.Context<Partial<ButtonProps> | undefined>, useButtonPropsContext: () => Partial<ButtonProps> | undefined;
 /**
  * `Button` is an interactive component that allows users to perform actions such as submitting forms and toggling modals.
  *

package/dist/types/components/button/icon-button.d.ts

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import { IconButtonStyle } from "./icon-button.style.js";
 import { ButtonProps } from "./button.js";
 import "../../index.js";
-import * as react937 from "react";
+import * as react931 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/button/icon-button.d.ts
@@ -14,7 +14,7 @@ interface IconButtonProps extends Omit<WithoutThemeProps<ButtonProps, IconButton
    */
   icon?: ReactNode;
 }
-declare const IconButtonPropsContext: react937.Context<Partial<IconButtonProps> | undefined>, useIconButtonPropsContext: () => Partial<IconButtonProps> | undefined;
+declare const IconButtonPropsContext: react931.Context<Partial<IconButtonProps> | undefined>, useIconButtonPropsContext: () => Partial<IconButtonProps> | undefined;
 /**
  * `IconButton` is a component that displays an icon within a button.
  *

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

@@ -5,9 +5,8 @@ import "../../core/index.js";
 import { CalendarStyle } from "./calendar.style.js";
 import { UseCalendarDayProps, UseCalendarProps } from "./use-calendar.js";
 import { SelectRootProps } from "../select/select.js";
-import "../select/index.js";
 import "../../index.js";
-import * as react946 from "react";
+import * as react922 from "react";
 import { ReactElement } from "react";
 
 //#region src/components/calendar/calendar.d.ts
@@ -69,7 +68,7 @@ interface CalendarRootProps<Multiple extends boolean = false, Range extends bool
    */
   yearSelectProps?: CalendarYearSelectProps;
 }
-declare const CalendarPropsContext: react946.Context<Partial<CalendarRootProps<false, false>> | undefined>, useCalendarPropsContext: () => Partial<CalendarRootProps<false, false>> | undefined;
+declare const CalendarPropsContext: react922.Context<Partial<CalendarRootProps<false, false>> | undefined>, useCalendarPropsContext: () => Partial<CalendarRootProps<false, false>> | undefined;
 /**
  * `Calendar` is a component for displaying or selecting dates in a calendar.
  *

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

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js"
 import "../../index.js";
 
 //#region src/components/calendar/calendar.style.d.ts
-declare const calendarStyle: ComponentSlotStyle<"select" | "button" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "prev" | "month" | "week" | "control" | "weekday" | "day" | "months" | "years" | "weeks", {
+declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "prev" | "root" | "month" | "week" | "control" | "day" | "months" | "weekday" | "weeks" | "years", {
   /**
    * If `true`, the calendar will be fixed rows.
    *
@@ -75,7 +75,7 @@ declare const calendarStyle: ComponentSlotStyle<"select" | "button" | "cell" | "
       "--font-size": "fontSizes.xl";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"select" | "button" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "prev" | "month" | "week" | "control" | "weekday" | "day" | "months" | "years" | "weeks">>>;
+}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "prev" | "root" | "month" | "week" | "control" | "day" | "months" | "weekday" | "weeks" | "years">>>;
 type CalendarStyle = typeof calendarStyle;
 //#endregion
 export { CalendarStyle, calendarStyle };

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

@@ -3,8 +3,7 @@ import { HTMLProps, PropGetter, RequiredPropGetter } from "../../core/components
 import "../../core/index.js";
 import { Descendant } from "../../hooks/use-descendants/index.js";
 import { Locale } from "../../providers/i18n-provider/i18n-provider.js";
-import "../../providers/i18n-provider/index.js";
-import * as react939 from "react";
+import * as react923 from "react";
 
 //#region src/components/calendar/use-calendar.d.ts
 declare const DEFAULT_HOLIDAYS: Date[];
@@ -57,7 +56,7 @@ declare const isInRange: (date: Date, minDate?: Date, maxDate?: Date) => boolean
 declare const sortDates: (dates: Date[], type?: "asc" | "desc") => Date[];
 declare const updateMaybeDateValue: (value: Date, max?: number) => (prev: MaybeDate) => MaybeDate;
 declare const getAdjustedMonth: (value: MaybeDate, month: Date) => Date;
-declare const CalendarDescendantsContext: react939.Context<{
+declare const CalendarDescendantsContext: react923.Context<{
     active: (target?: HTMLTableCellElement | Descendant<HTMLTableCellElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -76,7 +75,7 @@ declare const CalendarDescendantsContext: react939.Context<{
     prevValue: (indexOrNode: number | HTMLTableCellElement | Descendant<HTMLTableCellElement, {}> | null, loop?: boolean) => Descendant<HTMLTableCellElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLTableCellElement) => boolean) | undefined;
-    } | undefined) => react939.RefCallback<HTMLTableCellElement>;
+    } | undefined) => react923.RefCallback<HTMLTableCellElement>;
     unregister: (node?: HTMLTableCellElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLTableCellElement | null) => Descendant<HTMLTableCellElement, {}> | undefined;
     values: () => Descendant<HTMLTableCellElement, {}>[];
@@ -102,12 +101,12 @@ declare const CalendarDescendantsContext: react939.Context<{
       prevValue: (indexOrNode: number | HTMLTableCellElement | Descendant<HTMLTableCellElement, {}> | null, loop?: boolean) => Descendant<HTMLTableCellElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLTableCellElement) => boolean) | undefined;
-      } | undefined) => react939.RefCallback<HTMLTableCellElement>;
+      } | undefined) => react923.RefCallback<HTMLTableCellElement>;
       unregister: (node?: HTMLTableCellElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLTableCellElement | null) => Descendant<HTMLTableCellElement, {}> | undefined;
       values: () => Descendant<HTMLTableCellElement, {}>[];
     };
-    register: react939.RefCallback<HTMLTableCellElement>;
+    register: react923.RefCallback<HTMLTableCellElement>;
   }, useCalendarDescendants: () => {
     active: (target?: HTMLTableCellElement | Descendant<HTMLTableCellElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -127,13 +126,13 @@ declare const CalendarDescendantsContext: react939.Context<{
     prevValue: (indexOrNode: number | HTMLTableCellElement | Descendant<HTMLTableCellElement, {}> | null, loop?: boolean) => Descendant<HTMLTableCellElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLTableCellElement) => boolean) | undefined;
-    } | undefined) => react939.RefCallback<HTMLTableCellElement>;
+    } | undefined) => react923.RefCallback<HTMLTableCellElement>;
     unregister: (node?: HTMLTableCellElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLTableCellElement | null) => Descendant<HTMLTableCellElement, {}> | undefined;
     values: () => Descendant<HTMLTableCellElement, {}>[];
   };
 interface CalendarContext extends Omit<UseCalendarReturn, "descendants" | "getMonthProps" | "getMonthSelectProps" | "getNavigationProps" | "getNextButtonProps" | "getPrevButtonProps" | "getRootProps" | "getStatusProps" | "getWeekdayProps" | "getYearSelectProps" | "monthDays" | "monthItems" | "weekdays" | "yearItems"> {}
-declare const CalendarContext: react939.Context<CalendarContext>, useCalendarContext: () => CalendarContext;
+declare const CalendarContext: react923.Context<CalendarContext>, useCalendarContext: () => CalendarContext;
 interface UseCalendarProps<Multiple extends boolean = false, Range extends boolean = false> extends Omit<HTMLProps, "defaultValue" | "onChange"> {
   /**
    * The initial month of the calendar.
@@ -276,7 +275,7 @@ declare const useCalendar: <Multiple extends boolean = false, Range extends bool
     prevValue: (indexOrNode: number | HTMLTableCellElement | Descendant<HTMLTableCellElement, {}> | null, loop?: boolean) => Descendant<HTMLTableCellElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLTableCellElement) => boolean) | undefined;
-    } | undefined) => react939.RefCallback<HTMLTableCellElement>;
+    } | undefined) => react923.RefCallback<HTMLTableCellElement>;
     unregister: (node?: HTMLTableCellElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLTableCellElement | null) => Descendant<HTMLTableCellElement, {}> | undefined;
     values: () => Descendant<HTMLTableCellElement, {}>[];

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

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { CardStyle } from "./card.style.js";
 import "../../index.js";
-import * as react938 from "react";
+import * as react921 from "react";
 
 //#region src/components/card/card.d.ts
 interface CardRootProps extends HTMLStyledProps<"article">, ThemeProps<CardStyle> {}
-declare const CardPropsContext: react938.Context<Partial<CardRootProps> | undefined>, useCardPropsContext: () => Partial<CardRootProps> | undefined;
+declare const CardPropsContext: react921.Context<Partial<CardRootProps> | undefined>, useCardPropsContext: () => Partial<CardRootProps> | undefined;
 /**
  * `Card` is a component that groups and displays related information. By default, it renders a `article` element.
  *

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

@@ -3,11 +3,10 @@ import { CSSProps } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { IconButtonProps } from "../button/icon-button.js";
-import "../button/index.js";
 import { CarouselStyle } from "./carousel.style.js";
 import { CarouselAlign, CarouselContainScroll, CarouselInViewThreshold, UseCarouselProps } from "./use-carousel.js";
 import "../../index.js";
-import * as react935 from "react";
+import * as react886 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/carousel/carousel.d.ts
@@ -106,7 +105,7 @@ interface CarouselRootProps extends Omit<HTMLStyledProps<"section">, "draggable"
    */
   stopMouseEnterAutoplay?: boolean;
 }
-declare const CarouselPropsContext: react935.Context<Partial<CarouselRootProps> | undefined>, useCarouselPropsContext: () => Partial<CarouselRootProps> | undefined;
+declare const CarouselPropsContext: react886.Context<Partial<CarouselRootProps> | undefined>, useCarouselPropsContext: () => Partial<CarouselRootProps> | undefined;
 /**
  * `Carousel` is a component that displays multiple elements like a slideshow.
  *

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

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 
 //#region src/components/carousel/carousel.style.d.ts
-declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>, {
+declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "prev" | "indicator" | "item" | "root" | "trigger" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "prev" | "indicator" | "item" | "root" | "trigger" | "indicators">>, {
   sm: {
     root: {
       h: "sm";
@@ -19,7 +19,7 @@ declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "indi
       h: "lg";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>>;
+}, CSSModifierObject<CSSSlotObject<"list" | "next" | "prev" | "indicator" | "item" | "root" | "trigger" | "indicators">>>;
 type CarouselStyle = typeof carouselStyle;
 //#endregion
 export { CarouselStyle, carouselStyle };

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

@@ -1,7 +1,7 @@
 import { Orientation } from "../../core/system/index.types.js";
 import { HTMLProps, PropGetter, RequiredPropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react932 from "react";
+import * as react883 from "react";
 import { RefObject } from "react";
 import { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from "embla-carousel";
 
@@ -16,7 +16,7 @@ type CarouselWatchSlides = EmblaOptions["watchSlides"];
 type CarouselControl = EmblaCarouselType;
 type CarouselPlugin = EmblaPluginType;
 interface CarouselContext extends Omit<UseCarouselReturn, "getRootProps"> {}
-declare const CarouselContext: react932.Context<CarouselContext>, useCarouselContext: () => CarouselContext;
+declare const CarouselContext: react883.Context<CarouselContext>, useCarouselContext: () => CarouselContext;
 interface UseCarouselProps extends Omit<HTMLProps<"section">, "onChange"> {
   /**
    * The alignment of the carousel.
@@ -177,7 +177,7 @@ declare const useCarousel: ({
 }?: UseCarouselProps) => {
   carousel: EmblaCarouselType | undefined;
   index: number;
-  setIndex: react932.Dispatch<react932.SetStateAction<number>>;
+  setIndex: react883.Dispatch<react883.SetStateAction<number>>;
   snapCount: number;
   total: number;
   getIndicatorProps: RequiredPropGetter<"button", {

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

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { CenterStyle } from "./center.style.js";
 import "../../index.js";
-import * as react931 from "react";
+import * as react882 from "react";
 
 //#region src/components/center/center.d.ts
 interface CenterProps extends HTMLStyledProps, ThemeProps<CenterStyle> {}
-declare const CenterPropsContext: react931.Context<Partial<CenterProps> | undefined>, useCenterPropsContext: () => Partial<CenterProps> | undefined;
+declare const CenterPropsContext: react882.Context<Partial<CenterProps> | undefined>, useCenterPropsContext: () => Partial<CenterProps> | undefined;
 /**
  * `Center` is a component that aligns the child elements in the center within the component.
  *

package/dist/types/components/chart/area-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 { AreaChartStyle } from "./area-chart.style.js";
+import { CartesianChartProps as CartesianChartProps$1, ChartAreaProps } from "./cartesian-chart.js";
+import { UseAreaChartProps } from "./use-area-chart.js";
+import * as react1049 from "react";
+import { ReactElement } from "react";
+import { CartesianChartProps } from "recharts/types/util/types";
+
+//#region src/components/chart/area-chart.d.ts
+interface AreaChartProps<Y extends Dict = Dict> extends Omit<CartesianChartProps$1<Y>, "barProps" | "components" | "lineProps" | "render" | "series">, UseAreaChartProps<Y>, ThemeProps<AreaChartStyle> {
+  /***
+   * If provided, generate areas based on series.
+   */
+  series?: ChartAreaProps<Y>[];
+  /**
+   * Props for the area chart component.
+   */
+  chartProps?: Omit<CartesianChartProps, "data">;
+}
+declare const AreaChartPropsContext: react1049.Context<Partial<AreaChartProps<Dict<any>>> | undefined>, useAreaChartPropsContext: () => Partial<AreaChartProps<Dict<any>>> | undefined;
+/**
+ * `AreaChart` is a component for drawing area charts to compare multiple sets of data.
+ *
+ * @see https://yamada-ui.com/docs/components/area-chart
+ */
+declare const AreaChart: GenericsComponent<{
+  <Y extends Dict>(props: AreaChartProps<Y>): ReactElement;
+}>;
+//#endregion
+export { AreaChart, AreaChartProps, AreaChartPropsContext, useAreaChartPropsContext };
+//# sourceMappingURL=area-chart.d.ts.map

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

@@ -0,0 +1,11 @@
+import { ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartTickLine, ChartTooltip, ChartTooltipProps, gradients, mergeSeries } from "./chart.js";
+import { ChartArea, ChartAreaProps, ChartGrid, ChartGridProps, ChartReferenceLine, ChartReferenceLineProps, ChartXAxis, ChartXAxisProps, ChartXAxisTick, ChartYAxis, ChartYAxisProps, ChartYAxisTick } from "./cartesian-chart.js";
+import { AreaChart, AreaChartProps, AreaChartPropsContext, useAreaChartPropsContext } from "./area-chart.js";
+
+//#region src/components/chart/area-chart.namespace.d.ts
+declare namespace area_chart_namespace_d_exports {
+  export { ChartActiveDot as ActiveDot, ChartArea as Area, ChartLabel as AreaLabel, ChartLabelList as AreaLabelList, ChartAreaProps as AreaProps, 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, AreaChartPropsContext as PropsContext, ChartReferenceLine as ReferenceLine, ChartReferenceLineProps as ReferenceLineProps, AreaChart as Root, AreaChartProps 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, gradients, mergeSeries, useAreaChartPropsContext as usePropsContext };
+}
+//#endregion
+export { area_chart_namespace_d_exports };
+//# sourceMappingURL=area-chart.namespace.d.ts.map

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

package/dist/types/components/chart/bar-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 { BarChartStyle } from "./bar-chart.style.js";
+import { CartesianChartProps as CartesianChartProps$1, ChartBarProps } from "./cartesian-chart.js";
+import { UseBarChartProps } from "./use-bar-chart.js";
+import * as react1048 from "react";
+import { ReactElement } from "react";
+import { CartesianChartProps } from "recharts/types/util/types";
+
+//#region src/components/chart/bar-chart.d.ts
+interface BarChartProps<Y extends Dict = Dict> extends Omit<CartesianChartProps$1<Y>, "areaFillOpacity" | "areaProps" | "components" | "lineProps" | "render" | "series">, UseBarChartProps<Y>, ThemeProps<BarChartStyle> {
+  /***
+   * If provided, generate bars based on series.
+   */
+  series?: ChartBarProps<Y>[];
+  /**
+   * Props for the bar chart component.
+   */
+  chartProps?: Omit<CartesianChartProps, "data">;
+}
+declare const BarChartPropsContext: react1048.Context<Partial<BarChartProps<Dict<any>>> | undefined>, useBarChartPropsContext: () => Partial<BarChartProps<Dict<any>>> | undefined;
+/**
+ * `BarChart` is a component for drawing bar charts to compare multiple sets of data.
+ *
+ * @see https://yamada-ui.com/docs/components/bar-chart
+ */
+declare const BarChart: GenericsComponent<{
+  <Y extends Dict>(props: BarChartProps<Y>): ReactElement;
+}>;
+//#endregion
+export { BarChart, BarChartProps, BarChartPropsContext, useBarChartPropsContext };
+//# sourceMappingURL=bar-chart.d.ts.map

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

@@ -0,0 +1,11 @@
+import { ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartTickLine, ChartTooltip, ChartTooltipProps, mergeSeries } from "./chart.js";
+import { ChartBar, ChartBarProps, ChartGrid, ChartGridProps, ChartReferenceLine, ChartReferenceLineProps, ChartXAxis, ChartXAxisProps, ChartXAxisTick, ChartYAxis, ChartYAxisProps, ChartYAxisTick } from "./cartesian-chart.js";
+import { BarChart, BarChartProps, BarChartPropsContext, useBarChartPropsContext } from "./bar-chart.js";
+
+//#region src/components/chart/bar-chart.namespace.d.ts
+declare namespace bar_chart_namespace_d_exports {
+  export { ChartBar as Bar, ChartLabel as BarLabel, ChartLabelList as BarLabelList, ChartBarProps as BarProps, ChartGrid as Grid, ChartGridProps as GridProps, ChartLabel as Label, ChartLabelList as LabelList, ChartLabelListProps as LabelListProps, ChartLabelProps as LabelProps, ChartLegend as Legend, ChartLegendProps as LegendProps, BarChartPropsContext as PropsContext, ChartReferenceLine as ReferenceLine, ChartReferenceLineProps as ReferenceLineProps, BarChart as Root, BarChartProps 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, useBarChartPropsContext as usePropsContext };
+}
+//#endregion
+export { bar_chart_namespace_d_exports };
+//# sourceMappingURL=bar-chart.namespace.d.ts.map

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