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

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 react819 from "react";
+import * as react39 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: react819.Context<LoadingContext>;
+declare const LoadingContext: react39.Context<LoadingContext>;
 interface LoadingProviderProps extends PropsWithChildren<ThemeConfig["loading"]> {}
 declare const LoadingProvider: FC<LoadingProviderProps>;
 interface LoadingSharedProps {

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

@@ -4,10 +4,9 @@ import { As, Component } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { IconProps } from "../icon/icon.js";
-import "../icon/index.js";
 import { LoadingStyle } from "./loading.style.js";
 import "../../index.js";
-import * as react820 from "react";
+import * as react36 from "react";
 
 //#region src/components/loading/loading.d.ts
 interface LoadingProps extends WithoutThemeProps<IconProps>, ThemeProps<LoadingStyle> {
@@ -20,13 +19,13 @@ interface LoadingProps extends WithoutThemeProps<IconProps>, ThemeProps<LoadingS
    */
   secondaryColor?: CSSProps["color"];
 }
-declare const LoadingPropsContext: react820.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 | react820.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
+declare const LoadingPropsContext: react36.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 | react36.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" ? react820.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react36.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 //#endregion
 export { LoadingProps, LoadingPropsContext, useLoadingPropsContext };
 //# sourceMappingURL=loading.d.ts.map

package/dist/types/components/loading/use-loading-component.d.ts

@@ -2,7 +2,6 @@ import { LoadingScheme } from "../../core/system/index.types.js";
 import { Component } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { LoadingProps } from "./loading.js";
-import "./index.js";
 
 //#region src/components/loading/use-loading-component.d.ts
 declare const useLoadingComponent: (scheme: LoadingScheme) => Component<"svg", LoadingProps>;

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 react808 from "react";
+import * as react40 from "react";
 
 //#region src/components/mark/mark.d.ts
 interface MarkProps extends HTMLStyledProps<"mark">, ThemeProps<MarkStyle> {}
-declare const MarkPropsContext: react808.Context<Partial<MarkProps> | undefined>, useMarkPropsContext: () => Partial<MarkProps> | undefined;
+declare const MarkPropsContext: react40.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

@@ -2,11 +2,10 @@ import { Direction, ThemeProps, WithoutThemeProps } from "../../core/system/inde
 import { Component, GenericsComponent, HTMLProps, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { PopoverAnchorProps, PopoverContentProps, PopoverRootProps, PopoverTriggerProps } from "../popover/popover.js";
-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 react807 from "react";
+import * as react844 from "react";
 import { FC, ReactElement, ReactNode } from "react";
 
 //#region src/components/menu/menu.d.ts
@@ -42,7 +41,7 @@ interface MenuRootProps extends UseMenuProps, Omit<WithoutThemeProps<PopoverRoot
    */
   placement?: Direction;
 }
-declare const MenuPropsContext: react807.Context<Partial<MenuRootProps> | undefined>, useMenuPropsContext: () => Partial<MenuRootProps> | undefined;
+declare const MenuPropsContext: react844.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" | "command" | "item", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "group" | "separator" | "indicator" | "command" | "item">>, {
+declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "group" | "separator" | "indicator" | "item" | "command", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "group" | "separator" | "indicator" | "item" | "command">>, {
   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" | "command" | "item">>>;
+}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "group" | "separator" | "indicator" | "item" | "command">>>;
 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 react809 from "react";
+import * as react834 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: react809.Context<{
+declare const MenuDescendantsContext: react834.Context<{
     active: (target?: HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -29,7 +29,7 @@ declare const MenuDescendantsContext: react809.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) => react809.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react834.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: react809.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) => react809.RefCallback<HTMLDivElement>;
+      register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react834.RefCallback<HTMLDivElement>;
       unregister: (node?: HTMLDivElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
       values: () => Descendant<HTMLDivElement, MenuDescendantProps>[];
     };
-    register: react809.RefCallback<HTMLDivElement>;
+    register: react834.RefCallback<HTMLDivElement>;
   }, useMenuDescendants: () => {
     active: (target?: HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -74,15 +74,15 @@ declare const MenuDescendantsContext: react809.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) => react809.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react834.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: react809.Context<MenuContext>, useMenuContext: () => MenuContext;
+declare const MenuContext: react834.Context<MenuContext>, useMenuContext: () => MenuContext;
 interface MenuGroupContext extends Pick<UseMenuGroupReturn, "getLabelProps"> {}
-declare const MenuGroupContext: react809.Context<MenuGroupContext>, useMenuGroupContext: () => MenuGroupContext;
+declare const MenuGroupContext: react834.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: react809.Context<MainMenuContext | undefined>, useMainMenuContext: () => MainMenuContext | undefined;
+declare const MainMenuContext: react834.Context<MainMenuContext | undefined>, useMainMenuContext: () => MainMenuContext | undefined;
 interface MenuOptionGroupContext {
   type: "checkbox" | "radio";
   value: string | string[];
   onChange?: (value: string) => void;
 }
-declare const MenuOptionGroupContext: react809.Context<MenuOptionGroupContext>, useMenuOptionGroupContext: () => MenuOptionGroupContext;
+declare const MenuOptionGroupContext: react834.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) => react809.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react834.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

@@ -2,19 +2,15 @@ import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { HTMLMotionProps } from "../motion/index.types.js";
-import "../motion/index.js";
 import { PortalProps } from "../portal/portal.js";
 import { PopupAnimationProps } from "../popover/popover.js";
-import "../popover/index.js";
 import { ButtonProps } from "../button/button.js";
-import "../button/index.js";
 import { CloseButtonProps } from "../close-button/close-button.js";
-import "../close-button/index.js";
 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 react806 from "react";
+import * as react83 from "react";
 import { FC, PropsWithChildren, ReactNode } from "react";
 
 //#region src/components/modal/modal.d.ts
@@ -56,7 +52,7 @@ interface ModalRootProps extends ThemeProps<ModalStyle>, Omit<UseModalProps, "ti
    */
   onCloseComplete?: () => void;
 }
