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

package/dist/types/components/list/list.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/list/list.style.d.ts
-declare const listStyle: ComponentSlotStyle<"icon" | "item" | "root", {
+declare const listStyle: ComponentSlotStyle<"icon" | "root" | "item", {
   styleType: {
     circle: {
       root: {
@@ -36,7 +36,7 @@ declare const listStyle: ComponentSlotStyle<"icon" | "item" | "root", {
       };
     };
   };
-}, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>>;
+}, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>>;
 type ListStyle = typeof listStyle;
 //#endregion
 export { ListStyle, listStyle };

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

@@ -1,5 +1,5 @@
 import { ThemeConfig } from "../../core/system/index.types.js";
-import * as react1676 from "react";
+import * as react1983 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: react1676.Context<LoadingContext>;
+declare const LoadingContext: react1983.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", AudioProps> | Component<"svg", CirclesProps> | Component<"svg", DotsProps> | Component<"svg", GridProps> | Component<"svg", OvalProps> | Component<"svg", PuffProps> | Component<"svg", RingsProps>;
-declare const getLoadingComponent: (scheme: LoadingScheme) => Component<"svg", AudioProps> | Component<"svg", CirclesProps> | Component<"svg", DotsProps> | Component<"svg", GridProps> | Component<"svg", OvalProps> | Component<"svg", PuffProps> | Component<"svg", RingsProps>;
+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 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 react3773 from "react";
+import * as react1924 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: react3773.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 | react3773.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+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>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react3773.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: 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>;
 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 react1181 from "react";
+import * as react2098 from "react";
 
 //#region src/components/mark/mark.d.ts
 interface MarkProps extends HTMLStyledProps<"mark">, ThemeProps<MarkStyle> {}
-declare const MarkPropsContext: react1181.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 | react1181.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+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>>>, {
     name,
     className,
     withContext,
@@ -26,7 +26,7 @@ declare const MarkPropsContext: react1181.Context<Partial<MarkProps> | undefined
     text: {
       fontWeight: "semibold";
     };
-  }>, R>[]) => D extends "fragment" ? react1181.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }>, R>[]) => D extends "fragment" ? react2098.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

@@ -10,9 +10,9 @@ 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 react4193 from "react";
+import * as react2053 from "react";
 import { FC, PropsWithChildren, ReactNode } from "react";
