@yamada-ui/react 2.0.10-dev-20260301101758 → 2.1.0-dev-20260302125757

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 react849 from "react";
+import * as react809 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: react849.Context<Partial<InfiniteScrollAreaProps> | undefined>, useInfiniteScrollAreaPropsContext: () => Partial<InfiniteScrollAreaProps> | undefined;
+declare const InfiniteScrollAreaPropsContext: react809.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 react846 from "react";
+import * as react805 from "react";
 
 //#region src/components/input/input-addon.d.ts
 interface InputAddonProps extends HTMLStyledProps, ThemeProps<InputAddonStyle>, Pick<InputProps, "errorBorderColor" | "focusBorderColor"> {}
-declare const InputAddonPropsContext: react846.Context<Partial<InputAddonProps> | undefined>, useInputAddonPropsContext: () => Partial<InputAddonProps> | undefined;
+declare const InputAddonPropsContext: react805.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 react847 from "react";
+import * as react804 from "react";
 
 //#region src/components/input/input-element.d.ts
 interface InputElementProps extends HTMLStyledProps, ThemeProps<InputElementStyle>, Pick<InputProps, "errorBorderColor" | "focusBorderColor"> {}
-declare const InputElementPropsContext: react847.Context<Partial<InputElementProps> | undefined>, useInputElementPropsContext: () => Partial<InputElementProps> | undefined;
+declare const InputElementPropsContext: react804.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 react845 from "react";
+import * as react806 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: react845.Context<Partial<InputProps> | undefined>, useInputPropsContext: () => Partial<InputProps> | undefined;
+declare const InputPropsContext: react806.Context<Partial<InputProps> | undefined>, useInputPropsContext: () => Partial<InputProps> | undefined;
 /**
  * `Input` is a component used to obtain text input from the user.
  *

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

@@ -221,6 +221,12 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     border: "1px solid transparent";
     focusRingColor: "{focus-border-color}";
     focusVisibleRing: "inside";
+    _container: {
+      css: {
+        bg: "bg";
+      };
+      style: string;
+    }[];
     _invalid: {
       borderColor: "{error-border-color}";
       focusRingColor: "{error-border-color}";
@@ -247,6 +253,12 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     border: "1px solid {colors.border}";
     focusRingColor: "{focus-border-color}";
     focusVisibleRing: "inside";
+    _container: {
+      css: {
+        bg: "bg";
+      };
+      style: string;
+    }[];
     _invalid: {
       borderColor: "{error-border-color}";
       focusRingColor: "{error-border-color}";

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 react848 from "react";
+import * as react808 from "react";
 
 //#region src/components/kbd/kbd.d.ts
 interface KbdProps extends HTMLStyledProps<"kbd">, ThemeProps<KbdStyle> {}
-declare const KbdPropsContext: react848.Context<Partial<KbdProps> | undefined>, useKbdPropsContext: () => Partial<KbdProps> | undefined;
+declare const KbdPropsContext: react808.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 react844 from "react";
+import * as react807 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: react844.Context<Partial<LinkProps> | undefined>, useLinkPropsContext: () => Partial<LinkProps> | undefined;
+declare const LinkPropsContext: react807.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 react843 from "react";
+import * as react803 from "react";
 
 //#region src/components/link-box/link-box.d.ts
 interface LinkBoxRootProps extends HTMLStyledProps, ThemeProps<LinkBoxStyle> {}
-declare const LinkBoxPropsContext: react843.Context<Partial<LinkBoxRootProps> | undefined>, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined;
+declare const LinkBoxPropsContext: react803.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 react842 from "react";
+import * as react802 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: react842.Context<Partial<ListRootProps> | undefined>, useListPropsContext: () => Partial<ListRootProps> | undefined;
+declare const ListPropsContext: react802.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 react829 from "react";
+import * as react801 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: react829.Context<LoadingContext>;
+declare const LoadingContext: react801.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 react826 from "react";
+import * as react798 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: react826.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 | react826.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
+declare const LoadingPropsContext: react798.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 | react798.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" ? react826.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react798.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 react841 from "react";
+import * as react797 from "react";
 
 //#region src/components/mark/mark.d.ts
 interface MarkProps extends HTMLStyledProps<"mark">, ThemeProps<MarkStyle> {}
-declare const MarkPropsContext: react841.Context<Partial<MarkProps> | undefined>, useMarkPropsContext: () => Partial<MarkProps> | undefined;
+declare const MarkPropsContext: react797.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 react840 from "react";
+import * as react795 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: react840.Context<Partial<MenuRootProps> | undefined>, useMenuPropsContext: () => Partial<MenuRootProps> | undefined;
+declare const MenuPropsContext: react795.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" | "item" | "indicator" | "command", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "group" | "separator" | "item" | "indicator" | "command">>, {
+declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "separator" | "group" | "indicator" | "command" | "item", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "separator" | "group" | "indicator" | "command" | "item">>, {
   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" | "item" | "indicator" | "command">>>;
+}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "separator" | "group" | "indicator" | "command" | "item">>>;
 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 react830 from "react";
+import * as react785 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: react830.Context<{
+declare const MenuDescendantsContext: react785.Context<{
     active: (target?: HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -29,7 +29,7 @@ declare const MenuDescendantsContext: react830.Context<{
     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) => react830.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react785.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     values: () => Descendant<HTMLDivElement, MenuDescendantProps>[];
@@ -51,12 +51,12 @@ declare const MenuDescendantsContext: react830.Context<{
       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) => react830.RefCallback<HTMLDivElement>;
+      register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react785.RefCallback<HTMLDivElement>;
       unregister: (node?: HTMLDivElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
       values: () => Descendant<HTMLDivElement, MenuDescendantProps>[];
     };
-    register: react830.RefCallback<HTMLDivElement>;
+    register: react785.RefCallback<HTMLDivElement>;
   }, useMenuDescendants: () => {
     active: (target?: HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -74,15 +74,15 @@ declare const MenuDescendantsContext: react830.Context<{
     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) => react830.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react785.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     values: () => Descendant<HTMLDivElement, MenuDescendantProps>[];
   };
 interface MenuContext extends Pick<UseMenuReturn, "onActiveDescendant" | "onClose" | "onCloseSubMenu" | "onOpen" | "onSelect" | "subMenu" | "subMenuDirection"> {}
-declare const MenuContext: react830.Context<MenuContext>, useMenuContext: () => MenuContext;
+declare const MenuContext: react785.Context<MenuContext>, useMenuContext: () => MenuContext;
 interface MenuGroupContext extends Pick<UseMenuGroupReturn, "getLabelProps"> {}
-declare const MenuGroupContext: react830.Context<MenuGroupContext>, useMenuGroupContext: () => MenuGroupContext;
+declare const MenuGroupContext: react785.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: react830.Context<MainMenuContext | undefined>, useMainMenuContext: () => MainMenuContext | undefined;
+declare const MainMenuContext: react785.Context<MainMenuContext | undefined>, useMainMenuContext: () => MainMenuContext | undefined;
 interface MenuOptionGroupContext {
   type: "checkbox" | "radio";
   value: string | string[];
   onChange?: (value: string) => void;
 }
-declare const MenuOptionGroupContext: react830.Context<MenuOptionGroupContext>, useMenuOptionGroupContext: () => MenuOptionGroupContext;
+declare const MenuOptionGroupContext: react785.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: () => 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) => react830.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react785.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
     values: () => 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 react825 from "react";
+import * as react796 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: react825.Context<Partial<ModalRootProps> | undefined>, useModalPropsContext: () => Partial<ModalRootProps> | undefined;
+declare const ModalPropsContext: react796.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/modal/modal.style.d.ts

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js"
 import "../../index.js";
 
 //#region src/components/modal/modal.style.d.ts
-declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root", {
+declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton", {
   /**
    * The placement of the modal.
    *
@@ -157,7 +157,7 @@ declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "tit
       p: "0";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>;
+}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton">>>;
 type ModalStyle = typeof modalStyle;
 //#endregion
 export { ModalStyle, modalStyle };

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

@@ -0,0 +1,5 @@
+import { NativeAccordionStyle, nativeAccordionStyle } from "./native-accordion.style.js";
+import { NativeAccordionContext, UseNativeAccordionItemProps, UseNativeAccordionItemReturn, UseNativeAccordionProps, UseNativeAccordionReturn, useNativeAccordion, useNativeAccordionContext, useNativeAccordionItem } from "./use-native-accordion.js";
+import { NativeAccordionButton, NativeAccordionButtonProps, NativeAccordionIcon, NativeAccordionIconProps, NativeAccordionItem, NativeAccordionItemProps, NativeAccordionPanel, NativeAccordionPanelProps, NativeAccordionPropsContext, NativeAccordionRoot, NativeAccordionRootProps, useNativeAccordionPropsContext } from "./native-accordion.js";
+import { namespace_d_exports } from "./namespace.js";
+export { namespace_d_exports as NativeAccordion, NativeAccordionButton, type NativeAccordionButtonProps, NativeAccordionContext, NativeAccordionIcon, type NativeAccordionIconProps, NativeAccordionItem, type NativeAccordionItemProps, NativeAccordionPanel, type NativeAccordionPanelProps, NativeAccordionPropsContext, NativeAccordionRoot, type NativeAccordionRootProps, NativeAccordionStyle, UseNativeAccordionItemProps, UseNativeAccordionItemReturn, UseNativeAccordionProps, UseNativeAccordionReturn, nativeAccordionStyle, useNativeAccordion, useNativeAccordionContext, useNativeAccordionItem, useNativeAccordionPropsContext };

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

@@ -0,0 +1,9 @@
+import { NativeAccordionButton, NativeAccordionButtonProps, NativeAccordionIcon, NativeAccordionIconProps, NativeAccordionItem, NativeAccordionItemProps, NativeAccordionPanel, NativeAccordionPanelProps, NativeAccordionPropsContext, NativeAccordionRoot, NativeAccordionRootProps, useNativeAccordionPropsContext } from "./native-accordion.js";
+
+//#region src/components/native-accordion/namespace.d.ts
+declare namespace namespace_d_exports {
+  export { NativeAccordionButton as Button, NativeAccordionButtonProps as ButtonProps, NativeAccordionIcon as Icon, NativeAccordionIconProps as IconProps, NativeAccordionItem as Item, NativeAccordionItemProps as ItemProps, NativeAccordionPanel as Panel, NativeAccordionPanelProps as PanelProps, NativeAccordionPropsContext as PropsContext, NativeAccordionRoot as Root, NativeAccordionRootProps as RootProps, useNativeAccordionPropsContext as usePropsContext };
+}
+//#endregion
+export { namespace_d_exports };
+//# sourceMappingURL=namespace.d.ts.map

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

@@ -0,0 +1,59 @@
+import { ThemeProps } from "../../core/system/index.types.js";
+import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { NativeAccordionStyle } from "./native-accordion.style.js";
+import { UseNativeAccordionItemProps, UseNativeAccordionProps } from "./use-native-accordion.js";
+import "../../index.js";
+import * as react783 from "react";
+import { ReactNode } from "react";
+
+//#region src/components/native-accordion/native-accordion.d.ts
+interface NativeAccordionItem extends NativeAccordionItemProps {}
+interface NativeAccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemeProps<NativeAccordionStyle>, UseNativeAccordionProps {
+  /**
+   * The accordion icon for all items to use.
+   */
+  icon?: ReactNode;
+  /**
+   * If `true`, hide the accordion icon for all items.
+   *
+   * @default false
+   */
+  iconHidden?: boolean;
+  /**
+   * If provided, generate elements based on items.
+   */
+  items?: NativeAccordionItem[];
+}
+declare const NativeAccordionPropsContext: react783.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.
+ *
+ * @see https://yamada-ui.com/docs/components/native-accordion
+ */
+declare const NativeAccordionRoot: Component<"div", NativeAccordionRootProps>;
+interface NativeAccordionItemProps extends HTMLStyledProps<"details">, UseNativeAccordionItemProps {
+  /**
+   * The accordion button to use.
+   */
+  button?: ReactNode;
+  /**
+   * The accordion icon to use.
+   */
+  icon?: ReactNode;
+}
+declare const NativeAccordionItem: Component<"details", NativeAccordionItemProps>;
+interface NativeAccordionButtonProps extends HTMLStyledProps<"summary"> {
+  /**
+   * The accordion icon to use.
+   */
+  icon?: ReactNode;
+}
+declare const NativeAccordionButton: Component<"summary", NativeAccordionButtonProps>;
+interface NativeAccordionIconProps extends HTMLStyledProps<"svg"> {}
+declare const NativeAccordionIcon: Component<"svg", NativeAccordionIconProps>;
+interface NativeAccordionPanelProps extends HTMLStyledProps {}
+declare const NativeAccordionPanel: Component<"div", NativeAccordionPanelProps>;
+//#endregion
+export { NativeAccordionButton, NativeAccordionButtonProps, NativeAccordionIcon, NativeAccordionIconProps, NativeAccordionItem, NativeAccordionItemProps, NativeAccordionPanel, NativeAccordionPanelProps, NativeAccordionPropsContext, NativeAccordionRoot, NativeAccordionRootProps, useNativeAccordionPropsContext };
+//# sourceMappingURL=native-accordion.d.ts.map

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

