@yamada-ui/react 2.2.1-dev-20260503043723 → 2.2.1-dev-20260504103143

package/dist/types/components/format/format-date-time.d.ts

@@ -6,7 +6,7 @@ import { FormatDateTimeStyle } from "./format-date-time.style.js";
 import { FormatDateTimeOptions } from "./use-format-date-time.js";
 import "../../index.js";
 import * as react_jsx_runtime8 from "react/jsx-runtime";
-import * as react354 from "react";
+import * as react76 from "react";
 
 //#region src/components/format/format-date-time.d.ts
 interface FormatDateTimeProps extends HTMLStyledProps<"span">, ThemeProps<FormatDateTimeStyle>, FormatDateTimeOptions {
@@ -15,7 +15,7 @@ interface FormatDateTimeProps extends HTMLStyledProps<"span">, ThemeProps<Format
    */
   value: Date;
 }
-declare const FormatDateTimePropsContext: react354.Context<Partial<FormatDateTimeProps> | undefined>, useFormatDateTimePropsContext: () => Partial<FormatDateTimeProps> | undefined;
+declare const FormatDateTimePropsContext: react76.Context<Partial<FormatDateTimeProps> | undefined>, useFormatDateTimePropsContext: () => Partial<FormatDateTimeProps> | undefined;
 /**
  * `Format` is used to format dates, numbers, and bytes according to a specific locale.
  *

package/dist/types/components/format/format-number.d.ts

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import { FormatNumberStyle } from "./format-number.style.js";
 import { FormatNumberOptions } from "./use-format-number.js";
 import "../../index.js";
-import * as react355 from "react";
+import * as react77 from "react";
 
 //#region src/components/format/format-number.d.ts
 interface FormatNumberProps extends Omit<HTMLStyledProps<"span">, "style">, ThemeProps<FormatNumberStyle>, FormatNumberOptions {
@@ -13,7 +13,7 @@ interface FormatNumberProps extends Omit<HTMLStyledProps<"span">, "style">, Them
    */
   value: number;
 }
-declare const FormatNumberPropsContext: react355.Context<Partial<FormatNumberProps> | undefined>, useFormatNumberPropsContext: () => Partial<FormatNumberProps> | undefined;
+declare const FormatNumberPropsContext: react77.Context<Partial<FormatNumberProps> | undefined>, useFormatNumberPropsContext: () => Partial<FormatNumberProps> | undefined;
 /**
  * `Format` is used to format dates, numbers, and bytes according to a specific locale.
  *

package/dist/types/components/grid/grid-item.d.ts

@@ -2,7 +2,7 @@ import { CSSProps, StyleValue } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import "../../index.js";
-import * as react228 from "react";
+import * as react80 from "react";
 
 //#region src/components/grid/grid-item.d.ts
 interface GridItemProps extends HTMLStyledProps {
@@ -35,7 +35,7 @@ interface GridItemProps extends HTMLStyledProps {
    */
   rowStart?: CSSProps["gridRowStart"];
 }
-declare const GridItemPropsContext: react228.Context<Partial<GridItemProps> | undefined>, useGridItemPropsContext: () => Partial<GridItemProps> | undefined;
+declare const GridItemPropsContext: react80.Context<Partial<GridItemProps> | undefined>, useGridItemPropsContext: () => Partial<GridItemProps> | undefined;
 declare const GridItem: Component<"div", GridItemProps>;
 //#endregion
 export { GridItem, GridItemProps, GridItemPropsContext, useGridItemPropsContext };

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

@@ -4,7 +4,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { GridStyle } from "./grid.style.js";
 import "../../index.js";
