@yamada-ui/react 2.1.2 → 2.1.3-dev-20260312041045

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 react945 from "react";
+import * as react1029 from "react";
 
 //#region src/components/kbd/kbd.d.ts
 interface KbdProps extends HTMLStyledProps<"kbd">, ThemeProps<KbdStyle> {}
-declare const KbdPropsContext: react945.Context<Partial<KbdProps> | undefined>, useKbdPropsContext: () => Partial<KbdProps> | undefined;
+declare const KbdPropsContext: react1029.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 react944 from "react";
+import * as react973 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: react944.Context<Partial<LinkProps> | undefined>, useLinkPropsContext: () => Partial<LinkProps> | undefined;
+declare const LinkPropsContext: react973.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 react942 from "react";
+import * as react46 from "react";
 
 //#region src/components/link-box/link-box.d.ts
 interface LinkBoxRootProps extends HTMLStyledProps, ThemeProps<LinkBoxStyle> {}
-declare const LinkBoxPropsContext: react942.Context<Partial<LinkBoxRootProps> | undefined>, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined;
+declare const LinkBoxPropsContext: react46.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 react943 from "react";
+import * as react47 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: react943.Context<Partial<ListRootProps> | undefined>, useListPropsContext: () => Partial<ListRootProps> | undefined;
+declare const ListPropsContext: react47.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/list/list.style.d.ts

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js"
 import "../../index.js";
 
 //#region src/components/list/list.style.d.ts
-declare const listStyle: ComponentSlotStyle<"icon" | "root" | "item", {
+declare const listStyle: ComponentSlotStyle<"icon" | "item" | "root", {
   styleType: {
     circle: {
       root: {
@@ -37,7 +37,7 @@ declare const listStyle: ComponentSlotStyle<"icon" | "root" | "item", {
       };
     };
   };
-}, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>>;
+}, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>>;
 type ListStyle = typeof listStyle;
 //#endregion
 export { ListStyle, listStyle };

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

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

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

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

@@ -3,7 +3,7 @@ import "../../core/index.js";
 import { Descendant, DescendantProps, Descendants } from "../../hooks/use-descendants/index.js";
 import { UseDisclosureProps } from "../../hooks/use-disclosure/use-disclosure.js";
 import "../../index.js";
-import * as react927 from "react";
+import * as react30 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: react927.Context<{
+declare const MenuDescendantsContext: react30.Context<{
     active: (target?: HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -29,7 +29,7 @@ declare const MenuDescendantsContext: react927.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) => react927.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react30.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: react927.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) => react927.RefCallback<HTMLDivElement>;
+      register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react30.RefCallback<HTMLDivElement>;
       unregister: (node?: HTMLDivElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, MenuDescendantProps> | undefined;
       values: () => Descendant<HTMLDivElement, MenuDescendantProps>[];
     };
-    register: react927.RefCallback<HTMLDivElement>;
+    register: react30.RefCallback<HTMLDivElement>;
   }, useMenuDescendants: () => {
     active: (target?: HTMLDivElement | Descendant<HTMLDivElement, MenuDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -74,15 +74,15 @@ declare const MenuDescendantsContext: react927.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) => react927.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react30.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: react927.Context<MenuContext>, useMenuContext: () => MenuContext;
+declare const MenuContext: react30.Context<MenuContext>, useMenuContext: () => MenuContext;
 interface MenuGroupContext extends Pick<UseMenuGroupReturn, "getLabelProps"> {}
-declare const MenuGroupContext: react927.Context<MenuGroupContext>, useMenuGroupContext: () => MenuGroupContext;
+declare const MenuGroupContext: react30.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: react927.Context<MainMenuContext | undefined>, useMainMenuContext: () => MainMenuContext | undefined;
+declare const MainMenuContext: react30.Context<MainMenuContext | undefined>, useMainMenuContext: () => MainMenuContext | undefined;
 interface MenuOptionGroupContext {
   type: "checkbox" | "radio";
   value: string | string[];
   onChange?: (value: string) => void;
 }
-declare const MenuOptionGroupContext: react927.Context<MenuOptionGroupContext>, useMenuOptionGroupContext: () => MenuOptionGroupContext;
+declare const MenuOptionGroupContext: react30.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) => react927.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, MenuDescendantProps> | undefined) => react30.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 react925 from "react";
+import * as react29 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: react925.Context<Partial<ModalRootProps> | undefined>, useModalPropsContext: () => Partial<ModalRootProps> | undefined;
+declare const ModalPropsContext: react29.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/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 react924 from "react";
+import * as react979 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: react924.Context<Partial<NativeAccordionRootProps> | undefined>, useNativeAccordionPropsContext: () => Partial<NativeAccordionRootProps> | undefined;
+declare const NativeAccordionPropsContext: react979.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/native-accordion.style.d.ts

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

package/dist/types/components/native-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 react923 from "react";
+import * as react974 from "react";
 
 //#region src/components/native-accordion/use-native-accordion.d.ts
 interface NativeAccordionContext extends Pick<UseNativeAccordionReturn, "name"> {}