-import * as _yamada_ui_utils4196 from "@yamada-ui/utils";
+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: react4193.Context<ComponentContext>, ModalPropsContext: react4193.Context<Partial<ModalRootProps> | undefined>, useComponentContext: () => ComponentContext, useModalPropsContext: () => Partial<ModalRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils4196.Dict = (H extends keyof react4193.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils4196.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton", {
+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", {
     placement: {
       center: {
         root: {
@@ -195,12 +195,12 @@ declare const ComponentContext: react4193.Context<ComponentContext>, ModalPropsC
         p: "0";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton">>>>> | undefined, {
+  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>>> | undefined, {
     name,
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react4193.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", {
+  }?: 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", {
     placement: {
       center: {
         root: {
@@ -341,13 +341,13 @@ declare const ComponentContext: react4193.Context<ComponentContext>, ModalPropsC
         p: "0";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton">>>>>, {
+  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton", {
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root", {
     placement: {
       center: {
         root: {
@@ -488,7 +488,7 @@ declare const ComponentContext: react4193.Context<ComponentContext>, ModalPropsC
         p: "0";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton">>>, T>[]) => H extends "fragment" ? react4193.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>, T>[]) => H extends "fragment" ? react2053.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" | "root" | "closeButton", {
+declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root", {
   /**
    * 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" | "root" | "closeButton">>>;
+}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>;
 type ModalStyle = typeof modalStyle;
 //#endregion
 export { ModalStyle, modalStyle };

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

@@ -8,9 +8,9 @@ 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 react3194 from "react";
+import * as react3853 from "react";
 import { ReactNode } from "react";
-import * as _yamada_ui_utils3192 from "@yamada-ui/utils";
+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_utils3192.Dict = _yamada_ui_utils3192.Dict<any>>(el: H | react3194.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "field", CSSPropObject<CSSSlotObject<"icon" | "root" | "field">>, {
+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">>, {
     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" ? react3194.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, NativeSelectPropsContext: react3194.Context<Partial<NativeSelectRootProps> | undefined>, useNativeSelectProps: () => Partial<NativeSelectRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3192.Dict = (H extends keyof react3194.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3192.Dict<any>)>(el: H | react3194.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "field", CSSPropObject<CSSSlotObject<"icon" | "root" | "field">>, {
+  }?: 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">>, {
     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" ? react3194.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 | react3194.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" ? 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">>, {
     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" ? react3194.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react3853.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

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

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

@@ -8,9 +8,9 @@ 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 react4720 from "react";
+import * as react2299 from "react";
 import { FC } from "react";
-import * as _yamada_ui_utils4722 from "@yamada-ui/utils";
+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: react4720.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils4722.Dict = (H extends keyof react4720.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils4722.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "root" | "field" | "control" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "field" | "control" | "decrement" | "increment">>, {
+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">>, {
     xs: {
       control: {
         boxSize: "calc({--input-height} - {spaces.2})";
@@ -470,7 +470,7 @@ declare const NumberInputPropsContext: react4720.Context<Partial<NumberInputProp
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react4720.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" | "field" | "control" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "field" | "control" | "decrement" | "increment">>, {
+  }?: 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">>, {
     xs: {
       control: {
         boxSize: "calc({--input-height} - {spaces.2})";
@@ -906,7 +906,7 @@ declare const NumberInputPropsContext: react4720.Context<Partial<NumberInputProp
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"button" | "root" | "field" | "control" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "field" | "control" | "decrement" | "increment">>, {
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, 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: react4720.Context<Partial<NumberInputProp
         };
       } | undefined;
     };
-  }>, T>[]) => H extends "fragment" ? react4720.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react2299.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `NumberInput` is a component used to obtain numeric input from the user.
  *

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

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 
 //#region src/components/number-input/number-input.style.d.ts
-declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" | "control" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "field" | "control" | "decrement" | "increment">>, {
+declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "control" | "field" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "control" | "field" | "decrement" | "increment">>, {
   xs: {
     control: {
       boxSize: "calc({--input-height} - {spaces.2})";

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

@@ -7,10 +7,10 @@ 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 react3450 from "react";
+import * as react2190 from "react";
 import { FC, ReactNode } from "react";
-import * as react_jsx_runtime3481 from "react/jsx-runtime";
-import * as _yamada_ui_utils3441 from "@yamada-ui/utils";
+import * as react_jsx_runtime2221 from "react/jsx-runtime";
+import * as _yamada_ui_utils2181 from "@yamada-ui/utils";
 
 //#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_utils3441.Dict = _yamada_ui_utils3441.Dict<any>>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"text" | "item" | "root", CSSPropObject<CSSSlotObject<"text" | "item" | "root">>, {
+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">>, {
     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" ? react3450.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, PaginationPropsContext: react3450.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3441.Dict = (H extends keyof react3450.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3441.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"text" | "item" | "root", CSSPropObject<CSSSlotObject<"text" | "item" | "root">>, {
+  }?: 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">>, {
     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" ? react3450.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" | "item" | "root", CSSPropObject<CSSSlotObject<"text" | "item" | "root">>, {
+  }?: 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">>, {
     xs: {
       item: {
         fontSize: "{font-size}";
@@ -529,7 +529,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"text" | "item" | "root", CSSPropObject<CSSSlotObject<"text" | "item" | "root">>, {
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, 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" ? react3450.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react2190.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_runtime3481.JSX.Element, PaginationRootProps>;
+}: Omit<PaginationRootProps, never>) => react_jsx_runtime2221.JSX.Element, PaginationRootProps>;
 interface PaginationItemsProps {
   /**
    * The function used to generate children.

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

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

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

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

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

@@ -7,9 +7,9 @@ import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
 import { PasswordInputStyle } from "./password-input.style.js";
 import { UsePasswordInputProps } from "./use-password-input.js";
-import * as react3489 from "react";
+import * as react3567 from "react";
 import { ReactNode } from "react";
-import * as _yamada_ui_utils3491 from "@yamada-ui/utils";
+import * as _yamada_ui_utils3569 from "@yamada-ui/utils";
 
 //#region src/components/password-input/password-input.d.ts
 interface PasswordInputProps extends WithoutThemeProps<InputProps, PasswordInputStyle>, ThemeProps<PasswordInputStyle>, UsePasswordInputProps {
@@ -33,7 +33,7 @@ interface PasswordInputProps extends WithoutThemeProps<InputProps, PasswordInput
    */
   rootProps?: InputGroupRootProps;
 }
-declare const PasswordInputPropsContext: react3489.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3491.Dict = (H extends keyof react3489.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3491.Dict<any>)>(el: H | react3489.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "root" | "field", CSSPropObject<CSSSlotObject<"button" | "root" | "field">>, {
+declare const PasswordInputPropsContext: react3567.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3569.Dict = (H extends keyof react3567.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3569.Dict<any>)>(el: H | react3567.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "root" | "field", CSSPropObject<CSSSlotObject<"button" | "root" | "field">>, {
     xs: {
       button: {
         boxSize: "calc({--input-height} - {spaces.2})";
@@ -468,7 +468,7 @@ declare const PasswordInputPropsContext: react3489.Context<Partial<PasswordInput
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3489.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends PasswordInputProps = PasswordInputProps, T extends keyof R = keyof R>(el: H | react3489.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "root" | "field", CSSPropObject<CSSSlotObject<"button" | "root" | "field">>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3567.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends PasswordInputProps = PasswordInputProps, T extends keyof R = keyof R>(el: H | react3567.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "root" | "field", CSSPropObject<CSSSlotObject<"button" | "root" | "field">>, {
     xs: {
       button: {
         boxSize: "calc({--input-height} - {spaces.2})";
@@ -1334,7 +1334,7 @@ declare const PasswordInputPropsContext: react3489.Context<Partial<PasswordInput
         };
       } | undefined;
     };
-  }>, T>[]) => H extends "fragment" ? react3489.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react3567.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `PasswordInput` is a component that allows users to input passwords with a visibility toggle.
  *

package/dist/types/components/password-input/strength-meter.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 { UseStrengthMeterProps } from "./use-strength-meter.js";
-import * as react3267 from "react";
+import * as react3716 from "react";
 import { ReactNode } from "react";
-import * as _yamada_ui_utils3269 from "@yamada-ui/utils";
+import * as _yamada_ui_utils3718 from "@yamada-ui/utils";
 
 //#region src/components/password-input/strength-meter.d.ts
 interface IndicatorProps extends HTMLStyledProps {
@@ -23,18 +23,18 @@ interface StrengthMeterProps extends HTMLStyledProps, UseStrengthMeterProps {
    */
   getIndicatorProps?: (percent: number) => IndicatorProps;
 }
-declare const StrengthMeterPropsContext: react3267.Context<Partial<StrengthMeterProps> | undefined>, useStrengthMeterPropsContext: () => Partial<StrengthMeterProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3269.Dict = (H extends keyof react3267.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3269.Dict<any>)>(el: H | react3267.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "root" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>>>> | undefined, {
+declare const StrengthMeterPropsContext: react3716.Context<Partial<StrengthMeterProps> | undefined>, useStrengthMeterPropsContext: () => Partial<StrengthMeterProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3718.Dict = (H extends keyof react3716.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3718.Dict<any>)>(el: H | react3716.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "root" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>>>> | undefined, {
     name,
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3267.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends StrengthMeterProps = StrengthMeterProps, T extends keyof R = keyof R>(el: H | react3267.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "root" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>>>>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3716.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends StrengthMeterProps = StrengthMeterProps, T extends keyof R = keyof R>(el: H | react3716.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "root" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"label" | "root" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>>, T>[]) => H extends "fragment" ? react3267.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"label" | "root" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>>, T>[]) => H extends "fragment" ? react3716.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 declare const StrengthMeter: Component<"div", StrengthMeterProps>;
 //#endregion
 export { StrengthMeter, StrengthMeterProps, StrengthMeterPropsContext, useStrengthMeterPropsContext, withContext, withProvider };

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

@@ -1,6 +1,6 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import { FieldProps } from "../field/field.js";
-import * as react3340 from "react";
+import * as react2297 from "react";
 
 //#region src/components/password-input/use-password-input.d.ts
 interface UsePasswordInputProps extends HTMLProps<"input">, FieldProps {
@@ -22,7 +22,7 @@ interface UsePasswordInputProps extends HTMLProps<"input">, FieldProps {
   onVisibleChange?: (visible: boolean) => void;
 }
 declare const usePasswordInput: (props?: UsePasswordInputProps) => {
-  setVisible: react3340.Dispatch<react3340.SetStateAction<boolean>>;
+  setVisible: react2297.Dispatch<react2297.SetStateAction<boolean>>;
   visible: boolean;
   getButtonProps: PropGetter<"button", undefined, undefined>;
   getInputProps: PropGetter<"input", undefined, undefined>;