@yamada-ui/react 2.1.4-dev-20260323180356 → 2.1.4-dev-20260324185108

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 react140 from "react";
+import * as react911 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: react140.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 | react140.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
+declare const LoadingPropsContext: react911.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 | react911.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" ? react140.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react911.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 react145 from "react";
+import * as react49 from "react";
 
 //#region src/components/mark/mark.d.ts
 interface MarkProps extends HTMLStyledProps<"mark">, ThemeProps<MarkStyle> {}
-declare const MarkPropsContext: react145.Context<Partial<MarkProps> | undefined>, useMarkPropsContext: () => Partial<MarkProps> | undefined;
+declare const MarkPropsContext: react49.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 react134 from "react";
+import * as react38 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?: Direction;
 }
-declare const MenuPropsContext: react134.Context<Partial<MenuRootProps> | undefined>, useMenuPropsContext: () => Partial<MenuRootProps> | undefined;
+declare const MenuPropsContext: react38.Context<Partial<MenuRootProps> | undefined>, useMenuPropsContext: () => Partial<MenuRootProps> | undefined;
 /**
  * `Menu` is a component that displays a common dropdown menu.
  *

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

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 
 //#region src/components/menu/menu.style.d.ts
-declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "group" | "separator" | "indicator" | "item" | "command", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "group" | "separator" | "indicator" | "item" | "command">>, {
+declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "group" | "separator" | "item" | "command" | "indicator", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "group" | "separator" | "item" | "command" | "indicator">>, {
   sm: {
     command: {
       fontSize: "2xs";
@@ -88,7 +88,7 @@ declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "con
       px: "2";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "group" | "separator" | "indicator" | "item" | "command">>>;
+}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "group" | "separator" | "item" | "command" | "indicator">>>;
 type MenuStyle = typeof menuStyle;
 //#endregion
 export { MenuStyle, menuStyle };

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

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

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 react123 from "react";
+import * as react908 from "react";
 import { FC, PropsWithChildren, ReactNode } from "react";
 
 //#region src/components/modal/modal.d.ts
@@ -56,11 +56,11 @@ interface ModalRootProps extends ThemeProps<ModalStyle>, Omit<UseModalProps, "ti
    */
   onCloseComplete?: () => void;
 }
-declare const ModalPropsContext: react123.Context<Partial<ModalRootProps> | undefined>, useModalPropsContext: () => Partial<ModalRootProps> | undefined;
+declare const ModalPropsContext: react908.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.
  *
- * @see https://yamada-ui.com/docs/components/overlay/modal
+ * @see https://yamada-ui.com/docs/components/modal
  */
 declare const ModalRoot: Component<"div", ModalRootProps>;
 interface ModalOpenTriggerProps extends HTMLStyledProps<"button"> {}

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

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js"
 import "../../index.js";
 
 //#region src/components/native-accordion/native-accordion.style.d.ts
-declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", {
+declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "item" | "root", {
   /**
    * If `true`, animate the accordion items when they are expanded or collapsed.
    *
@@ -30,7 +30,7 @@ declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel" | "ico
       };
     };
   };
-}, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
+}, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, {
   panel: {
     button: {
       rounded: "l2";

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 react34 from "react";
+import * as react909 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: react34.Context<Partial<NativePopoverRootProps> | undefined>, useNativePopoverPropsContext: () => Partial<NativePopoverRootProps> | undefined;
+declare const NativePopoverPropsContext: react909.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.
  *

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

@@ -10,7 +10,7 @@ import "../input/index.js";
 import { NativeSelectStyle } from "./native-select.style.js";
 import { UseNativeSelectProps } from "./use-native-select.js";
 import "../../index.js";
-import * as react121 from "react";
+import * as react950 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/native-select/native-select.d.ts
@@ -32,7 +32,7 @@ interface NativeSelectRootProps extends Omit<HTMLStyledProps<"select">, "size">,
    */
   rootProps?: InputGroupRootProps;
 }
-declare const NativeSelectPropsContext: react121.Context<Partial<NativeSelectRootProps> | undefined>, useNativeSelectPropsContext: () => Partial<NativeSelectRootProps> | undefined;
+declare const NativeSelectPropsContext: react950.Context<Partial<NativeSelectRootProps> | undefined>, useNativeSelectPropsContext: () => Partial<NativeSelectRootProps> | undefined;
 /**
  * `NativeSelect` is a component used for allowing users to select one option from a list. It displays a native dropdown list provided by the browser (user agent).
  *

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

@@ -4,8 +4,8 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { NativeTableStyle } from "./native-table.style.js";
 import "../../index.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
-import * as react120 from "react";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react871 from "react";
 
 //#region src/components/native-table/native-table.d.ts
 interface NativeTableRootProps extends HTMLStyledProps<"table">, ThemeProps<NativeTableStyle> {
@@ -24,7 +24,7 @@ interface NativeTableRootProps extends HTMLStyledProps<"table">, ThemeProps<Nati
    */
   scrollAreaProps?: NativeTableAreaProps;
 }
