@yamada-ui/react 2.0.10-dev-20260224132828 → 2.0.10-dev-20260226095744

package/dist/types/core/css/utils.d.ts

@@ -1,16 +1,18 @@
 import { Dict } from "../../utils/index.js";
 import { System, UsageTheme } from "../system/index.types.js";
 import { ThemeToken } from "../system/create-system.js";
+import "../system/index.js";
 import { CSSProperties } from "./index.types.js";
+import "./config.js";
 import { CSSFunction } from "./css.js";
 
 //#region src/core/css/utils.d.ts
 interface TransformOptions {
+  system: System;
   css?: CSSFunction;
   fallback?: any;
   prev?: Dict;
   properties?: CSSProperties[];
-  system: System;
   theme?: UsageTheme;
 }
 interface Transform {

package/dist/types/core/generated-theme-tokens.types.d.ts

@@ -1,9 +1,10 @@
 import { UsageThemeTokens } from "./system/index.types.js";
+import "./system/index.js";
 
 //#region src/core/generated-theme-tokens.types.d.ts
 interface GeneratedThemeTokens extends UsageThemeTokens {
-  apply: never;
   animations: never;
+  apply: never;
   aspectRatios: "bronze" | "golden" | "landscape" | "portrait" | "silver" | "square" | "ultrawide" | "wide";
   blurs: "2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl";
   borders: "lg" | "md" | "sm" | "xl" | "xs";

package/dist/types/core/index.d.ts

@@ -15,6 +15,7 @@ import { GlobalStyles, ThemeProvider, ThemeProviderProps, getPreventTransition,
 import { getColorModeValue, useColorModeValue } from "./system/use-color-mode-value.js";
 import { UseSystemColorModeProps, useSystemColorMode } from "./system/use-system-color-mode.js";
 import { CreateVars, createVars, getColorSchemeVar, getVar, getVarName, injectVars, isColorScheme, mergeVars, transformInterpolation, varAttr } from "./system/var.js";
+import "./system/index.js";
 import { AnySelector, AttributeProperty, AttributeProps, Attributes, ConditionProperty, ConditionProps, ConditionSelector, Conditions, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, attributeProperties, attributeSelectors, attributes, conditionProperties, conditionSelectors, conditions, getCondition, groupAttributeProperties, groupAttributeSelectors, groupAttributes, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements } from "./css/conditions.js";
 import { display } from "./css/display.js";
 import { AnimationProperty, AspectRatioProperty, AtRuleStyleProperty, BlurProperty, BorderProperty, ColorProperty, DurationProperty, EasingProperty, FontProperty, GradientProperty, KeyframeProperty, PseudoStyleProperty, RadiusProperty, ShadowProperty, ShorthandStyleProperty, SizeProperty, SpaceProperty, StandardStyleProperty, StyleProperty, StyleProps, StyledStyleProperty, Styles, VariableLengthProperty, ZIndexProperty, animationProperties, aspectRatioProperties, atRuleStyles, blurProperties, borderProperties, colorProperties, durationProperties, easingProperties, fontProperties, gradientProperties, keyframeProperties, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, variableLengthProperties, zIndexProperties } from "./css/styles.js";
@@ -29,6 +30,7 @@ import { animation, injectKeyframes, keyframes } from "./css/animation.js";
 import { mergeCSS } from "./css/merge-css.js";
 import { getCSS, useCSS } from "./css/use-css.js";
 import { useInjectVarsIntoCss, useInjectVarsIntoProps } from "./css/use-inject-vars.js";
+import "./css/index.js";
 import { As, Component, ComponentArgs, DOMElement, GenericsComponent, HTMLElementProps, HTMLProps, HTMLRefAttributes, HTMLStyledProps, HTMLStyledPropsWithoutAs, HTMLStyledPropsWithoutRef, OmitProps, PropGetter, RequiredPropGetter, StyledComponent, StyledProps, WithoutAs, WithoutRef } from "./components/index.types.js";
 import { ComponentOptions, ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps, UseComponentPropsOptions, createComponent, createSlotComponent } from "./components/create-component.js";
 import { UseComponentSlotStyleOptions, UseComponentStyleOptions, getSlotClassName, mergeSlotCSS, useComponentSlotStyle, useComponentStyle } from "./components/use-component-style.js";

package/dist/types/core/system/breakpoint.d.ts

@@ -11,14 +11,14 @@ interface BreakpointQuery {
   query: string | undefined;
 }
 interface Breakpoints {
-  getQuery: (key: string) => string | undefined;
-  isResponsive: (obj: any, strict?: boolean) => boolean;
-  isResponsiveKey: (key: string) => boolean;
   keys: Breakpoint[];
   queries: BreakpointQuery[];
   queriesObj: {
     [key: string]: BreakpointQuery;
   };
+  getQuery: (key: string) => string | undefined;
+  isResponsive: (obj: any, strict?: boolean) => boolean;
+  isResponsiveKey: (key: string) => boolean;
 }
 declare function createBreakpoints(breakpoints?: DefineThemeBreakpointTokens, config?: BreakpointConfig): Breakpoints;
 //#endregion

package/dist/types/core/system/color-mode-provider.d.ts

@@ -1,17 +1,17 @@
 import { ColorMode, ColorModeWithSystem, ThemeConfig } from "./index.types.js";
 import { Storage } from "./storage-manager.js";
-import * as react894 from "react";
+import * as react34 from "react";
 import { FC, PropsWithChildren } from "react";
 
 //#region src/core/system/color-mode-provider.d.ts
 interface ColorModeContext {
-  changeColorMode: (colorMode: ColorModeWithSystem) => void;
   colorMode: ColorMode;
-  forced?: boolean;
   internalColorMode: ColorModeWithSystem;
+  changeColorMode: (colorMode: ColorModeWithSystem) => void;
   toggleColorMode: () => void;
+  forced?: boolean;
 }
-declare const ColorModeContext: react894.Context<ColorModeContext>;
+declare const ColorModeContext: react34.Context<ColorModeContext>;
 interface ColorModeProviderProps extends PropsWithChildren {
   /**
    * The forced color mode.

package/dist/types/core/system/config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentSlotStyle, ComponentStyle, DefineThemeAnimationTokens, DefineThemeBreakpointTokens, DefineThemeColorSchemeSemanticTokens, DefineThemeColorSemanticTokens, DefineThemeKeyframeTokens, DefineThemeSchemeTokens, DefineThemeTokens, ThemeConfig, UsageTheme } from "./index.types.js";
 import { CSSAnimationObject, CSSModifierObject, CSSObject, CSSPropObject, CSSSlotObject } from "../css/index.types.js";
+import "../css/index.js";
 
 //#region src/core/system/config.d.ts
 interface DefineConfig {

package/dist/types/core/system/factory.d.ts

@@ -1,6 +1,7 @@
 import { ComponentStyle, ThemeProps } from "./index.types.js";
 import { StyledOptions } from "./styled.js";
 import { CSSModifierObject, CSSPropObject } from "../css/index.types.js";
+import "../css/index.js";
 import { As, DOMElement, StyledComponent } from "../components/index.types.js";
 import "../components/index.js";
 import { FC } from "react";

package/dist/types/core/system/index.types.d.ts

@@ -4,6 +4,7 @@ import { GeneratedThemeTokens } from "../generated-theme-tokens.types.js";
 import { Layers } from "./layer.js";
 import { Breakpoints } from "./breakpoint.js";
 import { CSSAnimationObject, CSSModifierObject, CSSObject, CSSPropObject, CSSSlotObject, StyleValue, StyleValueWithCondition } from "../css/index.types.js";
+import "../css/index.js";
 import { RefObject } from "react";
 
 //#region src/core/system/index.types.d.ts
@@ -167,6 +168,10 @@ interface LoadingConfig {
   loadingScheme?: LoadingScheme;
 }
 interface ThemeConfig {
+  /**
+   * The config of breakpoint.
+   */
+  breakpoint?: BreakpointConfig;
   /**
    * The config of the CSS.
    */
@@ -186,10 +191,6 @@ interface ThemeConfig {
      */
     varPrefix?: string;
   };
-  /**
-   * The config of breakpoint.
-   */
-  breakpoint?: BreakpointConfig;
   /**
    * The default color mode.
    * If `system`, the system will apply the color mode.
@@ -283,8 +284,8 @@ interface DefineThemeColorSchemeSemanticTokens {
 }
 type DefineThemeColorSemanticValue = [AnyString | ThemeTokens["colors"], AnyString | ThemeTokens["colors"]] | AnyString | ThemeTokens["colors"];
 interface DefineThemeColorSemanticToken {
-  base?: DefineThemeColorSemanticValue;
   [key: string]: any;
+  base?: DefineThemeColorSemanticValue;
   bg?: DefineThemeColorSemanticValue;
   contrast?: DefineThemeColorSemanticValue;
   default?: DefineThemeColorSemanticValue;
@@ -396,9 +397,9 @@ type ComponentCompound<Y$1 extends CSSObject | CSSSlotObject = CSSObject, M$1 ex
 }) & (string extends keyof H ? {} : {
   variant?: (keyof H)[] | keyof H | RegExp;
 }) & (string extends keyof M$1 ? {} : { [key in keyof M$1]?: Booleanish<keyof M$1[key]> | Booleanish<keyof M$1[key]>[] | RegExp }) & {
+  [key: string]: any;
   css: Y$1;
   colorScheme?: RegExp | ThemeTokens["colorSchemes"] | ThemeTokens["colorSchemes"][];
-  [key: string]: any;
   layer?: LayerScheme;
 };
 interface ComponentStyle<Y$1 extends CSSPropObject = CSSPropObject, M$1 extends CSSModifierObject = CSSModifierObject, D$1 extends CSSModifierObject = CSSModifierObject> extends ComponentSharedStyle<Y$1, M$1, D$1> {

package/dist/types/core/system/layer.d.ts

@@ -4,9 +4,9 @@ import { LayerScheme, LayersConfig } from "./index.types.js";
 //#region src/core/system/layer.d.ts
 interface Layers {
   atRule: string | undefined;
-  getAtRule?: (name: LayerScheme) => string;
   names: string[];
   wrap: (name: LayerScheme, style?: (() => Dict) | Dict) => Dict;
+  getAtRule?: (name: LayerScheme) => string;
 }
 declare const defaultLayers: Layers;
 declare function createLayers(layers?: false | LayersConfig): Layers;

package/dist/types/core/system/storage-script.d.ts

@@ -1,13 +1,13 @@
 import { ColorModeWithSystem, ThemeScheme } from "./index.types.js";
 import { Storage } from "./storage-manager.js";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/core/system/storage-script.d.ts
 interface StorageScriptProps<Y extends string> {
-  key?: string;
-  type?: Storage;
   defaultValue?: Y;
+  key?: string;
   nonce?: string;
+  type?: Storage;
 }
 declare function getStorageScript<Y extends string>(type: "colorMode" | "themeScheme", defaultKey: string): ({
   key,
@@ -17,11 +17,11 @@ declare function getStorageScript<Y extends string>(type: "colorMode" | "themeSc
 declare function ColorModeScript({
   nonce,
   ...rest
-}: StorageScriptProps<ColorModeWithSystem>): react_jsx_runtime5.JSX.Element;
+}: StorageScriptProps<ColorModeWithSystem>): react_jsx_runtime2.JSX.Element;
 declare function ThemeSchemeScript({
   nonce,
   ...rest
-}: StorageScriptProps<ThemeScheme>): react_jsx_runtime5.JSX.Element;
+}: StorageScriptProps<ThemeScheme>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { ColorModeScript, StorageScriptProps, ThemeSchemeScript, getStorageScript };
 //# sourceMappingURL=storage-script.d.ts.map

package/dist/types/core/system/styled.d.ts

@@ -1,19 +1,20 @@
 import { ColorScheme, ComponentStyle, System } from "./index.types.js";
 import { CSSModifierObject, CSSPropObject } from "../css/index.types.js";
+import "../css/index.js";
 import { As, StyledComponent } from "../components/index.types.js";
 import { ShouldForwardProp } from "../components/props.js";
 import "../components/index.js";
-import * as react895 from "react";
+import * as react35 from "react";
 
 //#region src/core/system/styled.d.ts
-declare const ColorSchemeContext: react895.Context<ColorScheme | undefined>, useColorSchemeContext: () => ColorScheme | undefined;
+declare const ColorSchemeContext: react35.Context<ColorScheme | undefined>, useColorSchemeContext: () => ColorScheme | undefined;
 interface StyledOptions<Y extends CSSPropObject = CSSPropObject, M extends CSSModifierObject = CSSModifierObject, D extends CSSModifierObject = CSSModifierObject, H extends number | string | symbol = string> extends Omit<ComponentStyle<Y, M, D>, "className"> {
-  name?: string;
-  target?: string;
   className?: ((system: System) => string) | string;
   displayName?: string;
   forwardAsChild?: boolean;
+  name?: string;
   shouldForwardProp?: boolean | ShouldForwardProp;
+  target?: string;
   forwardProps?: string[];
   transferProps?: H[];
 }

package/dist/types/core/system/system-provider.d.ts

@@ -1,10 +1,10 @@
 import { System, ThemeConfig, UsageTheme } from "./index.types.js";
-import * as react896 from "react";
+import * as react36 from "react";
 import { FC, PropsWithChildren } from "react";
 
 //#region src/core/system/system-provider.d.ts
 interface SystemContext extends System {}
-declare const SystemContext: react896.Context<SystemContext>;
+declare const SystemContext: react36.Context<SystemContext>;
 interface SystemProviderProps extends PropsWithChildren {
   /**
    * The config of the yamada ui.

package/dist/types/core/system/use-system-color-mode.d.ts

@@ -2,8 +2,8 @@ import { ColorMode } from "./index.types.js";
 
 //#region src/core/system/use-system-color-mode.d.ts
 interface UseSystemColorModeProps {
-  callback?: (colorMode: ColorMode) => void;
   defaultColorMode: ColorMode;
+  callback?: (colorMode: ColorMode) => void;
 }
 /**
  * `useSystemColorMode` is a custom hook that returns the current system color mode.

package/dist/types/core/system/var.d.ts

@@ -2,7 +2,9 @@ import { Dict } from "../../utils/index.js";
 import { CSSMap, System, UsageTheme } from "./index.types.js";
 import { Breakpoints } from "./breakpoint.js";
 import { ThemeToken, VariableTokens } from "./create-system.js";
+import "./index.js";
 import { CSSProperties, StyleValueWithCondition } from "../css/index.types.js";
+import "../css/index.js";
 
 //#region src/core/system/var.d.ts
 declare function transformInterpolation(value: any, callback: (value: string, fallbackValue?: string) => string): any;

package/dist/types/hooks/use-async/index.d.ts

@@ -13,17 +13,17 @@ type AsyncState<Y> = {
   loading: false;
   value?: undefined;
 } | {
-  error?: Error | undefined;
-  loading: true;
-  value?: Y;
-} | {
-  error?: undefined;
   loading: boolean;
+  error?: undefined;
   value?: undefined;
 } | {
-  error?: undefined;
   loading: false;
   value: Y;
+  error?: undefined;
+} | {
+  loading: true;
+  error?: Error | undefined;
+  value?: Y;
 };
 type PromiseType<P extends Promise<any>> = P extends Promise<infer Y> ? Y : never;
 type StateFromFunctionReturningPromise<Y extends FunctionReturningPromise> = AsyncState<PromiseType<ReturnType<Y>>>;
@@ -39,19 +39,19 @@ declare function useAsyncRetry<Y>(func: () => Promise<Y>, deps?: DependencyList)
   value?: undefined;
 } | {
   retry: () => void;
-  error?: undefined;
   loading: boolean;
+  error?: undefined;
   value?: undefined;
 } | {
   retry: () => void;
-  error?: Error | undefined;
-  loading: true;
-  value?: Y | undefined;
-} | {
-  retry: () => void;
-  error?: undefined;
   loading: false;
   value: Y;
+  error?: undefined;
+} | {
+  retry: () => void;
+  loading: true;
+  error?: Error | undefined;
+  value?: Y | undefined;
 };
 //#endregion
 export { AsyncFnReturn, AsyncState, AsyncStateRetry, FunctionReturningPromise, PromiseType, useAsync, useAsyncFunc, useAsyncRetry };

package/dist/types/hooks/use-async-callback/index.d.ts

@@ -1,6 +1,5 @@
 import { LoadingMethod } from "../../core/system/index.types.js";
 import { LoadingOptions } from "../../components/loading/loading-provider.js";
-import "../../components/loading/index.js";
 import { DependencyList } from "react";
 
 //#region src/hooks/use-async-callback/index.d.ts

package/dist/types/hooks/use-boolean/index.d.ts

@@ -7,8 +7,8 @@
 declare const useBoolean: (init?: boolean) => UseBooleanReturn;
 type UseBooleanReturn = [flg: boolean, setFlg: {
   off: () => void;
-  toggle: () => void;
   on: () => void;
+  toggle: () => void;
 }];
 //#endregion
 export { UseBooleanReturn, useBoolean };

package/dist/types/hooks/use-breakpoint/use-breakpoint-state.d.ts

@@ -1,6 +1,6 @@
 import { ResponsiveObject } from "../../core/css/index.types.js";
 import "../../core/index.js";
-import * as react27 from "react";
+import * as react32 from "react";
 
 //#region src/hooks/use-breakpoint/use-breakpoint-state.d.ts
 
@@ -9,7 +9,7 @@ import * as react27 from "react";
  *
  * @see https://yamada-ui.com/docs/hooks/use-breakpoint-state
  */
-declare const useBreakpointState: <Y>(initialState: ResponsiveObject<Y, false>) => [Y, react27.Dispatch<react27.SetStateAction<Y>>];
+declare const useBreakpointState: <Y>(initialState: ResponsiveObject<Y, false>) => [Y, react32.Dispatch<react32.SetStateAction<Y>>];
 //#endregion
 export { useBreakpointState };
 //# sourceMappingURL=use-breakpoint-state.d.ts.map

package/dist/types/hooks/use-clickable/index.d.ts

@@ -6,10 +6,6 @@ import { HTMLAttributes, KeyboardEvent, MouseEvent, Ref } from "react";
 //#region src/hooks/use-clickable/index.d.ts
 type Props<Y extends HTMLElement = HTMLElement> = Omit<HTMLAttributes<Y>, "ref" | "size" | keyof StyledProps>;
 type UseClickableProps<Y extends HTMLElement = HTMLElement, M extends Props<Y> = Props<Y>> = M & {
-  /**
-   * The ref for the element.
-   */
-  ref?: Ref<Y>;
   /**
    * Whether or not trigger click on pressing `Enter`.
    *
@@ -47,6 +43,10 @@ type UseClickableProps<Y extends HTMLElement = HTMLElement, M extends Props<Y> =
    * @default true
    */
   focusOnClick?: boolean;
+  /**
+   * The ref for the element.
+   */
+  ref?: Ref<Y>;
 };
 declare const useClickable: <Y extends HTMLElement = HTMLElement, M extends Props<Y> = Props<Y>>({
   ref,

package/dist/types/hooks/use-combobox/index.d.ts

@@ -4,7 +4,6 @@ import "../../core/index.js";
 import { Descendant, DescendantProps } from "../use-descendants/index.js";
 import { UseDisclosureProps } from "../use-disclosure/use-disclosure.js";
 import { UsePopoverProps } from "../../components/popover/use-popover.js";
-import "../../components/popover/index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as react7 from "react";
 import { JSXElementConstructor, ReactNode, RefObject } from "react";
@@ -32,9 +31,9 @@ declare const createComboboxItem: (children: ReactNode, {
   Option
 }: CreateComboboxItemOptions) => any[];
 interface CreateComboboxChildrenOptions {
-  Empty?: JSXElementConstructor<any>;
   Group: JSXElementConstructor<any>;
   Option: JSXElementConstructor<any>;
+  Empty?: JSXElementConstructor<any>;
 }
 declare const createComboboxChildren: (items: ComboboxItem[], {
   Empty,

package/dist/types/hooks/use-controllable-state/index.d.ts

@@ -10,8 +10,8 @@ interface UseControllableStateProps<Y> extends UseControllableStateMethods<Y> {
   value?: Y;
 }
 declare function useControllableState<Y>(props: UseControllableStateMethods<Y> & {
-  defaultValue?: (() => Y) | Y;
   value: Y;
+  defaultValue?: (() => Y) | Y;
 }): [Y, Dispatch<SetStateAction<Y>>];
 declare function useControllableState<Y>(props: UseControllableStateMethods<Y> & {
   defaultValue: (() => Y) | Y;
@@ -26,8 +26,8 @@ interface UseControllableEventStateProps<Y extends boolean | number | string, M
   value?: Y;
 }
 declare function useControllableEventState<Y extends boolean | number | string, M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>(props: UseControllableEventStateMethods<M> & {
-  defaultValue?: (() => Y) | Y;
   value: Y;
+  defaultValue?: (() => Y) | Y;
 }): [Y, ChangeEventHandler<M>];
 declare function useControllableEventState<Y extends boolean | number | string, M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>(props: UseControllableEventStateMethods<M> & {
   defaultValue: (() => Y) | Y;

package/dist/types/hooks/use-descendants/index.d.ts

@@ -1,4 +1,4 @@
-import * as react25 from "react";
+import * as react20 from "react";
 import { RefCallback } from "react";
 
 //#region src/hooks/use-descendants/index.d.ts
@@ -40,7 +40,7 @@ type CreateDescendantRegister<Y extends HTMLElement, M = {}> = (props?: Descenda
  * @see https://yamada-ui.com/docs/hooks/use-descendants
  */
 declare const createDescendants: <Y extends HTMLElement = HTMLElement, M = {}>() => {
-  DescendantsContext: react25.Context<{
+  DescendantsContext: react20.Context<{
     active: (target?: Y | Descendant<Y, M> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;

package/dist/types/hooks/use-field-sizing/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as react21 from "react";
+import * as react22 from "react";
 
 //#region src/hooks/use-field-sizing/index.d.ts
 interface UseFieldSizingProps {
@@ -8,7 +8,7 @@ interface UseFieldSizingProps {
 declare const useFieldSizing: <Y extends HTMLElement>({
   value
 }: UseFieldSizingProps) => {
-  ref: react21.RefObject<Y | null>;
+  ref: react22.RefObject<Y | null>;
   text: react_jsx_runtime0.JSX.Element;
 };
 type UseFieldSizingReturn = ReturnType<typeof useFieldSizing>;

package/dist/types/hooks/use-hover/index.d.ts

@@ -1,4 +1,4 @@
-import * as react24 from "react";
+import * as react23 from "react";
 
 //#region src/hooks/use-hover/index.d.ts
 
@@ -8,7 +8,7 @@ import * as react24 from "react";
  * @see https://yamada-ui.com/docs/hooks/use-hover
  */
 declare const useHover: <Y extends HTMLElement = HTMLDivElement>() => {
-  ref: react24.RefObject<Y | null>;
+  ref: react23.RefObject<Y | null>;
   hovered: boolean;
 };
 //#endregion

package/dist/types/hooks/use-local-storage/index.d.ts

@@ -3,8 +3,8 @@ type StorageType = "localStorage" | "sessionStorage";
 interface StorageProps<Y> {
   key: string;
   defaultValue?: Y;
-  deserialize?: (value: string | undefined) => Y;
   getInitialValueInEffect?: boolean;
+  deserialize?: (value: string | undefined) => Y;
   serialize?: (value: Y) => string;
 }
 declare const createStorage: <Y>(type: StorageType, name: string) => ({

package/dist/types/hooks/use-popper/index.d.ts

@@ -2,7 +2,7 @@ import { Dict } from "../../utils/index.js";
 import { Direction } from "../../core/system/index.types.js";
 import { DOMElement, HTMLElementProps, HTMLProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react20 from "react";
+import * as react21 from "react";
 import { ComponentRef } from "react";
 import * as _floating_ui_react_dom0 from "@floating-ui/react-dom";
 import { Middleware, Placement, Platform, Strategy, VirtualElement } from "@floating-ui/react-dom";
@@ -111,7 +111,7 @@ declare const usePopper: <Y extends DOMElement | VirtualElement = "div", M exten
   whileElementsMounted: whileElementsMountedProp
 }?: UsePopperProps<Y>) => {
   refs: {
-    reference: react20.MutableRefObject<Reference<Y> | null>;
+    reference: react21.MutableRefObject<Reference<Y> | null>;
     floating: React.MutableRefObject<HTMLElement | null>;
     setReference: (node: Reference<Y> | null) => void;
     setFloating: (node: HTMLElement | null) => void;

package/dist/types/hooks/use-resize-observer/index.d.ts

@@ -1,4 +1,4 @@
-import * as react22 from "react";
+import * as react24 from "react";
 
 //#region src/hooks/use-resize-observer/index.d.ts
 interface ObserverRect extends Omit<DOMRectReadOnly, "toJSON"> {}
@@ -7,9 +7,9 @@ interface ObserverRect extends Omit<DOMRectReadOnly, "toJSON"> {}
  *
  * @see https://yamada-ui.com/docs/hooks/use-resize-observer
  */
-declare const useResizeObserver: <Y extends HTMLElement = any>() => readonly [react22.RefObject<Y | null>, ObserverRect];
+declare const useResizeObserver: <Y extends HTMLElement = any>() => readonly [react24.RefObject<Y | null>, ObserverRect];
 declare const useElementSize: <Y extends HTMLElement = any>() => {
-  ref: react22.RefObject<Y | null>;
+  ref: react24.RefObject<Y | null>;
   height: number;
   width: number;
 };