-declare const NativeAccordionContext: react923.Context<NativeAccordionContext>, useNativeAccordionContext: () => NativeAccordionContext;
+declare const NativeAccordionContext: react974.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 react921 from "react";
+import * as react976 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: react921.Context<Partial<NativePopoverRootProps> | undefined>, useNativePopoverPropsContext: () => Partial<NativePopoverRootProps> | undefined;
+declare const NativePopoverPropsContext: react976.Context<Partial<NativePopoverRootProps> | undefined>, useNativePopoverPropsContext: () => Partial<NativePopoverRootProps> | undefined;
 /**
  * `NativePopover` is a component that floats around an element to display information using the native HTML Popover API.
  *

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

@@ -10,7 +10,7 @@ import "../input/index.js";
 import { NativeSelectStyle } from "./native-select.style.js";
 import { UseNativeSelectProps } from "./use-native-select.js";
 import "../../index.js";
-import * as react919 from "react";
+import * as react978 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: react919.Context<Partial<NativeSelectRootProps> | undefined>, useNativeSelectPropsContext: () => Partial<NativeSelectRootProps> | undefined;
+declare const NativeSelectPropsContext: react978.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_runtime8 from "react/jsx-runtime";
-import * as react918 from "react";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react1024 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: react918.Context<Partial<NativeTableRootProps> | undefined>, useNativeTablePropsContext: () => Partial<NativeTableRootProps> | undefined;
+declare const NativeTablePropsContext: react1024.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_runtime8.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" | "item" | "closeButton" | "root", CSSPropObject<CSSSlotObject<"content" | "item" | "closeButton" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "item" | "closeButton" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "item" | "closeButton" | "root">>>;
 type NoticeStyle = typeof noticeStyle;
 //#endregion
 export { NoticeStyle };

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

@@ -9,7 +9,7 @@ import "../input/index.js";
 import { NumberInputStyle } from "./number-input.style.js";
 import { UseNumberInputProps } from "./use-number-input.js";
 import "../../index.js";
-import * as react910 from "react";
+import * as react998 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: react910.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined;
+declare const NumberInputPropsContext: react998.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 react912 from "react";
+import * as react154 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: react912.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined;
+declare const PaginationPropsContext: react154.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined;
 /**
  * `Pagination` is a component for managing the pagination and navigation of content.
  *

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

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

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

@@ -1,11 +1,11 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react911 from "react";
+import * as react153 from "react";
 
 //#region src/components/pagination/use-pagination.d.ts
 type Page = "ellipsis" | number;
 interface PaginationContext extends Omit<UsePaginationReturn, "getRootProps"> {}
-declare const PaginationContext: react911.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
+declare const PaginationContext: react153.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 react901 from "react";
+import * as react1025 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: react901.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined;
+declare const PasswordInputPropsContext: react1025.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 react900 from "react";
+import * as react1026 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: react900.Context<Partial<StrengthMeterProps> | undefined>, useStrengthMeterPropsContext: () => Partial<StrengthMeterProps> | undefined;
+declare const StrengthMeterPropsContext: react1026.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 react898 from "react";
+import * as react1027 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: react898.Dispatch<react898.SetStateAction<boolean>>;
+  setVisible: react1027.Dispatch<react1027.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 react909 from "react";
+import * as react966 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: react909.Context<Partial<PinInputRootProps> | undefined>, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined;
+declare const PinInputPropsContext: react966.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 react903 from "react";
+import * as react967 from "react";
 
 //#region src/components/pin-input/use-pin-input.d.ts
-declare const PinInputDescendantsContext: react903.Context<{
+declare const PinInputDescendantsContext: react967.Context<{
     active: (target?: HTMLInputElement | Descendant<HTMLInputElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -26,7 +26,7 @@ declare const PinInputDescendantsContext: react903.Context<{
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react903.RefCallback<HTMLInputElement>;
+    } | undefined) => react967.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: () => Descendant<HTMLInputElement, {}>[];
@@ -52,12 +52,12 @@ declare const PinInputDescendantsContext: react903.Context<{
       prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean) => Descendant<HTMLInputElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-      } | undefined) => react903.RefCallback<HTMLInputElement>;
+      } | undefined) => react967.RefCallback<HTMLInputElement>;
       unregister: (node?: HTMLInputElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
       values: () => Descendant<HTMLInputElement, {}>[];
     };
-    register: react903.RefCallback<HTMLInputElement>;
+    register: react967.RefCallback<HTMLInputElement>;
   }, usePinInputDescendants: () => {
     active: (target?: HTMLInputElement | Descendant<HTMLInputElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -77,7 +77,7 @@ declare const PinInputDescendantsContext: react903.Context<{
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react903.RefCallback<HTMLInputElement>;
+    } | undefined) => react967.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: () => Descendant<HTMLInputElement, {}>[];
@@ -163,7 +163,7 @@ declare const usePinInput: (props?: UsePinInputProps) => {
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react903.RefCallback<HTMLInputElement>;
+    } | undefined) => react967.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: () => Descendant<HTMLInputElement, {}>[];