@yamada-ui/react 2.1.4-dev-20260317160238 → 2.1.4-dev-20260323012739

package/dist/cjs/components/accordion/namespace.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"namespace.cjs","names":[],"sources":["../../../../src/components/accordion/namespace.ts"],"sourcesContent":["export {\n  AccordionButton as Button,\n  AccordionItem as Item,\n  AccordionPanel as Panel,\n  AccordionPropsContext as PropsContext,\n  AccordionRoot as Root,\n  useAccordionPropsContext as usePropsContext,\n} from \"./accordion\"\nexport type {\n  AccordionButtonProps as ButtonProps,\n  AccordionItemProps as ItemProps,\n  AccordionPanelProps as PanelProps,\n  AccordionRootProps as RootProps,\n} from \"./accordion\"\nexport {\n  AccordionContext as Context,\n  AccordionDescendantsContext as DescendantsContext,\n  AccordionItemContext as ItemContext,\n  useAccordionContext as useContext,\n  useAccordionDescendant as useDescendant,\n  useAccordionDescendants as useDescendants,\n  useAccordionItemContext as useItemContext,\n} from \"./use-accordion\"\n"],"mappings":""}
+{"version":3,"file":"namespace.cjs","names":[],"sources":["../../../../src/components/accordion/namespace.ts"],"sourcesContent":["export {\n  AccordionButton as Button,\n  AccordionItem as Item,\n  AccordionPanel as Panel,\n  AccordionPropsContext as PropsContext,\n  AccordionRoot as Root,\n  useAccordionPropsContext as usePropsContext,\n} from \"./accordion\"\nexport type {\n  AccordionButtonProps as ButtonProps,\n  AccordionItemProps as ItemProps,\n  AccordionItem as ItemType,\n  AccordionPanelProps as PanelProps,\n  AccordionRootProps as RootProps,\n} from \"./accordion\"\nexport {\n  AccordionContext as Context,\n  AccordionDescendantsContext as DescendantsContext,\n  AccordionItemContext as ItemContext,\n  useAccordionContext as useContext,\n  useAccordionDescendant as useDescendant,\n  useAccordionDescendants as useDescendants,\n  useAccordionItemContext as useItemContext,\n} from \"./use-accordion\"\n"],"mappings":""}

package/dist/esm/components/accordion/namespace.js.map

@@ -1 +1 @@
-{"version":3,"file":"namespace.js","names":[],"sources":["../../../../src/components/accordion/namespace.ts"],"sourcesContent":["export {\n  AccordionButton as Button,\n  AccordionItem as Item,\n  AccordionPanel as Panel,\n  AccordionPropsContext as PropsContext,\n  AccordionRoot as Root,\n  useAccordionPropsContext as usePropsContext,\n} from \"./accordion\"\nexport type {\n  AccordionButtonProps as ButtonProps,\n  AccordionItemProps as ItemProps,\n  AccordionPanelProps as PanelProps,\n  AccordionRootProps as RootProps,\n} from \"./accordion\"\nexport {\n  AccordionContext as Context,\n  AccordionDescendantsContext as DescendantsContext,\n  AccordionItemContext as ItemContext,\n  useAccordionContext as useContext,\n  useAccordionDescendant as useDescendant,\n  useAccordionDescendants as useDescendants,\n  useAccordionItemContext as useItemContext,\n} from \"./use-accordion\"\n"],"mappings":""}
+{"version":3,"file":"namespace.js","names":[],"sources":["../../../../src/components/accordion/namespace.ts"],"sourcesContent":["export {\n  AccordionButton as Button,\n  AccordionItem as Item,\n  AccordionPanel as Panel,\n  AccordionPropsContext as PropsContext,\n  AccordionRoot as Root,\n  useAccordionPropsContext as usePropsContext,\n} from \"./accordion\"\nexport type {\n  AccordionButtonProps as ButtonProps,\n  AccordionItemProps as ItemProps,\n  AccordionItem as ItemType,\n  AccordionPanelProps as PanelProps,\n  AccordionRootProps as RootProps,\n} from \"./accordion\"\nexport {\n  AccordionContext as Context,\n  AccordionDescendantsContext as DescendantsContext,\n  AccordionItemContext as ItemContext,\n  useAccordionContext as useContext,\n  useAccordionDescendant as useDescendant,\n  useAccordionDescendants as useDescendants,\n  useAccordionItemContext as useItemContext,\n} from \"./use-accordion\"\n"],"mappings":""}

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

