@yamada-ui/react 2.1.8-dev-20260409043924 → 2.2.0-dev-20260409110358

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

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

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

@@ -4,7 +4,7 @@ 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 { UsePopupAnimationProps } from "../popover/popover.js";
 import "../popover/index.js";
 import { ButtonProps } from "../button/button.js";
 import "../button/index.js";
@@ -14,11 +14,11 @@ 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 react759 from "react";
+import * as react61 from "react";
 import { FC, PropsWithChildren, ReactNode } from "react";
 
 //#region src/components/modal/modal.d.ts
-interface ModalRootProps extends ThemeProps<ModalStyle>, Omit<UseModalProps, "title">, Pick<FocusLockProps, "autoFocus" | "finalFocusRef" | "initialFocusRef" | "lockFocusAcrossFrames" | "restoreFocus">, PopupAnimationProps, ShorthandModalContentProps {
+interface ModalRootProps extends ThemeProps<ModalStyle>, Omit<UseModalProps, "title">, Pick<FocusLockProps, "autoFocus" | "finalFocusRef" | "initialFocusRef" | "lockFocusAcrossFrames" | "restoreFocus">, UsePopupAnimationProps, ShorthandModalContentProps {
   /**
    * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.
    *
@@ -56,7 +56,7 @@ interface ModalRootProps extends ThemeProps<ModalStyle>, Omit<UseModalProps, "ti
    */
   onCloseComplete?: () => void;
 }
-declare const ModalPropsContext: react759.Context<Partial<ModalRootProps> | undefined>, useModalPropsContext: () => Partial<ModalRootProps> | undefined;
+declare const ModalPropsContext: react61.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/native-accordion.d.ts

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

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

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

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

@@ -4,12 +4,12 @@ import "../../core/index.js";
 import { NativePopoverStyle } from "./native-popover.style.js";
 import { UseNativePopoverProps } from "./use-native-popover.js";
 import "../../index.js";
-import * as react756 from "react";
+import * as react1231 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: react756.Context<Partial<NativePopoverRootProps> | undefined>, useNativePopoverPropsContext: () => Partial<NativePopoverRootProps> | undefined;
+declare const NativePopoverPropsContext: react1231.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-popover/use-native-popover.d.ts

@@ -1,4 +1,3 @@
-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";
@@ -17,7 +16,7 @@ interface UseNativePopoverProps extends UsePopperProps<"button"> {
    *
    * @default 'end'
    */
-  placement?: Direction;
+  placement?: UsePopperProps["placement"];
   /**
    * The mode of the popover.
    *

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 react755 from "react";
+import * as react1230 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: react755.Context<Partial<NativeSelectRootProps> | undefined>, useNativeSelectPropsContext: () => Partial<NativeSelectRootProps> | undefined;
+declare const NativeSelectPropsContext: react1230.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 react754 from "react";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react1229 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: react754.Context<Partial<NativeTableRootProps> | undefined>, useNativeTablePropsContext: () => Partial<NativeTableRootProps> | undefined;
+declare const NativeTablePropsContext: react1229.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_runtime14.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" | "root" | "closeButton" | "item", CSSPropObject<CSSSlotObject<"content" | "root" | "closeButton" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "root" | "closeButton" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "root" | "closeButton" | "item">>>;
 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 react753 from "react";
+import * as react472 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: react753.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined;
+declare const NumberInputPropsContext: react472.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined;
 /**
  * `NumberInput` is a component used to obtain numeric input from the user.
  *

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 react751 from "react";
+import * as react90 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: react751.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined;
+declare const PaginationPropsContext: react90.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/use-pagination.d.ts

@@ -1,11 +1,11 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react750 from "react";
+import * as react54 from "react";
 
 //#region src/components/pagination/use-pagination.d.ts
 type Page = "ellipsis" | number;
 interface PaginationContext extends Omit<UsePaginationReturn, "getRootProps"> {}
-declare const PaginationContext: react750.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
+declare const PaginationContext: react54.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 react749 from "react";
+import * as react1225 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: react749.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined;
+declare const PasswordInputPropsContext: react1225.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 react746 from "react";
+import * as react1228 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: react746.Context<Partial<StrengthMeterProps> | undefined>, useStrengthMeterPropsContext: () => Partial<StrengthMeterProps> | undefined;
+declare const StrengthMeterPropsContext: react1228.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/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 react747 from "react";
+import * as react1226 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: react747.Dispatch<react747.SetStateAction<boolean>>;
+  setVisible: react1226.Dispatch<react1226.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 react739 from "react";
+import * as react1223 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: react739.Context<Partial<PinInputRootProps> | undefined>, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined;
+declare const PinInputPropsContext: react1223.Context<Partial<PinInputRootProps> | undefined>, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined;
 /**
  * `PinInput` is a component used to capture pin codes or OTP (One-Time Password) inputs.
  *

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

@@ -4,10 +4,10 @@ import { FieldProps } from "../field/field.js";
 import "../field/index.js";
 import { Descendant } from "../../hooks/use-descendants/index.js";
 import "../../index.js";
-import * as react740 from "react";
+import * as react1217 from "react";
 
 //#region src/components/pin-input/use-pin-input.d.ts
-declare const PinInputDescendantsContext: react740.Context<{
+declare const PinInputDescendantsContext: react1217.Context<{
     active: (target?: HTMLInputElement | Descendant<HTMLInputElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<{}> | undefined) => number;
     destroy: () => void;
@@ -26,7 +26,7 @@ declare const PinInputDescendantsContext: react740.Context<{
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react740.RefCallback<HTMLInputElement>;
+    } | undefined) => react1217.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}>[];
@@ -52,12 +52,12 @@ declare const PinInputDescendantsContext: react740.Context<{
       prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-      } | undefined) => react740.RefCallback<HTMLInputElement>;
+      } | undefined) => react1217.RefCallback<HTMLInputElement>;
       unregister: (node?: HTMLInputElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
       values: (props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}>[];
     };
-    register: react740.RefCallback<HTMLInputElement>;
+    register: react1217.RefCallback<HTMLInputElement>;
   }, usePinInputDescendants: () => {
     active: (target?: HTMLInputElement | Descendant<HTMLInputElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<{}> | undefined) => number;
@@ -77,7 +77,7 @@ declare const PinInputDescendantsContext: react740.Context<{
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react740.RefCallback<HTMLInputElement>;
+    } | undefined) => react1217.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}>[];
@@ -163,7 +163,7 @@ declare const usePinInput: (props?: UsePinInputProps) => {
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react740.RefCallback<HTMLInputElement>;
+    } | undefined) => react1217.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}>[];

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

@@ -1,5 +1,5 @@
 import { PopoverStyle, popoverStyle } from "./popover.style.js";
 import { UsePopoverProps, UsePopoverReturn, popoverProps, usePopover, usePopoverProps } from "./use-popover.js";
-import { PopoverAnchor, PopoverAnchorProps, PopoverBody, PopoverBodyProps, PopoverCloseTrigger, PopoverCloseTriggerProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverPropsContext, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PopupAnimationProps, getPopupAnimationProps, usePopoverPropsContext } from "./popover.js";
+import { PopoverAnchor, PopoverAnchorProps, PopoverBody, PopoverBodyProps, PopoverCloseTrigger, PopoverCloseTriggerProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverPropsContext, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, UsePopoverStyleProps, UsePopupAnimationProps, usePopoverPropsContext, usePopoverStyleProps, usePopupAnimationProps } from "./popover.js";
 import { namespace_d_exports } from "./namespace.js";
-export { namespace_d_exports as Popover, PopoverAnchor, type PopoverAnchorProps, PopoverBody, type PopoverBodyProps, PopoverCloseTrigger, type PopoverCloseTriggerProps, PopoverContent, type PopoverContentProps, PopoverFooter, type PopoverFooterProps, PopoverHeader, type PopoverHeaderProps, PopoverPropsContext, PopoverRoot, type PopoverRootProps, PopoverStyle, PopoverTrigger, type PopoverTriggerProps, type PopupAnimationProps, UsePopoverProps, UsePopoverReturn, getPopupAnimationProps, popoverProps, popoverStyle, usePopover, usePopoverProps, usePopoverPropsContext };
+export { namespace_d_exports as Popover, PopoverAnchor, type PopoverAnchorProps, PopoverBody, type PopoverBodyProps, PopoverCloseTrigger, type PopoverCloseTriggerProps, PopoverContent, type PopoverContentProps, PopoverFooter, type PopoverFooterProps, PopoverHeader, type PopoverHeaderProps, PopoverPropsContext, PopoverRoot, type PopoverRootProps, PopoverStyle, PopoverTrigger, type PopoverTriggerProps, UsePopoverProps, UsePopoverReturn, type UsePopoverStyleProps, type UsePopupAnimationProps, popoverProps, popoverStyle, usePopover, usePopoverProps, usePopoverPropsContext, usePopoverStyleProps, usePopupAnimationProps };

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

@@ -1,33 +1,77 @@
 import { ReactNodeOrFunction } from "../../utils/index.types.js";
-import { SimplePlacement, ThemeProps } from "../../core/system/index.types.js";
+import { Merge } from "../../utils/index.js";
+import { Direction, SimplePlacement, ThemeProps } from "../../core/system/index.types.js";
+import { StyleValue } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
+import { PopoverStyle } from "./popover.style.js";
 import { HTMLMotionProps, MotionTransitionProps } from "../motion/index.types.js";
 import "../motion/index.js";
-import { PopoverStyle } from "./popover.style.js";
 import { PortalProps } from "../portal/portal.js";
 import { UsePopoverProps } from "./use-popover.js";
 import "../../index.js";
-import * as react1047 from "react";
+import * as react217 from "react";
 import { FC, PropsWithChildren } from "react";
+import * as _floating_ui_react_dom0 from "@floating-ui/react-dom";
 
 //#region src/components/popover/popover.d.ts
-interface PopupAnimationProps {
+interface UsePopupAnimationProps {
   /**
    * The animation of the element.
    *
    * @default 'scale'
    */
-  animationScheme?: "none" | "scale" | SimplePlacement;
+  animationScheme?: StyleValue<"none" | "scale" | SimplePlacement>;
   /**
    * The animation duration.
    *
-   * @default 0.2
+   * @default 0.1
+   */
+  duration?: StyleValue<MotionTransitionProps["duration"]>;
+}
+declare const usePopupAnimationProps: (props?: UsePopupAnimationProps) => {};
+interface UsePopoverStyleProps {
+  /**
+   * If `true`, the popper will change its placement and flip when it's about to overflow its boundary area.
+   *
+   * @default true
+   */
+  flip?: StyleValue<UsePopoverProps["flip"]>;
+  /**
+   * The distance or margin between the reference and popper.
+   * It is used internally to create an `offset` modifier.
+   *
+   * @default 8
+   */
+  gutter?: StyleValue<UsePopoverProps["gutter"]>;
+  /**
+   * If `true`, the popper will match the width of the reference at all times.
+   * It's useful for `autocomplete`, `date-picker` and `select` patterns.
+   *
+   * @default false
+   */
+  matchWidth?: StyleValue<UsePopoverProps["matchWidth"]>;
+  /**
+   * The placement of the popper relative to its reference.
+   *
+   * @default 'end'
    */
-  duration?: MotionTransitionProps["duration"];
+  placement?: StyleValue<UsePopoverProps["placement"]>;
+  /**
+   * The CSS positioning strategy to use.
+   *
+   * @default 'absolute'
+   */
+  strategy?: StyleValue<UsePopoverProps["strategy"]>;
 }
-declare const getPopupAnimationProps: (animationScheme?: PopupAnimationProps["animationScheme"], duration?: PopupAnimationProps["duration"]) => {};
-interface PopoverRootProps extends UsePopoverProps, PopupAnimationProps, ThemeProps<PopoverStyle> {
+declare const usePopoverStyleProps: (props?: UsePopoverStyleProps) => {
+  flip: boolean | undefined;
+  gutter: number | undefined;
+  matchWidth: boolean | undefined;
+  placement: Direction | undefined;
+  strategy: _floating_ui_react_dom0.Strategy | undefined;
+};
+interface PopoverRootProps extends Merge<UsePopoverProps, UsePopoverStyleProps>, UsePopupAnimationProps, ThemeProps<PopoverStyle> {
   /**
    * The children of the popover.
    */
@@ -35,14 +79,8 @@ interface PopoverRootProps extends UsePopoverProps, PopupAnimationProps, ThemePr
     open: boolean;
     onClose: () => void;
   }>;
-  /**
-   * The animation duration.
-   *
-   * @default 0.2
-   */
-  duration?: PopupAnimationProps["duration"];
 }
-declare const PopoverPropsContext: react1047.Context<Partial<PopoverRootProps> | undefined>, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined;
+declare const PopoverPropsContext: react217.Context<Partial<PopoverRootProps> | undefined>, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined;
 /**
  * `Popover` is a component that floats around an element to display information.
  *
@@ -69,5 +107,5 @@ declare const PopoverBody: Component<"div", PopoverBodyProps>;
 interface PopoverFooterProps extends HTMLStyledProps {}
 declare const PopoverFooter: Component<"div", PopoverFooterProps>;
 //#endregion
-export { PopoverAnchor, PopoverAnchorProps, PopoverBody, PopoverBodyProps, PopoverCloseTrigger, PopoverCloseTriggerProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverPropsContext, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PopupAnimationProps, getPopupAnimationProps, usePopoverPropsContext };
+export { PopoverAnchor, PopoverAnchorProps, PopoverBody, PopoverBodyProps, PopoverCloseTrigger, PopoverCloseTriggerProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverPropsContext, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, UsePopoverStyleProps, UsePopupAnimationProps, usePopoverPropsContext, usePopoverStyleProps, usePopupAnimationProps };
 //# sourceMappingURL=popover.d.ts.map

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

@@ -4,7 +4,7 @@ import { PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { UseDisclosureProps } from "../../hooks/use-disclosure/use-disclosure.js";
 import { UsePopperProps } from "../../hooks/use-popper/index.js";
-import { PopupAnimationProps } from "./popover.js";
+import { UsePopupAnimationProps } from "./popover.js";
 import { RefObject } from "react";
 
 //#region src/components/popover/use-popover.d.ts
@@ -124,8 +124,8 @@ declare const usePopover: ({
   onOpen: () => void | Promise<void>;
 };
 type UsePopoverReturn = ReturnType<typeof usePopover>;
-declare const popoverProps: (keyof PopupAnimationProps | keyof UsePopoverProps)[];
-declare const usePopoverProps: <Y extends Dict = Dict, M extends keyof PopupAnimationProps | keyof UsePopoverProps = keyof PopupAnimationProps | keyof UsePopoverProps>(props: Y, omitKeys?: M[]) => [keyof PopupAnimationProps | keyof UsePopoverProps extends M ? PopupAnimationProps & UsePopoverProps : Omit<PopupAnimationProps & UsePopoverProps, M>, Omit<Y, keyof PopupAnimationProps | keyof UsePopoverProps extends M ? keyof PopupAnimationProps | keyof UsePopoverProps : Exclude<keyof PopupAnimationProps | keyof UsePopoverProps, M>>];
+declare const popoverProps: (keyof UsePopoverProps | keyof UsePopupAnimationProps)[];
+declare const usePopoverProps: <Y extends Dict = Dict, M extends keyof UsePopoverProps | keyof UsePopupAnimationProps = keyof UsePopoverProps | keyof UsePopupAnimationProps>(props: Y, omitKeys?: M[]) => [keyof UsePopoverProps | keyof UsePopupAnimationProps extends M ? UsePopoverProps & UsePopupAnimationProps : Omit<UsePopoverProps & UsePopupAnimationProps, M>, Omit<Y, keyof UsePopoverProps | keyof UsePopupAnimationProps extends M ? keyof UsePopoverProps | keyof UsePopupAnimationProps : Exclude<keyof UsePopoverProps | keyof UsePopupAnimationProps, M>>];
 //#endregion
 export { UsePopoverProps, UsePopoverReturn, popoverProps, usePopover, usePopoverProps };
 //# sourceMappingURL=use-popover.d.ts.map