-declare const NativeTablePropsContext: react120.Context<Partial<NativeTableRootProps> | undefined>, useNativeTablePropsContext: () => Partial<NativeTableRootProps> | undefined;
+declare const NativeTablePropsContext: react871.Context<Partial<NativeTableRootProps> | undefined>, useNativeTablePropsContext: () => Partial<NativeTableRootProps> | undefined;
 /**
  * `NativeTable` is a component for efficiently organizing and displaying data.
  *
@@ -211,7 +211,7 @@ declare const NativeTableRoot: Component<({
       };
     };
   };
-}>, keyof NativeTableRootProps>) => react_jsx_runtime4.JSX.Element, NativeTableRootProps>;
+}>, keyof NativeTableRootProps>) => react_jsx_runtime10.JSX.Element, NativeTableRootProps>;
 interface NativeTableAreaProps extends HTMLStyledProps, ThemeProps<NativeTableStyle> {}
 interface CaptionProps extends HTMLStyledProps<"caption"> {
   /**

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

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 
 //#region src/components/notice/notice.style.d.ts
-declare const noticeStyle: ComponentSlotStyle<"content" | "closeButton" | "root" | "item", CSSPropObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>>;
+declare const noticeStyle: ComponentSlotStyle<"content" | "closeButton" | "item" | "root", CSSPropObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>>;
 type NoticeStyle = typeof noticeStyle;
 //#endregion
 export { NoticeStyle };

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

@@ -9,7 +9,7 @@ import "../input/index.js";
 import { NumberInputStyle } from "./number-input.style.js";
 import { UseNumberInputProps } from "./use-number-input.js";
 import "../../index.js";
-import * as react31 from "react";
+import * as react869 from "react";
 
 //#region src/components/number-input/number-input.d.ts
 interface NumberInputProps extends Omit<WithoutThemeProps<InputProps, NumberInputStyle>, keyof UseNumberInputProps>, ThemeProps<NumberInputStyle>, UseNumberInputProps {
@@ -34,7 +34,7 @@ interface NumberInputProps extends Omit<WithoutThemeProps<InputProps, NumberInpu
    */
   rootProps?: InputGroupRootProps;
 }
-declare const NumberInputPropsContext: react31.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined;
+declare const NumberInputPropsContext: react869.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined;
 /**
  * `NumberInput` is a component used to obtain numeric input from the user.
  *

package/dist/types/components/number-input/number-input.style.d.ts

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/number-input/number-input.style.d.ts
-declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" | "control" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "field" | "control" | "decrement" | "increment">>, {
+declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" | "decrement" | "increment" | "control", CSSPropObject<CSSSlotObject<"button" | "root" | "field" | "decrement" | "increment" | "control">>, {
   xs: {
     control: {
       boxSize: "calc({--height} - {spaces.2})";

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

@@ -8,7 +8,7 @@ import "../button/index.js";
 import { PaginationStyle } from "./pagination.style.js";
 import { Page, UsePaginationProps } from "./use-pagination.js";
 import "../../index.js";
-import * as react33 from "react";
+import * as react1010 from "react";
 import { FC, ReactNode } from "react";
 
 //#region src/components/pagination/pagination.d.ts
@@ -69,7 +69,7 @@ interface PaginationRootProps extends WithoutThemeProps<Omit<ButtonGroupRootProp
    */
   itemProps?: PaginationItemProps;
 }
-declare const PaginationPropsContext: react33.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined;
+declare const PaginationPropsContext: react1010.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined;
 /**
  * `Pagination` is a component for managing the pagination and navigation of content.
  *

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

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/pagination/pagination.style.d.ts
-declare const paginationStyle: ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
+declare const paginationStyle: ComponentSlotStyle<"text" | "item" | "root", CSSPropObject<CSSSlotObject<"text" | "item" | "root">>, {
   xs: {
     item: {
       fontSize: "{font-size}";

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

@@ -1,11 +1,11 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react32 from "react";
+import * as react1009 from "react";
 
 //#region src/components/pagination/use-pagination.d.ts
 type Page = "ellipsis" | number;
 interface PaginationContext extends Omit<UsePaginationReturn, "getRootProps"> {}
-declare const PaginationContext: react32.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
+declare const PaginationContext: react1009.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
 interface UsePaginationProps extends Omit<HTMLProps, "onChange" | "page"> {
   /**
    * The total number of pages in pagination.

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

@@ -8,7 +8,7 @@ import "../input/index.js";
 import { PasswordInputStyle } from "./password-input.style.js";
 import { UsePasswordInputProps } from "./use-password-input.js";
 import "../../index.js";
-import * as react27 from "react";
+import * as react1005 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/password-input/password-input.d.ts
@@ -33,7 +33,7 @@ interface PasswordInputProps extends WithoutThemeProps<InputProps, PasswordInput
    */
   rootProps?: InputGroupRootProps;
 }