@@ -7,7 +7,7 @@ import { CollapseProps } from "../collapse/collapse.js";
 import "../../index.js";
 import { AccordionStyle } from "./accordion.style.js";
 import { UseAccordionItemProps, UseAccordionProps } from "./use-accordion.js";
-import * as react80 from "react";
+import * as react248 from "react";
 
 //#region src/components/accordion/accordion.d.ts
 interface AccordionCallBackProps {
@@ -31,7 +31,7 @@ interface AccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemePro
    */
   items?: AccordionItem[];
 }
-declare const AccordionPropsContext: react80.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
+declare const AccordionPropsContext: react248.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
 /**
  * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.
  *

package/dist/types/components/accordion/namespace.d.ts

@@ -3,7 +3,7 @@ import { AccordionButton, AccordionButtonProps, AccordionItem, AccordionItemProp
 
 //#region src/components/accordion/namespace.d.ts
 declare namespace namespace_d_exports {
-  export { AccordionButton as Button, AccordionButtonProps as ButtonProps, AccordionContext as Context, AccordionDescendantsContext as DescendantsContext, AccordionItem as Item, AccordionItemContext as ItemContext, AccordionItemProps as ItemProps, AccordionPanel as Panel, AccordionPanelProps as PanelProps, AccordionPropsContext as PropsContext, AccordionRoot as Root, AccordionRootProps as RootProps, useAccordionContext as useContext, useAccordionDescendant as useDescendant, useAccordionDescendants as useDescendants, useAccordionItemContext as useItemContext, useAccordionPropsContext as usePropsContext };
+  export { AccordionButton as Button, AccordionButtonProps as ButtonProps, AccordionContext as Context, AccordionDescendantsContext as DescendantsContext, AccordionItem as Item, AccordionItemContext as ItemContext, AccordionItemProps as ItemProps, AccordionItem as ItemType, AccordionPanel as Panel, AccordionPanelProps as PanelProps, AccordionPropsContext as PropsContext, AccordionRoot as Root, AccordionRootProps as RootProps, useAccordionContext as useContext, useAccordionDescendant as useDescendant, useAccordionDescendants as useDescendants, useAccordionItemContext as useItemContext, useAccordionPropsContext as usePropsContext };
 }
 //#endregion
 export { namespace_d_exports };

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

@@ -2,10 +2,10 @@ import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { Descendant } from "../../hooks/use-descendants/index.js";
 import "../../index.js";
-import * as react68 from "react";
+import * as react236 from "react";
 
 //#region src/components/accordion/use-accordion.d.ts
-declare const AccordionDescendantsContext: react68.Context<{
+declare const AccordionDescendantsContext: react236.Context<{
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -24,7 +24,7 @@ declare const AccordionDescendantsContext: react68.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react68.RefCallback<HTMLButtonElement>;
+    } | undefined) => react236.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
@@ -50,12 +50,12 @@ declare const AccordionDescendantsContext: react68.Context<{
       prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-      } | undefined) => react68.RefCallback<HTMLButtonElement>;
+      } | undefined) => react236.RefCallback<HTMLButtonElement>;
       unregister: (node?: HTMLButtonElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
       values: () => Descendant<HTMLButtonElement, {}>[];
     };
-    register: react68.RefCallback<HTMLButtonElement>;
+    register: react236.RefCallback<HTMLButtonElement>;
   }, useAccordionDescendants: () => {
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -75,15 +75,15 @@ declare const AccordionDescendantsContext: react68.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react68.RefCallback<HTMLButtonElement>;
+    } | undefined) => react236.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
   };
 interface AccordionContext extends Omit<UseAccordionReturn, "descendants" | "getRootProps"> {}
-declare const AccordionContext: react68.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
+declare const AccordionContext: react236.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
 interface AccordionItemContext extends Omit<UseAccordionItemReturn, "getItemProps"> {}
-declare const AccordionItemContext: react68.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
+declare const AccordionItemContext: react236.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
 interface UseAccordionProps extends Omit<HTMLProps, "onChange"> {
   /**
    * The initial index(es) of the accordion item to expand.
@@ -137,7 +137,7 @@ declare const useAccordion: ({
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react68.RefCallback<HTMLButtonElement>;
+    } | undefined) => react236.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
@@ -145,8 +145,8 @@ declare const useAccordion: ({
   focusedIndex: number;
   index: number | number[];
   multiple: boolean | undefined;
-  setFocusedIndex: react68.Dispatch<react68.SetStateAction<number>>;
-  setIndex: react68.Dispatch<react68.SetStateAction<number | number[]>>;
+  setFocusedIndex: react236.Dispatch<react236.SetStateAction<number>>;
+  setIndex: react236.Dispatch<react236.SetStateAction<number | number[]>>;
   toggle: boolean | undefined;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

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

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import { AiryStyle } from "./airy.style.js";
 import { HTMLMotionProps } from "../motion/index.types.js";
 import "../../index.js";
-import * as react132 from "react";
+import * as react232 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/airy/airy.d.ts
@@ -56,7 +56,7 @@ interface AiryProps extends Omit<HTMLMotionProps<"button">, "onChange">, ThemePr
    */
   onChange?: (value: KeyframeIdent) => void;
 }