@@ -0,0 +1,58 @@
+import { ComponentSlotStyle } from "../../core/system/index.types.js";
+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", {
+  /**
+   * If `true`, animate the accordion items when they are expanded or collapsed.
+   *
+   * @default true
+   */
+  animate: {
+    true: {
+      item: {
+        _detailsContent: {
+          transition: "content-visibility 0.4s allow-discrete";
+        };
+      };
+      panel: {
+        "& > div": {
+          overflow: "hidden";
+        };
+        display: "grid";
+        gridTemplateRows: "0fr";
+        transitionDuration: "slow";
+        transitionProperty: "grid-template-rows";
+        _groupOpen: {
+          gridTemplateRows: "1fr";
+        };
+      };
+    };
+  };
+}, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
+  panel: {
+    button: {
+      rounded: "l2";
+    };
+    item: {
+      layerStyle: "panel";
+      rounded: "l2";
+      _notFirst: {
+        mt: "md";
+      };
+    };
+  };
+  plain: {
+    item: {
+      borderTopWidth: "1px";
+      _last: {
+        borderBottomWidth: "1px";
+      };
+    };
+  };
+}>;
+type NativeAccordionStyle = typeof nativeAccordionStyle;
+//#endregion
+export { NativeAccordionStyle, nativeAccordionStyle };
+//# sourceMappingURL=native-accordion.style.d.ts.map

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