-declare const ModalPropsContext: react806.Context<Partial<ModalRootProps> | undefined>, useModalPropsContext: () => Partial<ModalRootProps> | undefined;
+declare const ModalPropsContext: react83.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" | "root" | "closeButton", {
+declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root", {
   /**
    * 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" | "root" | "closeButton">>>;
+}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>;
 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 react966 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: react966.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" | "item" | "root", {
+  /**
+   * 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" | "item" | "root">>, {
+  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 react965 from "react";
+
+//#region src/components/native-accordion/use-native-accordion.d.ts
+interface NativeAccordionContext extends Pick<UseNativeAccordionReturn, "name"> {}
+declare const NativeAccordionContext: react965.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

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

@@ -0,0 +1,35 @@
+import { ThemeProps } from "../../core/system/index.types.js";
+import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { NativePopoverStyle } from "./native-popover.style.js";
+import { UseNativePopoverProps } from "./use-native-popover.js";
+import "../../index.js";
+import * as react941 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: react941.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.
+ *
+ * @see https://yamada-ui.com/docs/components/native-popover
+ */
+declare const NativePopoverRoot: FC<NativePopoverRootProps>;
+interface NativePopoverTriggerProps extends HTMLStyledProps<"button"> {}
+declare const NativePopoverTrigger: Component<"button", NativePopoverTriggerProps>;
+interface NativePopoverAnchorProps extends HTMLStyledProps {}
+declare const NativePopoverAnchor: Component<"div", NativePopoverAnchorProps>;
+interface NativePopoverCloseTriggerProps extends HTMLStyledProps<"button"> {}
+declare const NativePopoverCloseTrigger: Component<"button", NativePopoverCloseTriggerProps>;
+interface NativePopoverContentProps extends HTMLStyledProps, PropsWithChildren {}
+declare const NativePopoverContent: Component<"div", NativePopoverContentProps>;
+interface NativePopoverHeaderProps extends HTMLStyledProps {}
+declare const NativePopoverHeader: Component<"div", NativePopoverHeaderProps>;
+interface NativePopoverBodyProps extends HTMLStyledProps {}
+declare const NativePopoverBody: Component<"div", NativePopoverBodyProps>;
+interface NativePopoverFooterProps extends HTMLStyledProps {}
+declare const NativePopoverFooter: Component<"div", NativePopoverFooterProps>;
+//#endregion
+export { NativePopoverAnchor, NativePopoverAnchorProps, NativePopoverBody, NativePopoverBodyProps, NativePopoverCloseTrigger, NativePopoverCloseTriggerProps, NativePopoverContent, NativePopoverContentProps, NativePopoverFooter, NativePopoverFooterProps, NativePopoverHeader, NativePopoverHeaderProps, NativePopoverPropsContext, NativePopoverRoot, NativePopoverRootProps, NativePopoverTrigger, NativePopoverTriggerProps, useNativePopoverPropsContext };
+//# sourceMappingURL=native-popover.d.ts.map

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