-declare const AiryPropsContext: react132.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
+declare const AiryPropsContext: react232.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
 /**
  * `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.
  *

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

@@ -6,7 +6,7 @@ import { IconProps } from "../icon/icon.js";
 import { LoadingProps } from "../loading/loading.js";
 import { StatusScheme } from "../status/status.js";
 import "../../index.js";
-import * as react56 from "react";
+import * as react233 from "react";
 
 //#region src/components/alert/alert.d.ts
 interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
@@ -17,7 +17,7 @@ interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
    */
   status?: StatusScheme;
 }
-declare const AlertPropsContext: react56.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
+declare const AlertPropsContext: react233.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
 /**
  * `Alert` is a component that conveys information to the user.
  *

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

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import { AlphaSliderStyle } from "./alpha-slider.style.js";
 import { HueSliderOverlayProps, HueSliderRootProps, HueSliderThumbProps, HueSliderTrackProps } from "../hue-slider/hue-slider.js";
 import "../../index.js";
-import * as react55 from "react";
+import * as react231 from "react";
 
 //#region src/components/alpha-slider/alpha-slider.d.ts
 interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps, "color" | "max" | "step" | "thumbProps" | "trackProps">, AlphaSliderStyle> {
@@ -37,7 +37,7 @@ interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps
    */
   trackProps?: AlphaSliderTrackProps;
 }
-declare const AlphaSliderPropsContext: react55.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
+declare const AlphaSliderPropsContext: react231.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
 /**
  * `AlphaSlider` is a component used to allow the user to select color transparency.
  *

package/dist/types/components/aspect-ratio/aspect-ratio.d.ts

@@ -2,7 +2,7 @@ import { 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 react54 from "react";
+import * as react230 from "react";
 
 //#region src/components/aspect-ratio/aspect-ratio.d.ts
 interface AspectRatioProps extends HTMLStyledProps {
@@ -13,7 +13,7 @@ interface AspectRatioProps extends HTMLStyledProps {
    */
   ratio?: StyleValue<number>;
 }
-declare const AspectRatioPropsContext: react54.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
+declare const AspectRatioPropsContext: react230.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
 /**
  * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.
  *

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

@@ -9,7 +9,7 @@ import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
 import { UseAutocompleteOptionProps, UseAutocompleteProps } from "./use-autocomplete.js";
 import "../../index.js";
-import * as react47 from "react";
+import * as react229 from "react";
 import { ReactElement, ReactNode } from "react";
 
 //#region src/components/autocomplete/autocomplete.d.ts
@@ -65,7 +65,7 @@ interface AutocompleteRootProps<Multiple extends boolean = false> extends Omit<H
    */
   rootProps?: InputGroupRootProps;
 }