@@ -0,0 +1,50 @@
+import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import * as react782 from "react";
+
+//#region src/components/native-accordion/use-native-accordion.d.ts
+interface NativeAccordionContext extends Pick<UseNativeAccordionReturn, "name"> {}
+declare const NativeAccordionContext: react782.Context<NativeAccordionContext>, useNativeAccordionContext: () => NativeAccordionContext;
+interface UseNativeAccordionProps extends HTMLProps {
+  /**
+   * If `true`, multiple accordion items can be expanded at once.
+   *
+   * @default false
+   */
+  multiple?: boolean;
+  /**
+   * The HTML `name` attribute used for forms.
+   */
+  name?: string;
+}
+declare const useNativeAccordion: ({
+  name,
+  multiple,
+  ...rest
+}?: UseNativeAccordionProps) => {
+  name: string | undefined;
+  getRootProps: PropGetter<"div", undefined, undefined>;
+};
+type UseNativeAccordionReturn = ReturnType<typeof useNativeAccordion>;
+interface UseNativeAccordionItemProps extends HTMLProps<"details"> {
+  /**
+   * If `true`, the accordion item will be disabled.
+   *
+   * @default false
+   */
+  disabled?: boolean;
+}
+declare const useNativeAccordionItem: ({
+  disabled,
+  ...rest
+}: UseNativeAccordionItemProps) => {
+  disabled: boolean | undefined;
+  getButtonProps: PropGetter<"summary", undefined, undefined>;
+  getIconProps: PropGetter<"svg", undefined, undefined>;
+  getItemProps: PropGetter<"details", undefined, undefined>;
+  getPanelProps: PropGetter<"div", undefined, undefined>;
+};
+type UseNativeAccordionItemReturn = ReturnType<typeof useNativeAccordionItem>;
+//#endregion
+export { NativeAccordionContext, UseNativeAccordionItemProps, UseNativeAccordionItemReturn, UseNativeAccordionProps, UseNativeAccordionReturn, useNativeAccordion, useNativeAccordionContext, useNativeAccordionItem };
+//# sourceMappingURL=use-native-accordion.d.ts.map

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