-import * as react227 from "react";
+import * as react82 from "react";
 
 //#region src/components/grid/grid.d.ts
 interface GridProps extends HTMLStyledProps, ThemeProps<GridStyle> {
@@ -45,7 +45,7 @@ interface GridProps extends HTMLStyledProps, ThemeProps<GridStyle> {
    */
   templateRows?: CSSProps["gridTemplateRows"];
 }
-declare const GridPropsContext: react227.Context<Partial<GridProps> | undefined>, useGridPropsContext: () => Partial<GridProps> | undefined;
+declare const GridPropsContext: react82.Context<Partial<GridProps> | undefined>, useGridPropsContext: () => Partial<GridProps> | undefined;
 /**
  * `Grid` is a component for managing grid layouts. It also comes with handy style shorthand.
  *

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

@@ -5,11 +5,11 @@ import { GroupStyle } from "./group.style.js";
 import { FlexProps } from "../flex/flex.js";
 import "../flex/index.js";
 import "../../index.js";
-import * as react404 from "react";
+import * as react73 from "react";
 
 //#region src/components/group/group.d.ts
 interface GroupProps extends Omit<FlexProps, "grow">, ThemeProps<GroupStyle> {}
-declare const GroupPropsContext: react404.Context<Partial<GroupProps> | undefined>, useGroupPropsContext: () => Partial<GroupProps> | undefined;
+declare const GroupPropsContext: react73.Context<Partial<GroupProps> | undefined>, useGroupPropsContext: () => Partial<GroupProps> | undefined;
 /**
  * `Group` is a component that groups and attaches multiple elements together.
  *

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

@@ -1,9 +1,9 @@
-import * as react402 from "react";
+import * as react71 from "react";
 import { CSSProperties, DataAttributes, ReactNode } from "react";
 import * as csstype0 from "csstype";
 
 //#region src/components/group/use-group.d.ts
-declare const useGroup: (children?: ReactNode) => react402.ReactElement<any, string | react402.JSXElementConstructor<any>>[];
+declare const useGroup: (children?: ReactNode) => react71.ReactElement<any, string | react71.JSXElementConstructor<any>>[];
 type UseGroupReturn = ReturnType<typeof useGroup>;
 interface Props extends DataAttributes {
   style?: CSSProperties;

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

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { HeadingStyle } from "./heading.style.js";
 import "../../index.js";
-import * as react351 from "react";
+import * as react70 from "react";
 
 //#region src/components/heading/heading.d.ts
 interface HeadingProps extends HTMLStyledProps<"h1">, ThemeProps<HeadingStyle> {}
-declare const HeadingPropsContext: react351.Context<Partial<HeadingProps> | undefined>, useHeadingPropsContext: () => Partial<HeadingProps> | undefined;
+declare const HeadingPropsContext: react70.Context<Partial<HeadingProps> | undefined>, useHeadingPropsContext: () => Partial<HeadingProps> | undefined;
 /**
  * `Heading` is a component that represents section headings. By default, it renders an `h1` element.
  *

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

@@ -5,7 +5,7 @@ import { HueSliderStyle } from "./hue-slider.style.js";
 import { SliderRootProps, SliderThumbProps, SliderTrackProps } from "../slider/slider.js";
 import "../slider/index.js";
 import "../../index.js";
-import * as react349 from "react";
+import * as react67 from "react";
 
 //#region src/components/hue-slider/hue-slider.d.ts
 interface HueSliderRootProps extends WithoutThemeProps<Omit<SliderRootProps, "betweenThumbs" | "marks" | "marksProps" | "max" | "rangeFill" | "rangeProps" | "thumbFill" | "thumbProps" | "trackFill" | "trackProps">, HueSliderStyle>, ThemeProps<HueSliderStyle> {
@@ -28,7 +28,7 @@ interface HueSliderRootProps extends WithoutThemeProps<Omit<SliderRootProps, "be
    */
   trackProps?: HueSliderTrackProps;
 }
-declare const HueSliderPropsContext: react349.Context<Partial<HueSliderRootProps> | undefined>, useHueSliderPropsContext: () => Partial<HueSliderRootProps> | undefined;
+declare const HueSliderPropsContext: react67.Context<Partial<HueSliderRootProps> | undefined>, useHueSliderPropsContext: () => Partial<HueSliderRootProps> | undefined;
 /**
  * `HueSlider` is a component used to allow the user to select a color hue.
  *
@@ -43,7 +43,7 @@ interface HueSliderOverlayProps extends HTMLStyledProps {
    */
   layers?: HTMLStyledProps[];
 }