-declare const AutocompletePropsContext: react47.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
+declare const AutocompletePropsContext: react229.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
 /**
  * `Autocomplete` is a component used to display suggestions in response to user text input.
  *

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

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/autocomplete/autocomplete.style.d.ts
-declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "indicator" | "root" | "field" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "indicator" | "root" | "field" | "empty" | "valueText">>, {
+declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "field" | "indicator" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "field" | "indicator" | "empty" | "valueText">>, {
   xs: {
     empty: {
       gap: "1.5";

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

@@ -5,7 +5,7 @@ import { Descendant, DescendantProps } from "../../hooks/use-descendants/index.j
 import { UsePopoverProps } from "../popover/use-popover.js";
 import { ComboboxDescendant, ComboboxDescendantProps, ComboboxItem, ComboboxItemWithValue, UseComboboxItemProps, UseComboboxProps } from "../../hooks/use-combobox/index.js";
 import "../../index.js";
-import * as react48 from "react";
+import * as react223 from "react";
 import { ChangeEvent, ReactNode } from "react";
 
 //#region src/components/autocomplete/use-autocomplete.d.ts
@@ -27,7 +27,7 @@ interface AutocompleteMatcher {
   (input: string, target?: string): boolean;
 }
 interface AutocompleteContext extends Pick<UseAutocompleteReturn, "max" | "value"> {}
-declare const AutocompleteContext: react48.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
+declare const AutocompleteContext: react223.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
 interface UseAutocompleteProps<Multiple extends boolean = false> extends Omit<HTMLProps, "defaultValue" | "onChange" | "ref" | "value">, Omit<UseComboboxProps, "defaultValue" | "initialFocusValue" | "onChange" | "ref" | "value">, HTMLRefAttributes<"input">, FieldProps {
   /**
    * If `true`, the autocomplete will allow custom value.
@@ -155,7 +155,7 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
     lastValue: () => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react48.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react223.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     values: () => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
@@ -165,8 +165,8 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
   items: ComboboxItem[];
   max: number | undefined;
   open: boolean;
-  setInputValue: react48.Dispatch<react48.SetStateAction<string>>;
-  setValue: react48.Dispatch<react48.SetStateAction<Multiple extends true ? string[] : string>>;
+  setInputValue: react223.Dispatch<react223.SetStateAction<string>>;
+  setValue: react223.Dispatch<react223.SetStateAction<Multiple extends true ? string[] : string>>;
   value: Multiple extends true ? string[] : string;
   valueMap: {
     [key: string]: ComboboxItemWithValue;

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

@@ -6,9 +6,9 @@ import "../../core/index.js";
 import { AvatarStyle } from "./avatar.style.js";
 import { UseAvatarProps } from "./use-avatar.js";
 import "../../index.js";
-import * as react286 from "react";
+import * as react220 from "react";
 import { ReactElement } from "react";
-import * as _yamada_ui_utils17 from "@yamada-ui/utils";
+import * as _yamada_ui_utils3 from "@yamada-ui/utils";
 
 //#region src/components/avatar/avatar.d.ts
 interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarProps {
@@ -25,7 +25,7 @@ interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvata
    */
   imageProps?: AvatarImageProps;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils17.Dict = _yamada_ui_utils17.Dict<any>>(el: H | react286.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3.Dict = _yamada_ui_utils3.Dict<any>>(el: H | react220.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {
@@ -148,7 +148,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" ? react286.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react286.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils17.Dict = _yamada_ui_utils17.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react220.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react220.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | 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<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {
@@ -271,7 +271,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils17.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils3.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {

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

@@ -1,6 +1,6 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react284 from "react";
+import * as react218 from "react";
 
 //#region src/components/avatar/use-avatar-group.d.ts
 interface UseAvatarGroupProps extends HTMLProps {
@@ -19,7 +19,7 @@ declare const useAvatarGroup: ({
   reverse,
   ...rest
 }?: UseAvatarGroupProps) => {
-  children: react284.ReactElement<any, string | react284.JSXElementConstructor<any>>[];
+  children: react218.ReactElement<any, string | react218.JSXElementConstructor<any>>[];
   excess: number;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

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

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { BadgeStyle } from "./badge.style.js";
 import "../../index.js";
-import * as react46 from "react";
+import * as react217 from "react";
 
 //#region src/components/badge/badge.d.ts
 interface BadgeProps extends HTMLStyledProps<"span">, ThemeProps<BadgeStyle> {}
-declare const BadgePropsContext: react46.Context<Partial<BadgeProps> | undefined>, useBadgePropsContext: () => Partial<BadgeProps> | undefined;
+declare const BadgePropsContext: react217.Context<Partial<BadgeProps> | undefined>, useBadgePropsContext: () => Partial<BadgeProps> | undefined;
 /**
  * `Badge` is a component that emphasizes the status of an item to make it immediately recognizable.
  *

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

@@ -2,7 +2,7 @@ import { CSSProps } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import "../../index.js";
-import * as react45 from "react";
+import * as react26 from "react";
 
 //#region src/components/bleed/bleed.d.ts
 interface BleedProps extends HTMLStyledProps {
@@ -31,7 +31,7 @@ interface BleedProps extends HTMLStyledProps {
    */
   inlineStart?: "full" | CSSProps["marginInlineStart"];
 }
-declare const BleedPropsContext: react45.Context<Partial<BleedProps> | undefined>, useBleedPropsContext: () => Partial<BleedProps> | undefined;
+declare const BleedPropsContext: react26.Context<Partial<BleedProps> | undefined>, useBleedPropsContext: () => Partial<BleedProps> | undefined;
 /**
  * `Bleed` is a component used to break an element from the boundaries of its container.
  *

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

@@ -3,7 +3,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { BlockquoteStyle } from "./blockquote.style.js";
 import "../../index.js";
-import * as react44 from "react";
+import * as react216 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/blockquote/blockquote.d.ts
@@ -29,7 +29,7 @@ interface BlockquoteRootProps extends Omit<HTMLStyledProps<"figure">, "cite">, T
    */
   contentProps?: HTMLStyledProps<"blockquote">;
 }
-declare const BlockquotePropsContext: react44.Context<Partial<BlockquoteRootProps> | undefined>, useBlockquotePropsContext: () => Partial<BlockquoteRootProps> | undefined;
+declare const BlockquotePropsContext: react216.Context<Partial<BlockquoteRootProps> | undefined>, useBlockquotePropsContext: () => Partial<BlockquoteRootProps> | undefined;
 /**
  * `Blockquote` is a component that represents a blockquote. By default, it renders a `blockquote` element.
  *

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 react303 from "react";
+import * as react200 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: react303.Context<Partial<BreadcrumbRootProps> | undefined>, useBreadcrumbPropsContext: () => Partial<BreadcrumbRootProps> | undefined;
+declare const BreadcrumbPropsContext: react200.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/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 react300 from "react";
+import * as react197 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 | react300.ReactPortal | ReactElement<unknown, string | react300.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ReactElement<any, string | react300.JSXElementConstructor<any>> | null | undefined)[];
+  children: (string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react197.ReactPortal | ReactElement<unknown, string | react197.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ReactElement<any, string | react197.JSXElementConstructor<any>> | null | undefined)[];
   getEllipsisProps: PropGetter<"svg", undefined, undefined>;
   getLinkProps: PropGetter<"a", {
     currentPage?: boolean;

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

@@ -3,7 +3,7 @@ import { Component, HTMLProps, HTMLStyledProps } from "../../core/components/ind
 import "../../core/index.js";
 import { ButtonStyle } from "./button.style.js";
 import "../../index.js";
-import * as react298 from "react";
+import * as react1044 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/button/button.d.ts
@@ -71,7 +71,7 @@ interface ButtonProps extends HTMLStyledProps<"button">, ThemeProps<ButtonStyle>
    */
   loadingProps?: ButtonLoadingProps;
 }
-declare const ButtonPropsContext: react298.Context<Partial<ButtonProps> | undefined>, useButtonPropsContext: () => Partial<ButtonProps> | undefined;
+declare const ButtonPropsContext: react1044.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 react299 from "react";
+import * as react1045 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: react299.Context<Partial<IconButtonProps> | undefined>, useIconButtonPropsContext: () => Partial<IconButtonProps> | undefined;
+declare const IconButtonPropsContext: react1045.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

@@ -6,7 +6,7 @@ import { CalendarStyle } from "./calendar.style.js";
 import { UseCalendarDayProps, UseCalendarProps } from "./use-calendar.js";
 import { SelectRootProps } from "../select/select.js";
 import "../../index.js";
-import * as react297 from "react";
+import * as react189 from "react";
 import { ReactElement } from "react";
 
 //#region src/components/calendar/calendar.d.ts
@@ -68,7 +68,7 @@ interface CalendarRootProps<Multiple extends boolean = false, Range extends bool
    */
   yearSelectProps?: CalendarYearSelectProps;
 }
-declare const CalendarPropsContext: react297.Context<Partial<CalendarRootProps<false, false>> | undefined>, useCalendarPropsContext: () => Partial<CalendarRootProps<false, false>> | undefined;
+declare const CalendarPropsContext: react189.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<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "control" | "month" | "week" | "prev" | "weekday" | "day" | "months" | "years" | "weeks", {
+declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "month" | "week" | "control" | "prev" | "weekday" | "day" | "months" | "years" | "weeks", {
   /**
    * If `true`, the calendar will be fixed rows.
    *
@@ -75,7 +75,7 @@ declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "
       "--font-size": "fontSizes.xl";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "control" | "month" | "week" | "prev" | "weekday" | "day" | "months" | "years" | "weeks">>>;
+}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "month" | "week" | "control" | "prev" | "weekday" | "day" | "months" | "years" | "weeks">>>;
 type CalendarStyle = typeof calendarStyle;
 //#endregion
 export { CalendarStyle, calendarStyle };

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

@@ -3,7 +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 * as react290 from "react";
+import * as react190 from "react";
 
 //#region src/components/calendar/use-calendar.d.ts
 declare const DEFAULT_HOLIDAYS: Date[];
@@ -56,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: react290.Context<{
+declare const CalendarDescendantsContext: react190.Context<{
     active: (target?: HTMLTableCellElement | Descendant<HTMLTableCellElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -75,7 +75,7 @@ declare const CalendarDescendantsContext: react290.Context<{
     prevValue: (indexOrNode: number | HTMLTableCellElement | Descendant<HTMLTableCellElement, {}> | null, loop?: boolean) => Descendant<HTMLTableCellElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLTableCellElement) => boolean) | undefined;
-    } | undefined) => react290.RefCallback<HTMLTableCellElement>;
+    } | undefined) => react190.RefCallback<HTMLTableCellElement>;
     unregister: (node?: HTMLTableCellElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLTableCellElement | null) => Descendant<HTMLTableCellElement, {}> | undefined;
     values: () => Descendant<HTMLTableCellElement, {}>[];
@@ -101,12 +101,12 @@ declare const CalendarDescendantsContext: react290.Context<{
       prevValue: (indexOrNode: number | HTMLTableCellElement | Descendant<HTMLTableCellElement, {}> | null, loop?: boolean) => Descendant<HTMLTableCellElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLTableCellElement) => boolean) | undefined;
-      } | undefined) => react290.RefCallback<HTMLTableCellElement>;
+      } | undefined) => react190.RefCallback<HTMLTableCellElement>;
       unregister: (node?: HTMLTableCellElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLTableCellElement | null) => Descendant<HTMLTableCellElement, {}> | undefined;
       values: () => Descendant<HTMLTableCellElement, {}>[];
     };
-    register: react290.RefCallback<HTMLTableCellElement>;
+    register: react190.RefCallback<HTMLTableCellElement>;
   }, useCalendarDescendants: () => {
     active: (target?: HTMLTableCellElement | Descendant<HTMLTableCellElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -126,13 +126,13 @@ declare const CalendarDescendantsContext: react290.Context<{
     prevValue: (indexOrNode: number | HTMLTableCellElement | Descendant<HTMLTableCellElement, {}> | null, loop?: boolean) => Descendant<HTMLTableCellElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLTableCellElement) => boolean) | undefined;
-    } | undefined) => react290.RefCallback<HTMLTableCellElement>;
+    } | undefined) => react190.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: react290.Context<CalendarContext>, useCalendarContext: () => CalendarContext;
+declare const CalendarContext: react190.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.
@@ -275,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) => react290.RefCallback<HTMLTableCellElement>;
+    } | undefined) => react190.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 react289 from "react";
+import * as react1046 from "react";
 
 //#region src/components/card/card.d.ts
 interface CardRootProps extends HTMLStyledProps<"article">, ThemeProps<CardStyle> {}
-declare const CardPropsContext: react289.Context<Partial<CardRootProps> | undefined>, useCardPropsContext: () => Partial<CardRootProps> | undefined;
+declare const CardPropsContext: react1046.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

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