@yamada-ui/react 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018

package/dist/types/components/link-box/link-box.d.ts

@@ -1,26 +1,26 @@
-import { index_d_exports } from "../../utils/index.js";
+import { Dict } from "../../utils/common/index.types.js";
 import { ComponentSlotStyle, ThemeProps } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { LinkBoxStyle } from "./link-box.style.js";
-import * as react1937 from "react";
+import * as react3257 from "react";
 
 //#region src/components/link-box/link-box.d.ts
-interface ComponentContext extends index_d_exports.Dict {}
+interface ComponentContext extends Dict {}
 interface LinkBoxRootProps extends HTMLStyledProps, ThemeProps<LinkBoxStyle> {}
-declare const ComponentContext: react1937.Context<ComponentContext>, LinkBoxPropsContext: react1937.Context<Partial<LinkBoxRootProps> | undefined>, useComponentContext: () => ComponentContext, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends index_d_exports.Dict = (H extends keyof react1937.JSX.IntrinsicElements ? HTMLStyledProps<Y> : index_d_exports.Dict<any>)>(el: H | react1937.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>>> | undefined, {
+declare const ComponentContext: react3257.Context<ComponentContext>, LinkBoxPropsContext: react3257.Context<Partial<LinkBoxRootProps> | undefined>, useComponentContext: () => ComponentContext, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends Dict = (H extends keyof react3257.JSX.IntrinsicElements ? HTMLStyledProps<Y> : Dict<any>)>(el: H | react3257.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>>> | undefined, {
     name,
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1937.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends LinkBoxRootProps = LinkBoxRootProps, T extends keyof R = keyof R>(el: H | react1937.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>>>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3257.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends LinkBoxRootProps = LinkBoxRootProps, T extends keyof R = keyof R>(el: H | react3257.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>, T>[]) => H extends "fragment" ? react1937.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>, T>[]) => H extends "fragment" ? react3257.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `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

@@ -1,12 +1,12 @@
+import { Dict } from "../../utils/common/index.types.js";
 import { ComponentSlotStyle, ThemeProps } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSProps, CSSSlotObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentOptions, ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { ListStyle } from "./list.style.js";
-import * as react2127 from "react";
+import * as react3708 from "react";
 import { ReactElement } from "react";
-import * as react_jsx_runtime2176 from "react/jsx-runtime";
-import * as _yamada_ui_utils2125 from "@yamada-ui/utils";
+import * as react_jsx_runtime3757 from "react/jsx-runtime";
 
 //#region src/components/list/list.d.ts
 interface ListRootProps extends HTMLStyledProps<"ul">, Omit<ThemeProps<ListStyle>, "styleType"> {
@@ -23,7 +23,7 @@ interface ListRootProps extends HTMLStyledProps<"ul">, Omit<ThemeProps<ListStyle
    */
   styleType?: CSSProps["listStyleType"];
 }
-declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils2125.Dict = _yamada_ui_utils2125.Dict<any>>(el: H | react2127.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "item", {
+declare const component: <H extends "fragment" | As = "div", R extends Dict = Dict<any>>(el: H | react3708.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "item", {
     styleType: {
       circle: {
         root: {
@@ -61,7 +61,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (...superProps: SuperProps<R>[]) => H extends "fragment" ? react2127.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, ListPropsContext: react2127.Context<Partial<ListRootProps> | undefined>, useListPropsContext: () => Partial<ListRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils2125.Dict = (H extends keyof react2127.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils2125.Dict<any>)>(el: H | react2127.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "item", {
+  }?: ComponentOptions) => (...superProps: SuperProps<R>[]) => H extends "fragment" ? react3708.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, ListPropsContext: react3708.Context<Partial<ListRootProps> | undefined>, useListPropsContext: () => Partial<ListRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends Dict = (H extends keyof react3708.JSX.IntrinsicElements ? HTMLStyledProps<Y> : Dict<any>)>(el: H | react3708.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "item", {
     styleType: {
       circle: {
         root: {
@@ -100,7 +100,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react2127.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends ListRootProps = ListRootProps, T extends keyof R = keyof R>(el: H | react2127.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "styleType" : Exclude<"styleType", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "item", {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3708.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends ListRootProps = ListRootProps, T extends keyof R = keyof R>(el: H | react3708.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "styleType" : Exclude<"styleType", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "item", {
     styleType: {
       circle: {
         root: {
@@ -174,7 +174,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
         };
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>>, T>[]) => H extends "fragment" ? react2127.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>>, T>[]) => H extends "fragment" ? react3708.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `List` is a component for displaying lists. By default, it renders a `ul` element.
  *
@@ -187,7 +187,7 @@ declare const ListRoot: Component<({
   stylePosition: listStylePosition,
   styleType: listStyleType,
   ...rest
-}: Omit<ListRootProps, "size" | "variant">) => react_jsx_runtime2176.JSX.Element, ListRootProps>;
+}: Omit<ListRootProps, "size" | "variant">) => react_jsx_runtime3757.JSX.Element, ListRootProps>;
 interface ListItemProps extends HTMLStyledProps<"li"> {
   /**
    * The icon to use.

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

@@ -1,5 +1,5 @@
 import { ThemeConfig } from "../../core/system/index.types.js";
-import * as react1983 from "react";
+import * as react3210 from "react";
 import { FC, PropsWithChildren, ReactNode } from "react";
 
 //#region src/components/loading/loading-provider.d.ts
@@ -50,7 +50,7 @@ interface LoadingContext {
    */
   screen: LoadingMethods;
 }
-declare const LoadingContext: react1983.Context<LoadingContext>;
+declare const LoadingContext: react3210.Context<LoadingContext>;
 interface LoadingProviderProps extends PropsWithChildren<ThemeConfig["loading"]> {}
 declare const LoadingProvider: FC<LoadingProviderProps>;
 /**

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

@@ -9,8 +9,8 @@ import { PuffProps } from "./puff.js";
 import { RingsProps } from "./rings.js";
 
 //#region src/components/loading/use-loading-component.d.ts
-declare const useLoadingComponent: (scheme: LoadingScheme) => Component<"svg", RingsProps> | Component<"svg", AudioProps> | Component<"svg", CirclesProps> | Component<"svg", DotsProps> | Component<"svg", GridProps> | Component<"svg", OvalProps> | Component<"svg", PuffProps>;
-declare const getLoadingComponent: (scheme: LoadingScheme) => Component<"svg", RingsProps> | Component<"svg", AudioProps> | Component<"svg", CirclesProps> | Component<"svg", DotsProps> | Component<"svg", GridProps> | Component<"svg", OvalProps> | Component<"svg", PuffProps>;
+declare const useLoadingComponent: (scheme: LoadingScheme) => Component<"svg", OvalProps> | Component<"svg", CirclesProps> | Component<"svg", DotsProps> | Component<"svg", PuffProps> | Component<"svg", GridProps> | Component<"svg", AudioProps> | Component<"svg", RingsProps>;
+declare const getLoadingComponent: (scheme: LoadingScheme) => Component<"svg", OvalProps> | Component<"svg", CirclesProps> | Component<"svg", DotsProps> | Component<"svg", PuffProps> | Component<"svg", GridProps> | Component<"svg", AudioProps> | Component<"svg", RingsProps>;
 declare const isLoadingScheme: (scheme: any) => scheme is LoadingScheme;
 //#endregion
 export { getLoadingComponent, isLoadingScheme, useLoadingComponent };

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

@@ -4,7 +4,7 @@ import { As, Component } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { IconProps } from "../icon/icon.js";
 import { LoadingStyle } from "./loading.style.js";
-import * as react1924 from "react";
+import * as react3941 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/loading/utils.d.ts
@@ -27,13 +27,13 @@ interface LoadingProps extends WithoutThemeProps<IconProps>, ThemeProps<LoadingS
    */
   secondaryColor?: CSSProps["color"];
 }
-declare const LoadingPropsContext: react1924.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 | react1924.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const LoadingPropsContext: react3941.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 | react3941.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react1924.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react3941.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 interface LoadingSharedProps {
   duration: null | number;
   message: ReactNode | undefined;

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

@@ -3,11 +3,11 @@ import { CSSModifierObject, CSSObject, CSSPropObject } from "../../core/css/inde
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { MarkStyle } from "./mark.style.js";
-import * as react2098 from "react";
+import * as react3385 from "react";
 
 //#region src/components/mark/mark.d.ts
 interface MarkProps extends HTMLStyledProps<"mark">, ThemeProps<MarkStyle> {}
-declare const MarkPropsContext: react2098.Context<Partial<MarkProps> | undefined>, useMarkPropsContext: () => Partial<MarkProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends MarkProps = MarkProps, R extends keyof H = keyof H>(el: D | react2098.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const MarkPropsContext: react3385.Context<Partial<MarkProps> | undefined>, useMarkPropsContext: () => Partial<MarkProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends MarkProps = MarkProps, R extends keyof H = keyof H>(el: D | react3385.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
@@ -26,7 +26,7 @@ declare const MarkPropsContext: react2098.Context<Partial<MarkProps> | undefined
     text: {
       fontWeight: "semibold";
     };
-  }>, R>[]) => D extends "fragment" ? react2098.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }>, R>[]) => D extends "fragment" ? react3385.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 declare const Mark: Component<"mark", MarkProps>;
 //#endregion
 export { Mark, MarkProps, MarkPropsContext, useMarkPropsContext, withContext };

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

@@ -1,3 +1,4 @@
+import { Dict } from "../../utils/common/index.types.js";
 import { ComponentSlotStyle, ThemeProps } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
@@ -10,9 +11,8 @@ import { PortalProps } from "../portal/portal.js";
 import { PopupAnimationProps } from "../popover/popover.js";
 import { ModalStyle } from "./modal.style.js";
 import { UseModalProps, UseModalReturn } from "./use-modal.js";
-import * as react2053 from "react";
+import * as react2005 from "react";
 import { FC, PropsWithChildren, ReactNode } from "react";
-import * as _yamada_ui_utils2056 from "@yamada-ui/utils";
 
 //#region src/components/modal/modal.d.ts
 interface ComponentContext extends Omit<UseModalReturn, "getRootProps">, PopupAnimationProps, Pick<ModalRootProps, "withCloseButton"> {}
@@ -54,7 +54,7 @@ interface ModalRootProps extends ThemeProps<ModalStyle>, Omit<UseModalProps, "ti
    */
   onCloseComplete?: () => void;
 }
-declare const ComponentContext: react2053.Context<ComponentContext>, ModalPropsContext: react2053.Context<Partial<ModalRootProps> | undefined>, useComponentContext: () => ComponentContext, useModalPropsContext: () => Partial<ModalRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils2056.Dict = (H extends keyof react2053.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils2056.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root", {
+declare const ComponentContext: react2005.Context<ComponentContext>, ModalPropsContext: react2005.Context<Partial<ModalRootProps> | undefined>, useComponentContext: () => ComponentContext, useModalPropsContext: () => Partial<ModalRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends Dict = (H extends keyof react2005.JSX.IntrinsicElements ? HTMLStyledProps<Y> : Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton", {
     placement: {
       center: {
         root: {
@@ -195,12 +195,12 @@ declare const ComponentContext: react2053.Context<ComponentContext>, ModalPropsC
         p: "0";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>>> | undefined, {
+  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton">>>>> | undefined, {
     name,
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react2053.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends ModalRootProps = ModalRootProps, T extends keyof R = keyof R>(el: H | FC<Omit<R, keyof R extends T ? "scrollBehavior" | ("size" | "variant") | "placement" : Exclude<"scrollBehavior", T> | Exclude<"placement", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root", {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react2005.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends ModalRootProps = ModalRootProps, T extends keyof R = keyof R>(el: H | FC<Omit<R, keyof R extends T ? "scrollBehavior" | ("size" | "variant") | "placement" : Exclude<"scrollBehavior", T> | Exclude<"placement", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton", {
     placement: {
       center: {
         root: {
@@ -341,13 +341,13 @@ declare const ComponentContext: react2053.Context<ComponentContext>, ModalPropsC
         p: "0";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>>>, {
+  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton">>>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root", {
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton", {
     placement: {
       center: {
         root: {
@@ -488,7 +488,7 @@ declare const ComponentContext: react2053.Context<ComponentContext>, ModalPropsC
         p: "0";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>, T>[]) => H extends "fragment" ? react2053.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton">>>, T>[]) => H extends "fragment" ? react2005.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `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

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.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.
    *
@@ -156,7 +156,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/motion/index.types.d.ts

@@ -1,4 +1,4 @@
-import { index_d_exports } from "../../utils/index.js";
+import { Dict, Merge } from "../../utils/common/index.types.js";
 import { ComponentArgs, DOMElement, OmitProps, StyledProps, WithoutAs, WithoutRef } from "../../core/components/index.types.js";
 import * as React from "react";
 import { MotionProps, ResolvedValues, TargetAndTransition, Transition } from "motion/react";
@@ -11,20 +11,20 @@ type ComponentProps<Y extends DOMElement, M extends DOMElement, D extends object
 interface MotionComponent<Y extends DOMElement, D extends object = {}> extends ComponentArgs {
   <M extends DOMElement = Y>(props: ComponentProps<Y, M, D>): React.ReactElement;
 }
-interface MotionStyledComponent<Y extends DOMElement, M extends object = {}> extends MotionComponent<Y, index_d_exports.Merge<MotionStyledProps, M>> {}
+interface MotionStyledComponent<Y extends DOMElement, M extends object = {}> extends MotionComponent<Y, Merge<MotionStyledProps, M>> {}
 interface StyledPropsWithoutAs extends Omit<StyledProps, "as"> {}
-interface MotionStyledProps extends index_d_exports.Merge<StyledPropsWithoutAs, MotionProps> {
+interface MotionStyledProps extends Merge<StyledPropsWithoutAs, MotionProps> {
   /**
    * The HTML element to render.
    */
   as?: DOMElement;
 }
-type HTMLMotionProps<Y extends DOMElement = "div"> = index_d_exports.Merge<React.ComponentProps<Y>, MotionStyledProps>;
+type HTMLMotionProps<Y extends DOMElement = "div"> = Merge<React.ComponentProps<Y>, MotionStyledProps>;
 type HTMLMotionPropsWithoutAs<Y extends DOMElement = "div"> = WithoutAs<HTMLMotionProps<Y>>;
 type HTMLMotionPropsWithoutChildren<Y extends DOMElement = "div"> = Omit<HTMLMotionProps<Y>, "children">;
-type TargetResolver<Y = index_d_exports.Dict> = (props: MotionTransitionProps & Y) => TargetAndTransition;
-type Variant<Y = index_d_exports.Dict> = TargetAndTransition | TargetResolver<Y>;
-interface MotionTransitionVariants<Y = index_d_exports.Dict> {
+type TargetResolver<Y = Dict> = (props: MotionTransitionProps & Y) => TargetAndTransition;
+type Variant<Y = Dict> = TargetAndTransition | TargetResolver<Y>;
+interface MotionTransitionVariants<Y = Dict> {
   enter: Variant<Y>;
   exit: Variant<Y>;
   initial?: Variant<Y>;

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

@@ -1,3 +1,4 @@
+import { Dict } from "../../utils/common/index.types.js";
 import { ComponentSlotStyle, ThemeProps } from "../../core/system/index.types.js";
 import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLProps, HTMLStyledProps } from "../../core/components/index.types.js";
@@ -8,9 +9,8 @@ import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
 import { NativeSelectStyle } from "./native-select.style.js";
 import { UseNativeSelectProps } from "./use-native-select.js";
-import * as react3853 from "react";
+import * as react2197 from "react";
 import { ReactNode } from "react";
-import * as _yamada_ui_utils3851 from "@yamada-ui/utils";
 
 //#region src/components/native-select/native-select.d.ts
 interface NativeSelectRootProps extends Omit<HTMLStyledProps<"select">, "size">, UseNativeSelectProps, ThemeProps<NativeSelectStyle>, FieldProps, UseInputBorderProps {
@@ -31,7 +31,7 @@ interface NativeSelectRootProps extends Omit<HTMLStyledProps<"select">, "size">,
    */
   rootProps?: InputGroupRootProps;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3851.Dict = _yamada_ui_utils3851.Dict<any>>(el: H | react3853.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "field", CSSPropObject<CSSSlotObject<"icon" | "root" | "field">>, {
+declare const component: <H extends "fragment" | As = "div", R extends Dict = Dict<any>>(el: H | react2197.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "field", CSSPropObject<CSSSlotObject<"icon" | "root" | "field">>, {
     xs: {
       field: {
         "&:has(+ [data-input-element])": {
@@ -390,7 +390,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (...superProps: SuperProps<R>[]) => H extends "fragment" ? react3853.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, NativeSelectPropsContext: react3853.Context<Partial<NativeSelectRootProps> | undefined>, useNativeSelectProps: () => Partial<NativeSelectRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3851.Dict = (H extends keyof react3853.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3851.Dict<any>)>(el: H | react3853.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "field", CSSPropObject<CSSSlotObject<"icon" | "root" | "field">>, {
+  }?: ComponentOptions) => (...superProps: SuperProps<R>[]) => H extends "fragment" ? react2197.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, NativeSelectPropsContext: react2197.Context<Partial<NativeSelectRootProps> | undefined>, useNativeSelectProps: () => Partial<NativeSelectRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends Dict = (H extends keyof react2197.JSX.IntrinsicElements ? HTMLStyledProps<Y> : Dict<any>)>(el: H | react2197.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "field", CSSPropObject<CSSSlotObject<"icon" | "root" | "field">>, {
     xs: {
       field: {
         "&:has(+ [data-input-element])": {
@@ -750,7 +750,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3853.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends NativeSelectRootProps = NativeSelectRootProps, T extends keyof R = keyof R>(el: H | react3853.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "field", CSSPropObject<CSSSlotObject<"icon" | "root" | "field">>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react2197.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends NativeSelectRootProps = NativeSelectRootProps, T extends keyof R = keyof R>(el: H | react2197.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "field", CSSPropObject<CSSSlotObject<"icon" | "root" | "field">>, {
     xs: {
       field: {
         "&:has(+ [data-input-element])": {
@@ -1466,7 +1466,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
         };
       } | undefined;
     };
-  }>, T>[]) => H extends "fragment" ? react3853.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react2197.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `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

@@ -1,11 +1,11 @@
+import { Dict, Merge } from "../../utils/common/index.types.js";
 import { ComponentSlotStyle, Direction, ThemeProps } from "../../core/system/index.types.js";
 import { CSSObject, CSSProps, CSSSlotObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps, UseComponentPropsOptions } from "../../core/components/create-component.js";
 import { NativeTableStyle } from "./native-table.style.js";
-import * as react2243 from "react";
-import * as react_jsx_runtime2286 from "react/jsx-runtime";
-import * as _yamada_ui_utils2245 from "@yamada-ui/utils";
+import * as react1837 from "react";
+import * as react_jsx_runtime1880 from "react/jsx-runtime";
 
 //#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: react2243.Context<Partial<NativeTableRootProps> | undefined>, useNativeTablePropsContext: () => Partial<NativeTableRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils2245.Dict = (H extends keyof react2243.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils2245.Dict<any>)>(el: H | react2243.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"caption" | "col" | "colgroup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "root" | "scrollArea", {
+declare const NativeTablePropsContext: react1837.Context<Partial<NativeTableRootProps> | undefined>, useNativeTablePropsContext: () => Partial<NativeTableRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends Dict = (H extends keyof react1837.JSX.IntrinsicElements ? HTMLStyledProps<Y> : Dict<any>)>(el: H | react1837.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"caption" | "col" | "colgroup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "root" | "scrollArea", {
     highlightOnHover: {
       true: {
         tbody: {
@@ -208,7 +208,7 @@ declare const NativeTablePropsContext: react2243.Context<Partial<NativeTableRoot
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react2243.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends NativeTableRootProps = NativeTableRootProps, T extends keyof R = keyof R>(el: H | react2243.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "highlightOnHover" | "highlightOnSelected" | "stickyFooter" | "stickyHeader" | "striped" | "withBorder" | "withColumnBorders" : Exclude<"highlightOnHover", T> | Exclude<"highlightOnSelected", T> | Exclude<"stickyFooter", T> | Exclude<"stickyHeader", T> | Exclude<"striped", T> | Exclude<"withBorder", T> | Exclude<"withColumnBorders", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"caption" | "col" | "colgroup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "root" | "scrollArea", {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1837.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends NativeTableRootProps = NativeTableRootProps, T extends keyof R = keyof R>(el: H | react1837.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "highlightOnHover" | "highlightOnSelected" | "stickyFooter" | "stickyHeader" | "striped" | "withBorder" | "withColumnBorders" : Exclude<"highlightOnHover", T> | Exclude<"highlightOnSelected", T> | Exclude<"stickyFooter", T> | Exclude<"stickyHeader", T> | Exclude<"striped", T> | Exclude<"withBorder", T> | Exclude<"withColumnBorders", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"caption" | "col" | "colgroup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "root" | "scrollArea", {
     highlightOnHover: {
       true: {
         tbody: {
@@ -572,7 +572,7 @@ declare const NativeTablePropsContext: react2243.Context<Partial<NativeTableRoot
         };
       };
     };
-  }>, T>[]) => H extends "fragment" ? react2243.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, useRootComponentProps: <Y extends _yamada_ui_utils2245.Dict = _yamada_ui_utils2245.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"caption" | "col" | "colgroup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "root" | "scrollArea", {
+  }>, T>[]) => H extends "fragment" ? react1837.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, useRootComponentProps: <Y extends Dict = Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"caption" | "col" | "colgroup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "root" | "scrollArea", {
     highlightOnHover: {
       true: {
         tbody: {
@@ -755,9 +755,9 @@ declare const NativeTablePropsContext: react2243.Context<Partial<NativeTableRoot
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils2245.Merge<Omit<Y, keyof Y extends R ? ("size" | "variant") | "highlightOnHover" | "highlightOnSelected" | "stickyFooter" | "stickyHeader" | "striped" | "withBorder" | "withColumnBorders" : Exclude<"highlightOnHover", R> | Exclude<"highlightOnSelected", R> | Exclude<"stickyFooter", R> | Exclude<"stickyHeader", R> | Exclude<"striped", R> | Exclude<"withBorder", R> | Exclude<"withColumnBorders", R> | Exclude<"size", R> | Exclude<"variant", R>>, {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<Omit<Y, keyof Y extends R ? ("size" | "variant") | "highlightOnHover" | "highlightOnSelected" | "stickyFooter" | "stickyHeader" | "striped" | "withBorder" | "withColumnBorders" : Exclude<"highlightOnHover", R> | Exclude<"highlightOnSelected", R> | Exclude<"stickyFooter", R> | Exclude<"stickyHeader", R> | Exclude<"striped", R> | Exclude<"withBorder", R> | Exclude<"withColumnBorders", R> | Exclude<"size", R> | Exclude<"variant", R>>, {
     css?: CSSObject | CSSObject[];
-  }>], useSlotComponentProps: <Y extends _yamada_ui_utils2245.Dict = _yamada_ui_utils2245.Dict<any>>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"caption" | "col" | "colgroup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "root" | "scrollArea", {
+  }>], useSlotComponentProps: <Y extends Dict = Dict<any>>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"caption" | "col" | "colgroup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "root" | "scrollArea", {
     highlightOnHover: {
       true: {
         tbody: {
@@ -952,7 +952,7 @@ declare const NativeTableRoot: Component<({
   withScrollArea,
   scrollAreaProps,
   ...rest
-}: Omit<NativeTableRootProps, ("size" | "variant") | "highlightOnHover" | "highlightOnSelected" | "stickyFooter" | "stickyHeader" | "striped" | "withBorder" | "withColumnBorders">) => react_jsx_runtime2286.JSX.Element, NativeTableRootProps>;
+}: Omit<NativeTableRootProps, ("size" | "variant") | "highlightOnHover" | "highlightOnSelected" | "stickyFooter" | "stickyHeader" | "striped" | "withBorder" | "withColumnBorders">) => react_jsx_runtime1880.JSX.Element, NativeTableRootProps>;
 interface NativeTableAreaProps extends HTMLStyledProps, ThemeProps<NativeTableStyle> {}
 interface CaptionProps extends HTMLStyledProps<"caption"> {
   /**

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

@@ -1,3 +1,4 @@
+import { Dict } from "../../utils/common/index.types.js";
 import { ComponentSlotStyle, ThemeProps, WithoutThemeProps } from "../../core/system/index.types.js";
 import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
@@ -8,9 +9,8 @@ import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
 import { NumberInputStyle } from "./number-input.style.js";
 import { UseNumberInputProps } from "./use-number-input.js";
-import * as react2299 from "react";
+import * as react3165 from "react";
 import { FC } from "react";
-import * as _yamada_ui_utils2301 from "@yamada-ui/utils";
 
 //#region src/components/number-input/number-input.d.ts
 interface NumberInputProps extends Omit<WithoutThemeProps<InputProps, NumberInputStyle>, keyof UseNumberInputProps>, ThemeProps<NumberInputStyle>, UseNumberInputProps {
@@ -35,7 +35,7 @@ interface NumberInputProps extends Omit<WithoutThemeProps<InputProps, NumberInpu
    */
   rootProps?: InputGroupRootProps;
 }
-declare const NumberInputPropsContext: react2299.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils2301.Dict = (H extends keyof react2299.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils2301.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "root" | "control" | "field" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "control" | "field" | "decrement" | "increment">>, {
+declare const NumberInputPropsContext: react3165.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends Dict = (H extends keyof react3165.JSX.IntrinsicElements ? HTMLStyledProps<Y> : Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "root" | "control" | "field" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "control" | "field" | "decrement" | "increment">>, {
     xs: {
       control: {
         boxSize: "calc({--input-height} - {spaces.2})";
@@ -470,7 +470,7 @@ declare const NumberInputPropsContext: react2299.Context<Partial<NumberInputProp
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react2299.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends NumberInputProps = NumberInputProps, T extends keyof R = keyof R>(el: H | FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "root" | "control" | "field" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "control" | "field" | "decrement" | "increment">>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3165.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends NumberInputProps = NumberInputProps, T extends keyof R = keyof R>(el: H | FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "root" | "control" | "field" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "control" | "field" | "decrement" | "increment">>, {
     xs: {
       control: {
         boxSize: "calc({--input-height} - {spaces.2})";
@@ -1336,7 +1336,7 @@ declare const NumberInputPropsContext: react2299.Context<Partial<NumberInputProp
         };
       } | undefined;
     };
-  }>, T>[]) => H extends "fragment" ? react2299.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react3165.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `NumberInput` is a component used to obtain numeric input from the user.
  *

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

@@ -1,4 +1,5 @@
 import { ReactNodeOrFunction } from "../../utils/context.js";
+import { Dict } from "../../utils/common/index.types.js";
 import { ComponentSlotStyle, ThemeProps, WithoutThemeProps } from "../../core/system/index.types.js";
 import { CSSPropObject, CSSSlotObject, StyleValue } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
@@ -7,10 +8,9 @@ import { ButtonGroupProps } from "../button/button-group.js";
 import { IconButtonProps } from "../button/icon-button.js";
 import { PaginationStyle } from "./pagination.style.js";
 import { Page, UsePaginationProps } from "./use-pagination.js";
-import * as react2190 from "react";
+import * as react3408 from "react";
 import { FC, ReactNode } from "react";
-import * as react_jsx_runtime2221 from "react/jsx-runtime";
-import * as _yamada_ui_utils2181 from "@yamada-ui/utils";
+import * as react_jsx_runtime3439 from "react/jsx-runtime";
 
 //#region src/components/pagination/pagination.d.ts
 interface PaginationRootProps extends WithoutThemeProps<Omit<ButtonGroupProps, "onChange" | "page">, PaginationStyle>, ThemeProps<PaginationStyle>, Omit<UsePaginationProps, "boundaries" | "siblings"> {
@@ -70,7 +70,7 @@ interface PaginationRootProps extends WithoutThemeProps<Omit<ButtonGroupProps, "
    */
   itemProps?: PaginationItemProps;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils2181.Dict = _yamada_ui_utils2181.Dict<any>>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
+declare const component: <H extends "fragment" | As = "div", R extends Dict = Dict<any>>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
     xs: {
       item: {
         fontSize: "{font-size}";
@@ -222,7 +222,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (...superProps: SuperProps<R>[]) => H extends "fragment" ? react2190.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, PaginationPropsContext: react2190.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils2181.Dict = (H extends keyof react2190.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils2181.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
+  }?: ComponentOptions) => (...superProps: SuperProps<R>[]) => H extends "fragment" ? react3408.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, PaginationPropsContext: react3408.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends Dict = (H extends keyof react3408.JSX.IntrinsicElements ? HTMLStyledProps<Y> : Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
     xs: {
       item: {
         fontSize: "{font-size}";
@@ -375,7 +375,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react2190.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends PaginationRootProps = PaginationRootProps, T extends keyof R = keyof R>(el: H | FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3408.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends PaginationRootProps = PaginationRootProps, T extends keyof R = keyof R>(el: H | FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
     xs: {
       item: {
         fontSize: "{font-size}";
@@ -677,7 +677,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
         } | undefined;
       };
     };
-  }>, T>[]) => H extends "fragment" ? react2190.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react3408.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `Pagination` is a component for managing the pagination and navigation of content.
  *
@@ -700,7 +700,7 @@ declare const PaginationRoot: Component<({
   ellipsisProps,
   itemProps,
   ...rest
-}: Omit<PaginationRootProps, never>) => react_jsx_runtime2221.JSX.Element, PaginationRootProps>;
+}: Omit<PaginationRootProps, never>) => react_jsx_runtime3439.JSX.Element, PaginationRootProps>;
 interface PaginationItemsProps {
   /**
    * The function used to generate children.

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

@@ -1,10 +1,10 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
-import * as react3189 from "react";
+import * as react3587 from "react";
 
 //#region src/components/pagination/use-pagination.d.ts
 type Page = "ellipsis" | number;
 interface PaginationContext extends Omit<UsePaginationReturn, "getRootProps"> {}
-declare const PaginationContext: react3189.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
+declare const PaginationContext: react3587.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
 interface UsePaginationProps extends Omit<HTMLProps, "onChange" | "page"> {
   /**
    * The total number of pages in pagination.