@@ -0,0 +1,5 @@
+import { NativePopoverStyle, nativePopoverStyle } from "./native-popover.style.js";
+import { UseNativePopoverProps, UseNativePopoverReturn, useNativePopover } from "./use-native-popover.js";
+import { NativePopoverAnchor, NativePopoverAnchorProps, NativePopoverBody, NativePopoverBodyProps, NativePopoverCloseTrigger, NativePopoverCloseTriggerProps, NativePopoverContent, NativePopoverContentProps, NativePopoverFooter, NativePopoverFooterProps, NativePopoverHeader, NativePopoverHeaderProps, NativePopoverPropsContext, NativePopoverRoot, NativePopoverRootProps, NativePopoverTrigger, NativePopoverTriggerProps, useNativePopoverPropsContext } from "./native-popover.js";
+import { namespace_d_exports } from "./namespace.js";
+export { namespace_d_exports as NativePopover, NativePopoverAnchor, type NativePopoverAnchorProps, NativePopoverBody, type NativePopoverBodyProps, NativePopoverCloseTrigger, type NativePopoverCloseTriggerProps, NativePopoverContent, type NativePopoverContentProps, NativePopoverFooter, type NativePopoverFooterProps, NativePopoverHeader, type NativePopoverHeaderProps, NativePopoverPropsContext, NativePopoverRoot, type NativePopoverRootProps, NativePopoverStyle, NativePopoverTrigger, type NativePopoverTriggerProps, UseNativePopoverProps, UseNativePopoverReturn, nativePopoverStyle, useNativePopover, useNativePopoverPropsContext };

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