@@ -0,0 +1,39 @@
+import { ComponentSlotStyle } from "../../core/system/index.types.js";
+import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
+import "../../index.js";
+
+//#region src/components/native-popover/native-popover.style.d.ts
+declare const nativePopoverStyle: ComponentSlotStyle<"body" | "footer" | "header" | "content", CSSPropObject<CSSSlotObject<"body" | "footer" | "header" | "content">>, {
+  xs: {
+    content: {
+      "--gap": "spaces.1";
+      "--padding": "spaces.2";
+      fontSize: "xs";
+    };
+  };
+  sm: {
+    content: {
+      "--gap": "spaces.2";
+      "--padding": "spaces.3";
+      fontSize: "sm";
+    };
+  };
+  md: {
+    content: {
+      "--gap": "spaces.3";
+      "--padding": "spaces.4";
+      fontSize: "md";
+    };
+  };
+  lg: {
+    content: {
+      "--gap": "spaces.4";
+      "--padding": "spaces.5";
+      fontSize: "md";
+    };
+  };
+}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "content">>>;
+type NativePopoverStyle = typeof nativePopoverStyle;
+//#endregion
+export { NativePopoverStyle, nativePopoverStyle };
+//# sourceMappingURL=native-popover.style.d.ts.map

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

@@ -0,0 +1,75 @@
+import { Direction } from "../../core/system/index.types.js";
+import { PropGetter } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { UsePopperProps } from "../../hooks/use-popper/index.js";
+import { RefObject } from "react";
+
+//#region src/components/native-popover/use-native-popover.d.ts
+interface UseNativePopoverProps extends UsePopperProps<"button"> {
+  /**
+   * If `true`, the popover will be disabled.
+   *
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * The placement of the popper relative to its reference.
+   *
+   * @default 'end'
+   */
+  placement?: Direction;
+  /**
+   * The mode of the popover.
+   *
+   * @default 'auto'
+   */
+  popover?: "" | "auto" | "hint" | "manual" | true;
+  /**
+   * The target element ID for the popover trigger.
+   * If not provided, a generated ID will be used.
+   */
+  popoverTarget?: string;
+  /**
+   * The action for the popover target.
+   *
+   * @default 'toggle'
+   */
+  popoverTargetAction?: "hide" | "show" | "toggle";
+  /**
+   * Update the position of the floating element, re-rendering the component if required.
+   */
+  updateRef?: RefObject<() => void>;
+}
+declare const useNativePopover: ({
+  autoUpdate,
+  disabled,
+  elements,
+  flip,
+  gutter,
+  matchWidth,
+  middleware,
+  offset,
+  placement,
+  platform,
+  popover,
+  popoverTarget,
+  popoverTargetAction,
+  preventOverflow,
+  strategy,
+  transform,
+  updateRef,
+  whileElementsMounted
+}?: UseNativePopoverProps) => {
+  getAnchorProps: PropGetter<"div", undefined, undefined>;
+  getBodyProps: PropGetter<"div", undefined, undefined>;
+  getCloseTriggerProps: PropGetter<"button", undefined, undefined>;
+  getContentProps: PropGetter<"div", undefined, undefined>;
+  getFooterProps: PropGetter<"div", undefined, undefined>;
+  getHeaderProps: PropGetter<"div", undefined, undefined>;
+  getPositionerProps: PropGetter<"div", undefined, undefined>;
+  getTriggerProps: PropGetter<"button", undefined, undefined>;
+};
+type UseNativePopoverReturn = ReturnType<typeof useNativePopover>;
+//#endregion
+export { UseNativePopoverProps, UseNativePopoverReturn, useNativePopover };
+//# sourceMappingURL=use-native-popover.d.ts.map