-declare const PasswordInputPropsContext: react27.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined;
+declare const PasswordInputPropsContext: react1005.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined;
 /**
  * `PasswordInput` is a component that allows users to input passwords with a visibility toggle.
  *

package/dist/types/components/password-input/strength-meter.d.ts

@@ -2,7 +2,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { UseStrengthMeterProps } from "./use-strength-meter.js";
 import "../../index.js";
-import * as react30 from "react";
+import * as react1006 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/password-input/strength-meter.d.ts
@@ -21,7 +21,7 @@ interface StrengthMeterProps extends HTMLStyledProps, UseStrengthMeterProps {
    */
   getIndicatorProps?: (percent: number) => IndicatorProps;
 }
-declare const StrengthMeterPropsContext: react30.Context<Partial<StrengthMeterProps> | undefined>, useStrengthMeterPropsContext: () => Partial<StrengthMeterProps> | undefined;
+declare const StrengthMeterPropsContext: react1006.Context<Partial<StrengthMeterProps> | undefined>, useStrengthMeterPropsContext: () => Partial<StrengthMeterProps> | undefined;
 declare const StrengthMeter: Component<"div", StrengthMeterProps>;
 //#endregion
 export { StrengthMeter, StrengthMeterProps, StrengthMeterPropsContext, useStrengthMeterPropsContext };

package/dist/types/components/password-input/strength-meter.style.d.ts

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 
 //#region src/components/password-input/strength-meter.style.d.ts
-declare const strengthMeterStyle: ComponentSlotStyle<"label" | "indicator" | "indicators" | "root", CSSPropObject<CSSSlotObject<"label" | "indicator" | "indicators" | "root">>, CSSModifierObject<CSSSlotObject<"label" | "indicator" | "indicators" | "root">>, CSSModifierObject<CSSSlotObject<"label" | "indicator" | "indicators" | "root">>>;
+declare const strengthMeterStyle: ComponentSlotStyle<"label" | "root" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>>;
 type StrengthMeterStyle = typeof strengthMeterStyle;
 //#endregion
 export { StrengthMeterStyle, strengthMeterStyle };

package/dist/types/components/password-input/use-password-input.d.ts

@@ -2,7 +2,7 @@ import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
 import "../field/index.js";
-import * as react28 from "react";
+import * as react1007 from "react";
 
 //#region src/components/password-input/use-password-input.d.ts
 interface UsePasswordInputProps extends HTMLProps<"input">, FieldProps {
@@ -24,7 +24,7 @@ interface UsePasswordInputProps extends HTMLProps<"input">, FieldProps {
   onVisibleChange?: (visible: boolean) => void;
 }
 declare const usePasswordInput: (props?: UsePasswordInputProps) => {
-  setVisible: react28.Dispatch<react28.SetStateAction<boolean>>;
+  setVisible: react1007.Dispatch<react1007.SetStateAction<boolean>>;
   visible: boolean;
   getButtonProps: PropGetter<"button", undefined, undefined>;
   getInputProps: PropGetter<"input", undefined, undefined>;

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

@@ -9,11 +9,11 @@ import "../input/index.js";
 import { PinInputStyle } from "./pin-input.style.js";
 import { UsePinInputProps } from "./use-pin-input.js";
 import "../../index.js";
-import * as react1036 from "react";
+import * as react865 from "react";
 
 //#region src/components/pin-input/pin-input.d.ts
 interface PinInputRootProps extends Omit<WithoutThemeProps<GroupProps, PinInputStyle>, "defaultValue" | "mask" | "onChange">, ThemeProps<PinInputStyle>, UseInputBorderProps, UsePinInputProps {}
-declare const PinInputPropsContext: react1036.Context<Partial<PinInputRootProps> | undefined>, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined;
+declare const PinInputPropsContext: react865.Context<Partial<PinInputRootProps> | undefined>, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined;
 /**
  * `PinInput` is a component used to capture pin codes or OTP (One-Time Password) inputs.
  *