@@ -0,0 +1,9 @@
+import { NativePopoverAnchor, NativePopoverAnchorProps, NativePopoverBody, NativePopoverBodyProps, NativePopoverCloseTrigger, NativePopoverCloseTriggerProps, NativePopoverContent, NativePopoverContentProps, NativePopoverFooter, NativePopoverFooterProps, NativePopoverHeader, NativePopoverHeaderProps, NativePopoverPropsContext, NativePopoverRoot, NativePopoverRootProps, NativePopoverTrigger, NativePopoverTriggerProps, useNativePopoverPropsContext } from "./native-popover.js";
+
+//#region src/components/native-popover/namespace.d.ts
+declare namespace namespace_d_exports {
+  export { NativePopoverAnchor as Anchor, NativePopoverAnchorProps as AnchorProps, NativePopoverBody as Body, NativePopoverBodyProps as BodyProps, NativePopoverCloseTrigger as CloseTrigger, NativePopoverCloseTriggerProps as CloseTriggerProps, NativePopoverContent as Content, NativePopoverContentProps as ContentProps, NativePopoverFooter as Footer, NativePopoverFooterProps as FooterProps, NativePopoverHeader as Header, NativePopoverHeaderProps as HeaderProps, NativePopoverPropsContext as PropsContext, NativePopoverRoot as Root, NativePopoverRootProps as RootProps, NativePopoverTrigger as Trigger, NativePopoverTriggerProps as TriggerProps, useNativePopoverPropsContext as usePropsContext };
+}
+//#endregion
+export { namespace_d_exports };
+//# sourceMappingURL=namespace.d.ts.map