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

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

@@ -9,10 +9,10 @@ import { FocusLockProps } from "../focus-lock/focus-lock.js";
 import { PortalProps } from "../portal/portal.js";
 import { DrawerStyle } from "./drawer.style.js";
 import { UseDrawerProps, UseDrawerReturn } from "./use-drawer.js";
-import * as react894 from "react";
+import * as react1408 from "react";
 import { FC, PropsWithChildren, ReactNode } from "react";
-import * as react_jsx_runtime926 from "react/jsx-runtime";
-import * as _yamada_ui_utils885 from "@yamada-ui/utils";
+import * as react_jsx_runtime1440 from "react/jsx-runtime";
+import * as _yamada_ui_utils1399 from "@yamada-ui/utils";
 
 //#region src/components/drawer/drawer.d.ts
 interface ComponentContext extends Omit<UseDrawerReturn, "getRootProps">, Pick<DrawerRootProps, "duration" | "placement" | "withCloseButton" | "withDragBar"> {}
@@ -70,7 +70,7 @@ interface DrawerRootProps extends ThemeProps<DrawerStyle>, Omit<UseDrawerProps,
    */
   onCloseComplete?: () => void;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils885.Dict = _yamada_ui_utils885.Dict<any>>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar", {
+declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils1399.Dict = _yamada_ui_utils1399.Dict<any>>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar", {
     placement: {
       "block-end": {
         content: {
@@ -181,11 +181,11 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
         rounded: "0";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar">>>>> | undefined, {
+  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar">>>>> | undefined, {
     name,
     className,
     ...options
-  }?: ComponentOptions) => (...superProps: SuperProps<R>[]) => H extends "fragment" ? react894.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, ComponentContext: react894.Context<ComponentContext>, DrawerPropsContext: react894.Context<Partial<DrawerRootProps> | undefined>, useComponentContext: () => ComponentContext, useDrawerPropsContext: () => Partial<DrawerRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils885.Dict = (H extends keyof react894.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils885.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar", {
+  }?: ComponentOptions) => (...superProps: SuperProps<R>[]) => H extends "fragment" ? react1408.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, ComponentContext: react1408.Context<ComponentContext>, DrawerPropsContext: react1408.Context<Partial<DrawerRootProps> | undefined>, useComponentContext: () => ComponentContext, useDrawerPropsContext: () => Partial<DrawerRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils1399.Dict = (H extends keyof react1408.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils1399.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar", {
     placement: {
       "block-end": {
         content: {
@@ -296,12 +296,12 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
         rounded: "0";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar">>>>> | undefined, {
+  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar">>>>> | undefined, {
     name,
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react894.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends DrawerRootProps = DrawerRootProps, T extends keyof R = keyof R>(el: H | FC<Omit<R, keyof R extends T ? ("size" | "variant") | "placement" : Exclude<"placement", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar", {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1408.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends DrawerRootProps = DrawerRootProps, T extends keyof R = keyof R>(el: H | FC<Omit<R, keyof R extends T ? ("size" | "variant") | "placement" : Exclude<"placement", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar", {
     placement: {
       "block-end": {
         content: {
@@ -412,13 +412,13 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
         rounded: "0";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar">>>>>, {
+  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar">>>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar", {
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar", {
     placement: {
       "block-end": {
         content: {
@@ -529,7 +529,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
         rounded: "0";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar">>>, T>[]) => H extends "fragment" ? react894.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar">>>, T>[]) => H extends "fragment" ? react1408.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `Drawer` is a component for a panel that appears from the edge of the screen.
  *
@@ -568,7 +568,7 @@ declare const DrawerRoot: Component<({
   onMiddle,
   onSuccess,
   ...props
-}: Omit<DrawerRootProps, "size" | "variant">) => react_jsx_runtime926.JSX.Element, DrawerRootProps>;
+}: Omit<DrawerRootProps, "size" | "variant">) => react_jsx_runtime1440.JSX.Element, DrawerRootProps>;
 interface DrawerOpenTriggerProps extends HTMLStyledProps<"button"> {}
 declare const DrawerOpenTrigger: Component<"button", DrawerOpenTriggerProps>;
 interface DrawerCloseTriggerProps extends HTMLStyledProps<"button"> {}

package/dist/types/components/drawer/drawer.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/drawer/drawer.style.d.ts
-declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar", {
+declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar", {
   /**
    * The placement of the drawer.
    *
@@ -118,7 +118,7 @@ declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "ti
       rounded: "0";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar">>>;
+}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar">>>;
 type DrawerStyle = typeof drawerStyle;
 //#endregion
 export { DrawerStyle, drawerStyle };

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

@@ -6,9 +6,9 @@ import { ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialP
 import { UseInputBorderProps } from "../input/use-input-border.js";
 import { EditableStyle } from "./editable.style.js";
 import { UseEditableProps, UseEditableReturn } from "./use-editable.js";
-import * as react2542 from "react";
-import * as react_jsx_runtime2585 from "react/jsx-runtime";
-import * as _yamada_ui_utils2544 from "@yamada-ui/utils";
+import * as react1328 from "react";
+import * as react_jsx_runtime1371 from "react/jsx-runtime";
+import * as _yamada_ui_utils1330 from "@yamada-ui/utils";
 
 //#region src/components/editable/editable.d.ts
 interface EditableElementProps extends Pick<UseEditableReturn, "editing" | "onCancel" | "onEdit" | "onSubmit"> {}
@@ -18,18 +18,18 @@ interface EditableRootProps extends Omit<HTMLStyledProps, "children" | "defaultV
    */
   children?: ReactNodeOrFunction<EditableElementProps>;
 }
-declare const EditablePropsContext: react2542.Context<Partial<EditableRootProps> | undefined>, useEditablePropsContext: () => Partial<EditableRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils2544.Dict = (H extends keyof react2542.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils2544.Dict<any>)>(el: H | react2542.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"input" | "textarea" | "root" | "control" | "preview", CSSPropObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>>>> | undefined, {
+declare const EditablePropsContext: react1328.Context<Partial<EditableRootProps> | undefined>, useEditablePropsContext: () => Partial<EditableRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils1330.Dict = (H extends keyof react1328.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils1330.Dict<any>)>(el: H | react1328.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"input" | "textarea" | "root" | "control" | "preview", CSSPropObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>>>> | undefined, {
     name,
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react2542.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends EditableRootProps = EditableRootProps, T extends keyof R = keyof R>(el: H | react2542.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"input" | "textarea" | "root" | "control" | "preview", CSSPropObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>>>>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1328.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends EditableRootProps = EditableRootProps, T extends keyof R = keyof R>(el: H | react1328.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"input" | "textarea" | "root" | "control" | "preview", CSSPropObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"input" | "textarea" | "root" | "control" | "preview", CSSPropObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>>, T>[]) => H extends "fragment" ? react2542.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"input" | "textarea" | "root" | "control" | "preview", CSSPropObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>>, T>[]) => H extends "fragment" ? react1328.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `Editable` is a component used to obtain inline editable text input.
  *
@@ -40,7 +40,7 @@ declare const EditableRoot: Component<({
   errorBorderColor,
   focusBorderColor,
   ...props
-}: Omit<EditableRootProps, "size" | "variant">) => react_jsx_runtime2585.JSX.Element, EditableRootProps>;
+}: Omit<EditableRootProps, "size" | "variant">) => react_jsx_runtime1371.JSX.Element, EditableRootProps>;
 interface EditablePreviewProps extends HTMLStyledProps<"span"> {}
 declare const EditablePreview: Component<"span", EditablePreviewProps>;
 interface EditableInputProps extends HTMLStyledProps<"input"> {}

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

@@ -1,10 +1,10 @@
 import { PropGetter } from "../../core/components/index.types.js";
 import { FieldProps } from "../field/field.js";
-import * as react943 from "react";
+import * as react1301 from "react";
 
 //#region src/components/editable/use-editable.d.ts
 interface EditableContext extends Omit<UseEditableReturn, "getRootProps" | "onCancel" | "onEdit" | "onSubmit" | "value"> {}
-declare const EditableContext: react943.Context<EditableContext>, useEditableContext: () => EditableContext;
+declare const EditableContext: react1301.Context<EditableContext>, useEditableContext: () => EditableContext;
 interface UseEditableProps extends FieldProps {
   /**
    * The initial value of the Editable in both edit & preview mode.

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

@@ -3,17 +3,17 @@ 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 { EmStyle } from "./em.style.js";
-import * as react1587 from "react";
+import * as react1302 from "react";
 
 //#region src/components/em/em.d.ts
 interface EmProps extends HTMLStyledProps<"em">, ThemeProps<EmStyle> {}
-declare const EmPropsContext: react1587.Context<Partial<EmProps> | undefined>, useEmPropsContext: () => Partial<EmProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends EmProps = EmProps, R extends keyof H = keyof H>(el: D | react1587.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const EmPropsContext: react1302.Context<Partial<EmProps> | undefined>, useEmPropsContext: () => Partial<EmProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends EmProps = EmProps, R extends keyof H = keyof H>(el: D | react1302.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" ? react1587.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react1302.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Em` is a component that represents emphasized text. By default, it renders a `em` element.
  *

package/dist/types/components/empty-state/empty-state.d.ts

@@ -3,9 +3,9 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { EmptyState } from "./empty-state.style.js";
-import * as react1138 from "react";
+import * as react1199 from "react";
 import { ReactNode } from "react";
-import * as _yamada_ui_utils1140 from "@yamada-ui/utils";
+import * as _yamada_ui_utils1201 from "@yamada-ui/utils";
 
 //#region src/components/empty-state/empty-state.d.ts
 interface EmptyStateRootProps extends Omit<HTMLStyledProps, "title">, ThemeProps<EmptyState> {
@@ -38,7 +38,7 @@ interface EmptyStateRootProps extends Omit<HTMLStyledProps, "title">, ThemeProps
    */
   titleProps?: EmptyStateTitleProps;
 }
-declare const EmptyStatePropsContext: react1138.Context<Partial<EmptyStateRootProps> | undefined>, useEmptyStatePropsContext: () => Partial<EmptyStateRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils1140.Dict = (H extends keyof react1138.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils1140.Dict<any>)>(el: H | react1138.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"title" | "content" | "root" | "description" | "indicator", CSSPropObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>, {
+declare const EmptyStatePropsContext: react1199.Context<Partial<EmptyStateRootProps> | undefined>, useEmptyStatePropsContext: () => Partial<EmptyStateRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils1201.Dict = (H extends keyof react1199.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils1201.Dict<any>)>(el: H | react1199.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"title" | "content" | "description" | "root" | "indicator", CSSPropObject<CSSSlotObject<"title" | "content" | "description" | "root" | "indicator">>, {
     sm: {
       content: {
         gap: "xs";
@@ -84,12 +84,12 @@ declare const EmptyStatePropsContext: react1138.Context<Partial<EmptyStateRootPr
         fontSize: "xl";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>>>> | undefined, {
+  }, CSSModifierObject<CSSSlotObject<"title" | "content" | "description" | "root" | "indicator">>>>> | undefined, {
     name,
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1138.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends EmptyStateRootProps = EmptyStateRootProps, T extends keyof R = keyof R>(el: H | react1138.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"title" | "content" | "root" | "description" | "indicator", CSSPropObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1199.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends EmptyStateRootProps = EmptyStateRootProps, T extends keyof R = keyof R>(el: H | react1199.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"title" | "content" | "description" | "root" | "indicator", CSSPropObject<CSSSlotObject<"title" | "content" | "description" | "root" | "indicator">>, {
     sm: {
       content: {
         gap: "xs";
@@ -135,13 +135,13 @@ declare const EmptyStatePropsContext: react1138.Context<Partial<EmptyStateRootPr
         fontSize: "xl";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>>>>, {
+  }, CSSModifierObject<CSSSlotObject<"title" | "content" | "description" | "root" | "indicator">>>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"title" | "content" | "root" | "description" | "indicator", CSSPropObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>, {
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"title" | "content" | "description" | "root" | "indicator", CSSPropObject<CSSSlotObject<"title" | "content" | "description" | "root" | "indicator">>, {
     sm: {
       content: {
         gap: "xs";
@@ -187,7 +187,7 @@ declare const EmptyStatePropsContext: react1138.Context<Partial<EmptyStateRootPr
         fontSize: "xl";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>>, T>[]) => H extends "fragment" ? react1138.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }, CSSModifierObject<CSSSlotObject<"title" | "content" | "description" | "root" | "indicator">>>, T>[]) => H extends "fragment" ? react1199.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `EmptyState` is used to display when a resource is empty or not available.
  *

package/dist/types/components/empty-state/empty-state.style.d.ts

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 
 //#region src/components/empty-state/empty-state.style.d.ts
-declare const emptyState: ComponentSlotStyle<"title" | "content" | "root" | "description" | "indicator", CSSPropObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>, {
+declare const emptyState: ComponentSlotStyle<"title" | "content" | "description" | "root" | "indicator", CSSPropObject<CSSSlotObject<"title" | "content" | "description" | "root" | "indicator">>, {
   sm: {
     content: {
       gap: "xs";
@@ -48,7 +48,7 @@ declare const emptyState: ComponentSlotStyle<"title" | "content" | "root" | "des
       fontSize: "xl";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>>;
+}, CSSModifierObject<CSSSlotObject<"title" | "content" | "description" | "root" | "indicator">>>;
 type EmptyState = typeof emptyState;
 //#endregion
 export { EmptyState, emptyState };

package/dist/types/components/fade/fade-scale.d.ts

@@ -4,8 +4,8 @@ import { As, Component } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { HTMLMotionProps, WithTransitionProps } from "../motion/index.types.js";
 import { FadeScaleStyle } from "./fade-scale.style.js";
-import * as react957 from "react";
-import * as react_jsx_runtime970 from "react/jsx-runtime";
+import * as react1184 from "react";
+import * as react_jsx_runtime1197 from "react/jsx-runtime";
 import { Variants } from "motion/react";
 
 //#region src/components/fade/fade-scale.d.ts
@@ -24,13 +24,13 @@ interface FadeScaleProps extends WithTransitionProps<HTMLMotionProps>, ThemeProp
    */
   scale?: number;
 }
-declare const FadeScalePropsContext: react957.Context<Partial<FadeScaleProps> | undefined>, useFadeScalePropsContext: () => Partial<FadeScaleProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends FadeScaleProps = FadeScaleProps, R extends keyof H = keyof H>(el: D | react957.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const FadeScalePropsContext: react1184.Context<Partial<FadeScaleProps> | undefined>, useFadeScalePropsContext: () => Partial<FadeScaleProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends FadeScaleProps = FadeScaleProps, R extends keyof H = keyof H>(el: D | react1184.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" ? react957.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react1184.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `FadeScale` is a component that gradually scales up to reveal or scales down to hide an element.
  *
@@ -46,7 +46,7 @@ declare const FadeScale: Component<({
   transitionEnd,
   unmountOnExit,
   ...rest
-}: Omit<FadeScaleProps, "size" | "variant">) => react_jsx_runtime970.JSX.Element, FadeScaleProps>;
+}: Omit<FadeScaleProps, "size" | "variant">) => react_jsx_runtime1197.JSX.Element, FadeScaleProps>;
 //#endregion
 export { FadeScale, FadeScaleProps, FadeScalePropsContext, fadeScaleVariants, useFadeScalePropsContext, withContext };
 //# sourceMappingURL=fade-scale.d.ts.map

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

@@ -4,20 +4,20 @@ import { As, Component } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { HTMLMotionProps, WithTransitionProps } from "../motion/index.types.js";
 import { FadeStyle } from "./fade.style.js";
-import * as react980 from "react";
-import * as react_jsx_runtime993 from "react/jsx-runtime";
+import * as react1674 from "react";
+import * as react_jsx_runtime1687 from "react/jsx-runtime";
 import { Variants } from "motion/react";
 
 //#region src/components/fade/fade.d.ts
 declare const fadeVariants: Variants;
 interface FadeProps extends WithTransitionProps<HTMLMotionProps>, ThemeProps<FadeStyle> {}
-declare const FadePropsContext: react980.Context<Partial<FadeProps> | undefined>, useFadePropsContext: () => Partial<FadeProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends FadeProps = FadeProps, R extends keyof H = keyof H>(el: D | react980.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const FadePropsContext: react1674.Context<Partial<FadeProps> | undefined>, useFadePropsContext: () => Partial<FadeProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends FadeProps = FadeProps, R extends keyof H = keyof H>(el: D | react1674.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" ? react980.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react1674.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Fade` is a component that gradually shows or hides an element.
  *
@@ -31,7 +31,7 @@ declare const Fade: Component<({
   transitionEnd,
   unmountOnExit,
   ...rest
-}: Omit<FadeProps, "size" | "variant">) => react_jsx_runtime993.JSX.Element, FadeProps>;
+}: Omit<FadeProps, "size" | "variant">) => react_jsx_runtime1687.JSX.Element, FadeProps>;
 //#endregion
 export { Fade, FadeProps, FadePropsContext, fadeVariants, useFadePropsContext, withContext };
 //# sourceMappingURL=fade.d.ts.map

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

@@ -3,9 +3,9 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { FieldStyle } from "./field.style.js";
-import * as react1086 from "react";
+import * as react1985 from "react";
 import { ReactNode } from "react";
-import * as _yamada_ui_utils1089 from "@yamada-ui/utils";
+import * as _yamada_ui_utils1988 from "@yamada-ui/utils";
 
 //#region src/components/field/field.d.ts
 interface FieldContext extends FieldProps, Pick<FieldRootProps, "replace"> {
@@ -16,7 +16,7 @@ interface FieldContext extends FieldProps, Pick<FieldRootProps, "replace"> {
   errorMessageId?: string;
   helperMessageId?: string;
 }
-declare const FieldContext: react1086.Context<FieldContext | undefined>, useFieldContext: () => FieldContext | undefined;
+declare const FieldContext: react1985.Context<FieldContext | undefined>, useFieldContext: () => FieldContext | undefined;
 interface FieldProps {
   /**
    * If `true`, the field will be disabled.
@@ -75,18 +75,18 @@ interface FieldRootProps extends HTMLStyledProps, ThemeProps<FieldStyle>, Pick<F
    */
   labelProps?: FieldLabelProps;
 }
-declare const FieldPropsContext: react1086.Context<Partial<FieldRootProps> | undefined>, useFieldPropsContext: () => Partial<FieldRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils1089.Dict = (H extends keyof react1086.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils1089.Dict<any>)>(el: H | react1086.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator", CSSPropObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>>>> | undefined, {
+declare const FieldPropsContext: react1985.Context<Partial<FieldRootProps> | undefined>, useFieldPropsContext: () => Partial<FieldRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils1988.Dict = (H extends keyof react1985.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils1988.Dict<any>)>(el: H | react1985.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator", CSSPropObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>>>> | undefined, {
     name,
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1086.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends FieldRootProps = FieldRootProps, T extends keyof R = keyof R>(el: H | react1086.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator", CSSPropObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>>>>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1985.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends FieldRootProps = FieldRootProps, T extends keyof R = keyof R>(el: H | react1985.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator", CSSPropObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator", CSSPropObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>>, T>[]) => H extends "fragment" ? react1086.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator", CSSPropObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>>, T>[]) => H extends "fragment" ? react1985.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `Field` is a component used to group form elements with label, helper message, error message, etc.
  *

package/dist/types/components/field/use-field-props.d.ts

@@ -1,6 +1,6 @@
 import { index_d_exports } from "../../utils/index.js";
 import { FieldContext, FieldProps } from "./field.js";
-import * as react1281 from "react";
+import * as react1866 from "react";
 import { FocusEventHandler } from "react";
 
 //#region src/components/field/use-field-props.d.ts
@@ -29,7 +29,7 @@ declare const useFieldProps: <Y extends HTMLElement, M extends index_d_exports.D
     disabled: boolean | undefined;
     readOnly: boolean | undefined;
     required: boolean | undefined;
-  } & Omit<M & UseFieldProps<Y>, "disabled" | "readOnly" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "invalid" | "notSupportReadOnly" | "required">;
+  } & Omit<M & UseFieldProps<Y>, "disabled" | "readOnly" | "invalid" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "notSupportReadOnly" | "required">;
   ariaProps: {
     "aria-describedby": string;
     "aria-disabled": (boolean | "true" | "false") | undefined;
@@ -44,8 +44,8 @@ declare const useFieldProps: <Y extends HTMLElement, M extends index_d_exports.D
     "data-required": string | undefined;
   };
   eventProps: {
-    onBlur: (event: react1281.FocusEvent<Y, Element>) => void;
-    onFocus: (event: react1281.FocusEvent<Y, Element>) => void;
+    onBlur: (event: react1866.FocusEvent<Y, Element>) => void;
+    onFocus: (event: react1866.FocusEvent<Y, Element>) => void;
   };
 };
 //#endregion

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

@@ -3,15 +3,15 @@ import { 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 { FieldsetStyle } from "./fieldset.style.js";
-import * as react1241 from "react";
+import * as react1818 from "react";
 import { ReactNode } from "react";
-import * as _yamada_ui_utils1244 from "@yamada-ui/utils";
+import * as _yamada_ui_utils1821 from "@yamada-ui/utils";
 
 //#region src/components/fieldset/fieldset.d.ts
 interface FieldsetContext extends Pick<FieldsetRootProps, "disabled" | "invalid"> {
   id?: string;
 }
-declare const FieldsetContext: react1241.Context<FieldsetContext | undefined>, useFieldsetContext: () => FieldsetContext | undefined;
+declare const FieldsetContext: react1818.Context<FieldsetContext | undefined>, useFieldsetContext: () => FieldsetContext | undefined;
 interface FieldsetRootProps extends HTMLStyledProps<"fieldset">, ThemeProps<FieldsetStyle> {
   /**
    * If `true`, the fieldset will be disabled.
@@ -58,7 +58,7 @@ interface FieldsetRootProps extends HTMLStyledProps<"fieldset">, ThemeProps<Fiel
    */
   legendProps?: FieldsetLegendProps;
 }
-declare const FieldsetPropsContext: react1241.Context<Partial<FieldsetRootProps> | undefined>, useFieldsetPropsContext: () => Partial<FieldsetRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils1244.Dict = (H extends keyof react1241.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils1244.Dict<any>)>(el: H | react1241.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"header" | "legend" | "content" | "root" | "errorMessage" | "helperMessage", CSSPropObject<CSSSlotObject<"header" | "legend" | "content" | "root" | "errorMessage" | "helperMessage">>, {
+declare const FieldsetPropsContext: react1818.Context<Partial<FieldsetRootProps> | undefined>, useFieldsetPropsContext: () => Partial<FieldsetRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils1821.Dict = (H extends keyof react1818.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils1821.Dict<any>)>(el: H | react1818.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"header" | "legend" | "content" | "root" | "errorMessage" | "helperMessage", CSSPropObject<CSSSlotObject<"header" | "legend" | "content" | "root" | "errorMessage" | "helperMessage">>, {
     sm: {
       content: {
         gap: "3";
@@ -142,7 +142,7 @@ declare const FieldsetPropsContext: react1241.Context<Partial<FieldsetRootProps>
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1241.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends FieldsetRootProps = FieldsetRootProps, T extends keyof R = keyof R>(el: H | react1241.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"header" | "legend" | "content" | "root" | "errorMessage" | "helperMessage", CSSPropObject<CSSSlotObject<"header" | "legend" | "content" | "root" | "errorMessage" | "helperMessage">>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1818.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends FieldsetRootProps = FieldsetRootProps, T extends keyof R = keyof R>(el: H | react1818.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"header" | "legend" | "content" | "root" | "errorMessage" | "helperMessage", CSSPropObject<CSSSlotObject<"header" | "legend" | "content" | "root" | "errorMessage" | "helperMessage">>, {
     sm: {
       content: {
         gap: "3";
@@ -306,7 +306,7 @@ declare const FieldsetPropsContext: react1241.Context<Partial<FieldsetRootProps>
       };
     };
     plain: {};
-  }>, T>[]) => H extends "fragment" ? react1241.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react1818.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `Fieldset` is a component used to group multiple controls.
  *

package/dist/types/components/file-button/file-button.d.ts

@@ -6,11 +6,11 @@ import { ButtonProps } from "../button/button.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
 import { FileButtonStyle } from "./file-button.style.js";
 import { UseFileButtonProps } from "./use-file-button.js";
-import * as react1350 from "react";
+import * as react1567 from "react";
 
 //#region src/components/file-button/file-button.d.ts
 interface FileButtonProps extends Omit<ButtonProps, "defaultValue" | "onChange" | "ref" | "value">, UseFileButtonProps, Pick<UseInputBorderProps, "errorBorderColor">, ThemeProps<FileButtonStyle> {}
-declare const FileButtonPropsContext: react1350.Context<Partial<FileButtonProps> | undefined>, useFileButtonPropsContext: () => Partial<FileButtonProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends FileButtonProps = FileButtonProps, R extends keyof H = keyof H>(el: D | react1350.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const FileButtonPropsContext: react1567.Context<Partial<FileButtonProps> | undefined>, useFileButtonPropsContext: () => Partial<FileButtonProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends FileButtonProps = FileButtonProps, R extends keyof H = keyof H>(el: D | react1567.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
@@ -65,7 +65,7 @@ declare const FileButtonPropsContext: react1350.Context<Partial<FileButtonProps>
         layerStyle: "surface.hover";
       } | undefined;
     };
-  }>, R>[]) => D extends "fragment" ? react1350.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }>, R>[]) => D extends "fragment" ? react1567.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `FileButton` is a button component used for users to select files.
  *

package/dist/types/components/file-button/use-file-button.d.ts

@@ -2,37 +2,37 @@ import { PropGetter } from "../../core/components/index.types.js";
 import { FieldProps } from "../field/field.js";
 import { UseFileInputProps } from "../file-input/use-file-input.js";
 import { UseClickableProps } from "../../hooks/use-clickable/index.js";
-import * as react1329 from "react";
-import * as _yamada_ui_utils1327 from "@yamada-ui/utils";
+import * as react1799 from "react";
+import * as _yamada_ui_utils1797 from "@yamada-ui/utils";
 
 //#region src/components/file-button/use-file-button.d.ts
 interface UseFileButtonProps extends UseFileInputProps<"button">, FieldProps {}
 declare const useFileButton: (props?: UseFileButtonProps) => {
-  clickableProps: (Omit<UseClickableProps<HTMLElement, _yamada_ui_utils1327.Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "focusable" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusOnClick"> & {
+  clickableProps: (Omit<UseClickableProps<HTMLElement, _yamada_ui_utils1797.Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
     ref: (node: any) => void;
     type: "button";
     "aria-disabled": boolean | undefined;
     disabled: boolean | undefined;
-    onClick: (ev: react1329.MouseEvent<HTMLElement, MouseEvent>) => void;
-    onKeyDown: react1329.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyUp: react1329.KeyboardEventHandler<HTMLElement> | undefined;
-    onMouseDown: react1329.MouseEventHandler<HTMLElement> | undefined;
-    onMouseLeave: react1329.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOver: react1329.MouseEventHandler<HTMLElement> | undefined;
-    onMouseUp: react1329.MouseEventHandler<HTMLElement> | undefined;
-  }) | (Omit<UseClickableProps<HTMLElement, _yamada_ui_utils1327.Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "focusable" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusOnClick"> & {
+    onClick: (ev: react1799.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onKeyDown: react1799.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUp: react1799.KeyboardEventHandler<HTMLElement> | undefined;
+    onMouseDown: react1799.MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave: react1799.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOver: react1799.MouseEventHandler<HTMLElement> | undefined;
+    onMouseUp: react1799.MouseEventHandler<HTMLElement> | undefined;
+  }) | (Omit<UseClickableProps<HTMLElement, _yamada_ui_utils1797.Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
     ref: (node: any) => void;
     "aria-disabled": "true" | undefined;
     "data-active": string | undefined;
     role: string;
     tabIndex: number | undefined;
-    onClick: (ev: react1329.MouseEvent<HTMLElement, MouseEvent>) => void;
-    onKeyDown: (ev: react1329.KeyboardEvent<HTMLElement>) => void;
-    onKeyUp: (ev: react1329.KeyboardEvent<HTMLElement>) => void;
-    onMouseDown: (ev: react1329.MouseEvent<HTMLElement, MouseEvent>) => void;
-    onMouseLeave: (ev: react1329.MouseEvent<HTMLElement, MouseEvent>) => void;
-    onMouseOver: (ev: react1329.MouseEvent<HTMLElement, MouseEvent>) => void;
-    onMouseUp: (ev: react1329.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClick: (ev: react1799.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onKeyDown: (ev: react1799.KeyboardEvent<HTMLElement>) => void;
+    onKeyUp: (ev: react1799.KeyboardEvent<HTMLElement>) => void;
+    onMouseDown: (ev: react1799.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onMouseLeave: (ev: react1799.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onMouseOver: (ev: react1799.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onMouseUp: (ev: react1799.MouseEvent<HTMLElement, MouseEvent>) => void;
   });
   getButtonProps: PropGetter<"button", undefined, undefined>;
   getInputProps: PropGetter<"input", undefined, undefined>;