-declare const HueSliderOverlay: react349.FunctionComponent<HueSliderOverlayProps>;
+declare const HueSliderOverlay: react67.FunctionComponent<HueSliderOverlayProps>;
 interface HueSliderThumbProps extends SliderThumbProps {}
 declare const HueSliderThumb: Component<"div", HueSliderThumbProps>;
 //#endregion

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

@@ -5,22 +5,22 @@ import { ComponentOptions, ComponentWithContextOptions, InitialProps, SuperProps
 import "../../core/index.js";
 import { IconStyle } from "./icon.style.js";
 import "../../index.js";
-import * as react343 from "react";
-import * as _yamada_ui_utils7 from "@yamada-ui/utils";
+import * as react62 from "react";
+import * as _yamada_ui_utils0 from "@yamada-ui/utils";
 
 //#region src/components/icon/icon.d.ts
 interface IconProps extends HTMLStyledProps<"svg">, ThemeProps<IconStyle> {}
-declare const component: <D extends "fragment" | As = "div", H extends _yamada_ui_utils7.Dict = IconProps>(el: D | react343.FC<H>, {
+declare const component: <D extends "fragment" | As = "div", H extends _yamada_ui_utils0.Dict = IconProps>(el: D | react62.FC<H>, {
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<H>, ...superProps: SuperProps<H>[]) => D extends "fragment" ? react343.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>, IconPropsContext: react343.Context<Partial<IconProps> | undefined>, useIconPropsContext: () => Partial<IconProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends IconProps = IconProps, R extends keyof H = keyof H>(el: D | react343.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
+  }?: ComponentOptions) => (initialProps?: InitialProps<H>, ...superProps: SuperProps<H>[]) => D extends "fragment" ? react62.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>, IconPropsContext: react62.Context<Partial<IconProps> | undefined>, useIconPropsContext: () => Partial<IconProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends IconProps = IconProps, R extends keyof H = keyof H>(el: D | react62.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react343.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react62.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Icon` is a general icon component that can be used in your projects.
  *

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

@@ -4,7 +4,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { ImageStyle } from "./image.style.js";
 import "../../index.js";
-import * as react348 from "react";
+import * as react59 from "react";
 
 //#region src/components/image/image.d.ts
 interface ImageProps extends HTMLStyledProps<"img">, ThemeProps<ImageStyle> {
@@ -13,7 +13,7 @@ interface ImageProps extends HTMLStyledProps<"img">, ThemeProps<ImageStyle> {
    */
   fit?: CSSProps["objectFit"];
 }
-declare const ImagePropsContext: react348.Context<Partial<ImageProps> | undefined>, useImagePropsContext: () => Partial<ImageProps> | undefined;
+declare const ImagePropsContext: react59.Context<Partial<ImageProps> | undefined>, useImagePropsContext: () => Partial<ImageProps> | undefined;
 /**
  * `Image` is a component that displays images with fallback support.
  *

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

@@ -6,8 +6,8 @@ import { FloatProps } from "../float/float.js";
 import "../float/index.js";
 import { IndicatorStyle } from "./indicator.style.js";
 import "../../index.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
-import * as react35 from "react";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react55 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/indicator/indicator.d.ts
@@ -71,7 +71,7 @@ interface IndicatorProps extends Omit<HTMLStyledProps, "offset">, Omit<ThemeProp
    */
   labelProps?: IndicatorLabelProps;
 }
-declare const IndicatorPropsContext: react35.Context<Partial<IndicatorProps> | undefined>, useIndicatorPropsContext: () => Partial<IndicatorProps> | undefined;
+declare const IndicatorPropsContext: react55.Context<Partial<IndicatorProps> | undefined>, useIndicatorPropsContext: () => Partial<IndicatorProps> | undefined;
 /**
  * `Indicator` is a component that displays at the corner of elements such as avatars.
  *
@@ -179,7 +179,7 @@ declare const Indicator: Component<({
       "--ping-color": "colorScheme.outline";
     };
   };
-}>, keyof IndicatorProps>) => react_jsx_runtime4.JSX.Element, IndicatorProps>;
+}>, keyof IndicatorProps>) => react_jsx_runtime5.JSX.Element, IndicatorProps>;
 interface IndicatorFloatProps extends FloatProps {}
 interface IndicatorLabelProps extends HTMLStyledProps<"span"> {}
 //#endregion

package/dist/types/components/infinite-scroll-area/infinite-scroll-area.d.ts

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import { InfiniteScrollAreaStyle } from "./infinite-scroll-area.style.js";
 import { UseInfiniteScrollProps } from "./use-infinite-scroll.js";
 import "../../index.js";
-import * as react342 from "react";
+import * as react53 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/infinite-scroll-area/infinite-scroll-area.d.ts
@@ -22,7 +22,7 @@ interface InfiniteScrollAreaProps extends Omit<HTMLStyledProps, keyof UseInfinit
    */
   triggerProps?: HTMLStyledProps;
 }
-declare const InfiniteScrollAreaPropsContext: react342.Context<Partial<InfiniteScrollAreaProps> | undefined>, useInfiniteScrollAreaPropsContext: () => Partial<InfiniteScrollAreaProps> | undefined;
+declare const InfiniteScrollAreaPropsContext: react53.Context<Partial<InfiniteScrollAreaProps> | undefined>, useInfiniteScrollAreaPropsContext: () => Partial<InfiniteScrollAreaProps> | undefined;
 /**
  * `InfiniteScrollArea` is for providing infinite scroll functionality.
  * This feature provides a smooth scrolling experience by automatically loading and displaying the next dataset when the user reaches the end of the page.

package/dist/types/components/input/input-addon.d.ts

@@ -4,11 +4,11 @@ import "../../core/index.js";
 import { InputAddonStyle } from "./input-addon.style.js";
 import { InputProps } from "./input.js";
 import "../../index.js";
-import * as react341 from "react";
+import * as react56 from "react";
 
 //#region src/components/input/input-addon.d.ts
 interface InputAddonProps extends HTMLStyledProps, ThemeProps<InputAddonStyle>, Pick<InputProps, "errorBorderColor" | "focusBorderColor"> {}
-declare const InputAddonPropsContext: react341.Context<Partial<InputAddonProps> | undefined>, useInputAddonPropsContext: () => Partial<InputAddonProps> | undefined;
+declare const InputAddonPropsContext: react56.Context<Partial<InputAddonProps> | undefined>, useInputAddonPropsContext: () => Partial<InputAddonProps> | undefined;
 declare const InputAddon: Component<"div", InputAddonProps>;
 //#endregion
 export { InputAddon, InputAddonProps, InputAddonPropsContext, useInputAddonPropsContext };

package/dist/types/components/input/input-element.d.ts

@@ -4,11 +4,11 @@ import "../../core/index.js";
 import { InputElementStyle } from "./input-element.style.js";
 import { InputProps } from "./input.js";
 import "../../index.js";
-import * as react340 from "react";
+import * as react58 from "react";
 
 //#region src/components/input/input-element.d.ts
 interface InputElementProps extends HTMLStyledProps, ThemeProps<InputElementStyle>, Pick<InputProps, "errorBorderColor" | "focusBorderColor"> {}
-declare const InputElementPropsContext: react340.Context<Partial<InputElementProps> | undefined>, useInputElementPropsContext: () => Partial<InputElementProps> | undefined;
+declare const InputElementPropsContext: react58.Context<Partial<InputElementProps> | undefined>, useInputElementPropsContext: () => Partial<InputElementProps> | undefined;
 declare const InputElement: Component<"div", InputElementProps>;
 //#endregion
 export { InputElement, InputElementProps, InputElementPropsContext, useInputElementPropsContext };

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

@@ -6,7 +6,7 @@ import "../field/index.js";
 import { InputStyle } from "./input.style.js";
 import { UseInputBorderProps } from "./use-input-border.js";
 import "../../index.js";
-import * as react339 from "react";
+import * as react57 from "react";
 
 //#region src/components/input/input.d.ts
 interface InputProps extends Omit<HTMLStyledProps<"input">, "size">, ThemeProps<InputStyle>, UseInputBorderProps, FieldProps {
@@ -15,7 +15,7 @@ interface InputProps extends Omit<HTMLStyledProps<"input">, "size">, ThemeProps<
    */
   htmlSize?: number;
 }
-declare const InputPropsContext: react339.Context<Partial<InputProps> | undefined>, useInputPropsContext: () => Partial<InputProps> | undefined;
+declare const InputPropsContext: react57.Context<Partial<InputProps> | undefined>, useInputPropsContext: () => Partial<InputProps> | undefined;
 /**
  * `Input` is a component used to obtain text input from the user.
  *

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

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { KbdStyle } from "./kbd.style.js";
 import "../../index.js";
-import * as react333 from "react";
+import * as react50 from "react";
 
 //#region src/components/kbd/kbd.d.ts
 interface KbdProps extends HTMLStyledProps<"kbd">, ThemeProps<KbdStyle> {}
-declare const KbdPropsContext: react333.Context<Partial<KbdProps> | undefined>, useKbdPropsContext: () => Partial<KbdProps> | undefined;
+declare const KbdPropsContext: react50.Context<Partial<KbdProps> | undefined>, useKbdPropsContext: () => Partial<KbdProps> | undefined;
 /**
  * `Kbd` is a component that represents keyboard input.
  *

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

@@ -3,7 +3,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { LinkStyle } from "./link.style.js";
 import "../../index.js";
-import * as react309 from "react";
+import * as react49 from "react";
 
 //#region src/components/link/link.d.ts
 interface LinkProps extends HTMLStyledProps<"a">, ThemeProps<LinkStyle> {
@@ -14,7 +14,7 @@ interface LinkProps extends HTMLStyledProps<"a">, ThemeProps<LinkStyle> {
    */
   external?: boolean;
 }
-declare const LinkPropsContext: react309.Context<Partial<LinkProps> | undefined>, useLinkPropsContext: () => Partial<LinkProps> | undefined;
+declare const LinkPropsContext: react49.Context<Partial<LinkProps> | undefined>, useLinkPropsContext: () => Partial<LinkProps> | undefined;
 /**
  * `Link` is a component for creating hyperlinks to different web pages, locations within the same page, or other URLs.
  *

package/dist/types/components/link-box/link-box.d.ts

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { LinkBoxStyle } from "./link-box.style.js";
 import "../../index.js";
-import * as react306 from "react";
+import * as react60 from "react";
 
 //#region src/components/link-box/link-box.d.ts
 interface LinkBoxRootProps extends HTMLStyledProps, ThemeProps<LinkBoxStyle> {}
-declare const LinkBoxPropsContext: react306.Context<Partial<LinkBoxRootProps> | undefined>, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined;
+declare const LinkBoxPropsContext: react60.Context<Partial<LinkBoxRootProps> | undefined>, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined;
 /**
  * `LinkBox` is a component that allows elements such as articles or cards to function as a single link.
  *

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

@@ -4,7 +4,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { ListStyle } from "./list.style.js";
 import "../../index.js";
-import * as react352 from "react";
+import * as react232 from "react";
 import { ReactElement } from "react";
 
 //#region src/components/list/list.d.ts
@@ -23,7 +23,7 @@ interface ListRootProps extends HTMLStyledProps<"ul">, Omit<ThemeProps<ListStyle
    */
   styleType?: CSSProps["listStyleType"];
 }
-declare const ListPropsContext: react352.Context<Partial<ListRootProps> | undefined>, useListPropsContext: () => Partial<ListRootProps> | undefined;
+declare const ListPropsContext: react232.Context<Partial<ListRootProps> | undefined>, useListPropsContext: () => Partial<ListRootProps> | undefined;
 /**
  * `List` is a component for displaying lists. By default, it renders a `ul` element.
  *

package/dist/types/components/loading/loading-provider.d.ts

@@ -1,6 +1,6 @@
 import { LoadingScheme, ThemeConfig } from "../../core/system/index.types.js";
 import "../../core/index.js";
-import * as react338 from "react";
+import * as react48 from "react";
 import { FC, PropsWithChildren, ReactNode } from "react";
 
 //#region src/components/loading/loading-provider.d.ts
@@ -53,7 +53,7 @@ interface LoadingContext {
    */
   screen: LoadingMethods;
 }
-declare const LoadingContext: react338.Context<LoadingContext>;
+declare const LoadingContext: react48.Context<LoadingContext>;
 interface LoadingProviderProps extends PropsWithChildren<ThemeConfig["loading"]> {}
 declare const LoadingProvider: FC<LoadingProviderProps>;
 interface LoadingSharedProps {

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

@@ -7,7 +7,7 @@ import { IconProps } from "../icon/icon.js";
 import "../icon/index.js";
 import { LoadingStyle } from "./loading.style.js";
 import "../../index.js";
-import * as react335 from "react";
+import * as react45 from "react";
 
 //#region src/components/loading/loading.d.ts
 interface LoadingProps extends WithoutThemeProps<IconProps>, ThemeProps<LoadingStyle> {
@@ -20,13 +20,13 @@ interface LoadingProps extends WithoutThemeProps<IconProps>, ThemeProps<LoadingS
    */
   secondaryColor?: CSSProps["color"];
 }
-declare const LoadingPropsContext: react335.Context<Partial<LoadingProps> | undefined>, useLoadingPropsContext: () => Partial<LoadingProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends LoadingProps = LoadingProps, R extends keyof H = keyof H>(el: D | react335.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
+declare const LoadingPropsContext: react45.Context<Partial<LoadingProps> | undefined>, useLoadingPropsContext: () => Partial<LoadingProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends LoadingProps = LoadingProps, R extends keyof H = keyof H>(el: D | react45.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react335.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react45.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 //#endregion
 export { LoadingProps, LoadingPropsContext, useLoadingPropsContext };
 //# sourceMappingURL=loading.d.ts.map

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

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { MarkStyle } from "./mark.style.js";
 import "../../index.js";
-import * as react332 from "react";
+import * as react44 from "react";
 
 //#region src/components/mark/mark.d.ts
 interface MarkProps extends HTMLStyledProps<"mark">, ThemeProps<MarkStyle> {}
-declare const MarkPropsContext: react332.Context<Partial<MarkProps> | undefined>, useMarkPropsContext: () => Partial<MarkProps> | undefined;
+declare const MarkPropsContext: react44.Context<Partial<MarkProps> | undefined>, useMarkPropsContext: () => Partial<MarkProps> | undefined;
 /**
  * `Mark` is a component that emphasizes a specific part of the text.
  *

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

@@ -6,7 +6,7 @@ import "../popover/index.js";
 import { MenuStyle } from "./menu.style.js";
 import { MenuOptionGroupType, MenuOptionGroupValue, UseMenuGroupProps, UseMenuItemProps, UseMenuOptionGroupProps, UseMenuOptionItemProps, UseMenuProps } from "./use-menu.js";
 import "../../index.js";
-import * as react334 from "react";
+import * as react87 from "react";
 import { FC, ReactElement, ReactNode } from "react";
 
 //#region src/components/menu/menu.d.ts
@@ -42,7 +42,7 @@ interface MenuRootProps extends UseMenuProps, Omit<WithoutThemeProps<PopoverRoot
    */
   placement?: PopoverRootProps["placement"];
 }
-declare const MenuPropsContext: react334.Context<Partial<MenuRootProps> | undefined>, useMenuPropsContext: () => Partial<MenuRootProps> | undefined;
+declare const MenuPropsContext: react87.Context<Partial<MenuRootProps> | undefined>, useMenuPropsContext: () => Partial<MenuRootProps> | undefined;
 /**
  * `Menu` is a component that displays a common dropdown menu.
  *

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

@@ -3,7 +3,7 @@ import "../../core/index.js";
 import { UseDisclosureProps } from "../../hooks/use-disclosure/use-disclosure.js";
 import { Descendant, DescendantProps, Descendants } from "../../hooks/use-descendants/index.js";
 import "../../index.js";
-import * as react322 from "react";
+import * as react88 from "react";
 import { RefObject } from "react";
 
 //#region src/components/menu/use-menu.d.ts
@@ -12,7 +12,7 @@ interface MenuDescendantProps {
   id: string;
 }
 type MenuDescendant = Descendant<HTMLDivElement, MenuDescendantProps>;
-declare const MenuDescendantsContext: react322.Context<{
+declare const MenuDescendantsContext: react88.Context<{
     active: (target?: HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<MenuDescendantProps> | undefined) => number;
     destroy: () => void;
@@ -29,7 +29,7 @@ declare const MenuDescendantsContext: react322.Context<{
     lastValue: (props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null, loop?: boolean, props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null, loop?: boolean, props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react322.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react88.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     values: (props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps>[];
@@ -51,12 +51,12 @@ declare const MenuDescendantsContext: react322.Context<{
       lastValue: (props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
       nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null, loop?: boolean, props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
       prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null, loop?: boolean, props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
-      register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react322.RefCallback<HTMLDivElement>;
+      register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react88.RefCallback<HTMLDivElement>;
       unregister: (node?: HTMLDivElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
       values: (props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps>[];
     };
-    register: react322.RefCallback<HTMLDivElement>;
+    register: react88.RefCallback<HTMLDivElement>;
   }, useMenuDescendants: () => {
     active: (target?: HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<MenuDescendantProps> | undefined) => number;
@@ -74,15 +74,15 @@ declare const MenuDescendantsContext: react322.Context<{
     lastValue: (props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null, loop?: boolean, props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null, loop?: boolean, props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react322.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react88.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     values: (props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps>[];
   };
 interface MenuContext extends Pick<UseMenuReturn, "onActiveDescendant" | "onClose" | "onCloseSubMenu" | "onOpen" | "onSelect" | "subMenu" | "subMenuDirection"> {}
-declare const MenuContext: react322.Context<MenuContext>, useMenuContext: () => MenuContext;
+declare const MenuContext: react88.Context<MenuContext>, useMenuContext: () => MenuContext;
 interface MenuGroupContext extends Pick<UseMenuGroupReturn, "getLabelProps"> {}
-declare const MenuGroupContext: react322.Context<MenuGroupContext>, useMenuGroupContext: () => MenuGroupContext;
+declare const MenuGroupContext: react88.Context<MenuGroupContext>, useMenuGroupContext: () => MenuGroupContext;
 interface MainMenuContext {
   descendants: Descendants<HTMLDivElement, MenuDescendantProps>;
   onActiveDescendant: (descendant?: MenuDescendant) => void;
@@ -90,13 +90,13 @@ interface MainMenuContext {
   onSelect: (value?: string, closeOnSelect?: boolean) => void;
   closeOnSelect?: boolean;
 }
-declare const MainMenuContext: react322.Context<MainMenuContext | undefined>, useMainMenuContext: () => MainMenuContext | undefined;
+declare const MainMenuContext: react88.Context<MainMenuContext | undefined>, useMainMenuContext: () => MainMenuContext | undefined;
 interface MenuOptionGroupContext {
   type: "checkbox" | "radio";
   value: string | string[];
   onChange?: (value: string) => void;
 }
-declare const MenuOptionGroupContext: react322.Context<MenuOptionGroupContext>, useMenuOptionGroupContext: () => MenuOptionGroupContext;
+declare const MenuOptionGroupContext: react88.Context<MenuOptionGroupContext>, useMenuOptionGroupContext: () => MenuOptionGroupContext;
 interface UseMenuProps extends Omit<UseDisclosureProps, "timing"> {
   /**
    * If `true`, the menu item will be closed when selected.
@@ -149,7 +149,7 @@ declare const useMenu: ({
     lastValue: (props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null, loop?: boolean, props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null, loop?: boolean, props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react322.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react88.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     values: (props?: Partial<MenuDescendantProps> | undefined) => Descendant<HTMLDivElement, MenuDescendantProps>[];

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

@@ -14,7 +14,7 @@ import { FocusLockProps } from "../focus-lock/focus-lock.js";
 import { ModalStyle } from "./modal.style.js";
 import { UseModalProps } from "./use-modal.js";
 import "../../index.js";
-import * as react321 from "react";
+import * as react84 from "react";
 import { FC, PropsWithChildren, ReactNode } from "react";
 
 //#region src/components/modal/modal.d.ts
@@ -56,7 +56,7 @@ interface ModalRootProps extends ThemeProps<ModalStyle>, Omit<UseModalProps, "ti
    */
   onCloseComplete?: () => void;
 }
-declare const ModalPropsContext: react321.Context<Partial<ModalRootProps> | undefined>, useModalPropsContext: () => Partial<ModalRootProps> | undefined;
+declare const ModalPropsContext: react84.Context<Partial<ModalRootProps> | undefined>, useModalPropsContext: () => Partial<ModalRootProps> | undefined;
 /**
  * `Modal` is a component that is displayed over the main content to focus the user's attention solely on the information.
  *

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

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import { NativeAccordionStyle } from "./native-accordion.style.js";
 import { UseNativeAccordionItemProps, UseNativeAccordionProps } from "./use-native-accordion.js";
 import "../../index.js";
-import * as react320 from "react";
+import * as react83 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/native-accordion/native-accordion.d.ts
@@ -25,7 +25,7 @@ interface NativeAccordionRootProps extends Omit<HTMLStyledProps, "onChange">, Th
    */
   items?: NativeAccordionItem[];
 }
-declare const NativeAccordionPropsContext: react320.Context<Partial<NativeAccordionRootProps> | undefined>, useNativeAccordionPropsContext: () => Partial<NativeAccordionRootProps> | undefined;
+declare const NativeAccordionPropsContext: react83.Context<Partial<NativeAccordionRootProps> | undefined>, useNativeAccordionPropsContext: () => Partial<NativeAccordionRootProps> | undefined;
 /**
  * `NativeAccordion` is a component for a list that displays information in an expandable or collapsible manner using the native HTML details element.
  *

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

@@ -1,10 +1,10 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react319 from "react";
+import * as react81 from "react";
 
 //#region src/components/native-accordion/use-native-accordion.d.ts
 interface NativeAccordionContext extends Pick<UseNativeAccordionReturn, "name"> {}
-declare const NativeAccordionContext: react319.Context<NativeAccordionContext>, useNativeAccordionContext: () => NativeAccordionContext;
+declare const NativeAccordionContext: react81.Context<NativeAccordionContext>, useNativeAccordionContext: () => NativeAccordionContext;
 interface UseNativeAccordionProps extends HTMLProps {
   /**
    * If `true`, multiple accordion items can be expanded at once.

package/dist/types/components/native-popover/native-popover.d.ts

@@ -4,12 +4,12 @@ import "../../core/index.js";
 import { NativePopoverStyle } from "./native-popover.style.js";
 import { UseNativePopoverProps } from "./use-native-popover.js";
 import "../../index.js";
-import * as react317 from "react";
+import * as react74 from "react";
 import { FC, PropsWithChildren } from "react";
 
 //#region src/components/native-popover/native-popover.d.ts
 interface NativePopoverRootProps extends UseNativePopoverProps, ThemeProps<NativePopoverStyle>, PropsWithChildren {}
-declare const NativePopoverPropsContext: react317.Context<Partial<NativePopoverRootProps> | undefined>, useNativePopoverPropsContext: () => Partial<NativePopoverRootProps> | undefined;
+declare const NativePopoverPropsContext: react74.Context<Partial<NativePopoverRootProps> | undefined>, useNativePopoverPropsContext: () => Partial<NativePopoverRootProps> | undefined;
 /**
  * `NativePopover` is a component that floats around an element to display information using the native HTML Popover API.
  *