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

package/dist/types/components/icon/icons/wifi-icon.d.ts

@@ -1,6 +1,6 @@
 import { As, Component, WithoutAs, WithoutRef } from "../../../core/components/index.types.js";
 import { IconProps } from "../icon.js";
-import * as react19170 from "react";
+import * as react19161 from "react";
 
 //#region src/components/icon/icons/wifi-icon.d.ts
 /**
@@ -8,7 +8,7 @@ import * as react19170 from "react";
  *
  * @see https://yamada-ui.com/components/icon
  */
-declare const WifiIcon: Component<Component<"svg", IconProps>, Omit<react19170.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
+declare const WifiIcon: Component<Component<"svg", IconProps>, Omit<react19161.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
   as?: As | undefined;
 }>;
 //#endregion

package/dist/types/components/icon/icons/wifi-low-icon.d.ts

@@ -1,6 +1,6 @@
 import { As, Component, WithoutAs, WithoutRef } from "../../../core/components/index.types.js";
 import { IconProps } from "../icon.js";
-import * as react19161 from "react";
+import * as react19179 from "react";
 
 //#region src/components/icon/icons/wifi-low-icon.d.ts
 /**
@@ -8,7 +8,7 @@ import * as react19161 from "react";
  *
  * @see https://yamada-ui.com/components/icon
  */
-declare const WifiLowIcon: Component<Component<"svg", IconProps>, Omit<react19161.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
+declare const WifiLowIcon: Component<Component<"svg", IconProps>, Omit<react19179.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
   as?: As | undefined;
 }>;
 //#endregion

package/dist/types/components/icon/icons/wifi-off-icon.d.ts

@@ -1,6 +1,6 @@
 import { As, Component, WithoutAs, WithoutRef } from "../../../core/components/index.types.js";
 import { IconProps } from "../icon.js";
-import * as react19188 from "react";
+import * as react19170 from "react";
 
 //#region src/components/icon/icons/wifi-off-icon.d.ts
 /**
@@ -8,7 +8,7 @@ import * as react19188 from "react";
  *
  * @see https://yamada-ui.com/components/icon
  */
-declare const WifiOffIcon: Component<Component<"svg", IconProps>, Omit<react19188.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
+declare const WifiOffIcon: Component<Component<"svg", IconProps>, Omit<react19170.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
   as?: As | undefined;
 }>;
 //#endregion

package/dist/types/components/icon/icons/wifi-pen-icon.d.ts

@@ -1,6 +1,6 @@
 import { As, Component, WithoutAs, WithoutRef } from "../../../core/components/index.types.js";
 import { IconProps } from "../icon.js";
-import * as react19179 from "react";
+import * as react19188 from "react";
 
 //#region src/components/icon/icons/wifi-pen-icon.d.ts
 /**
@@ -8,7 +8,7 @@ import * as react19179 from "react";
  *
  * @see https://yamada-ui.com/components/icon
  */
-declare const WifiPenIcon: Component<Component<"svg", IconProps>, Omit<react19179.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
+declare const WifiPenIcon: Component<Component<"svg", IconProps>, Omit<react19188.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
   as?: As | undefined;
 }>;
 //#endregion

package/dist/types/components/icon/icons/worm-icon.d.ts

@@ -1,6 +1,6 @@
 import { As, Component, WithoutAs, WithoutRef } from "../../../core/components/index.types.js";
 import { IconProps } from "../icon.js";
-import * as react19251 from "react";
+import * as react19260 from "react";
 
 //#region src/components/icon/icons/worm-icon.d.ts
 /**
@@ -8,7 +8,7 @@ import * as react19251 from "react";
  *
  * @see https://yamada-ui.com/components/icon
  */
-declare const WormIcon: Component<Component<"svg", IconProps>, Omit<react19251.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
+declare const WormIcon: Component<Component<"svg", IconProps>, Omit<react19260.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
   as?: As | undefined;
 }>;
 //#endregion

package/dist/types/components/icon/icons/wrap-text-icon.d.ts

@@ -1,6 +1,6 @@
 import { As, Component, WithoutAs, WithoutRef } from "../../../core/components/index.types.js";
 import { IconProps } from "../icon.js";
-import * as react19260 from "react";
+import * as react19251 from "react";
 
 //#region src/components/icon/icons/wrap-text-icon.d.ts
 /**
@@ -8,7 +8,7 @@ import * as react19260 from "react";
  *
  * @see https://yamada-ui.com/components/icon
  */
-declare const WrapTextIcon: Component<Component<"svg", IconProps>, Omit<react19260.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
+declare const WrapTextIcon: Component<Component<"svg", IconProps>, Omit<react19251.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
   as?: As | undefined;
 }>;
 //#endregion

package/dist/types/components/icon/icons/wrench-icon.d.ts

@@ -1,6 +1,6 @@
 import { As, Component, WithoutAs, WithoutRef } from "../../../core/components/index.types.js";
 import { IconProps } from "../icon.js";
-import * as react19278 from "react";
+import * as react19269 from "react";
 
 //#region src/components/icon/icons/wrench-icon.d.ts
 /**
@@ -8,7 +8,7 @@ import * as react19278 from "react";
  *
  * @see https://yamada-ui.com/components/icon
  */
-declare const WrenchIcon: Component<Component<"svg", IconProps>, Omit<react19278.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
+declare const WrenchIcon: Component<Component<"svg", IconProps>, Omit<react19269.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
   as?: As | undefined;
 }>;
 //#endregion

package/dist/types/components/icon/icons/x-icon.d.ts

@@ -1,6 +1,6 @@
 import { As, Component, WithoutAs, WithoutRef } from "../../../core/components/index.types.js";
 import { IconProps } from "../icon.js";
-import * as react19269 from "react";
+import * as react19278 from "react";
 
 //#region src/components/icon/icons/x-icon.d.ts
 /**
@@ -8,7 +8,7 @@ import * as react19269 from "react";
  *
  * @see https://yamada-ui.com/components/icon
  */
-declare const XIcon: Component<Component<"svg", IconProps>, Omit<react19269.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
+declare const XIcon: Component<Component<"svg", IconProps>, Omit<react19278.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
   as?: As | undefined;
 }>;
 //#endregion

package/dist/types/components/icon/icons/zap-icon.d.ts

@@ -1,6 +1,6 @@
 import { As, Component, WithoutAs, WithoutRef } from "../../../core/components/index.types.js";
 import { IconProps } from "../icon.js";
-import * as react19305 from "react";
+import * as react19296 from "react";
 
 //#region src/components/icon/icons/zap-icon.d.ts
 /**
@@ -8,7 +8,7 @@ import * as react19305 from "react";
  *
  * @see https://yamada-ui.com/components/icon
  */
-declare const ZapIcon: Component<Component<"svg", IconProps>, Omit<react19305.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
+declare const ZapIcon: Component<Component<"svg", IconProps>, Omit<react19296.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
   as?: As | undefined;
 }>;
 //#endregion

package/dist/types/components/icon/icons/zap-off-icon.d.ts

@@ -1,6 +1,6 @@
 import { As, Component, WithoutAs, WithoutRef } from "../../../core/components/index.types.js";
 import { IconProps } from "../icon.js";
-import * as react19296 from "react";
+import * as react19323 from "react";
 
 //#region src/components/icon/icons/zap-off-icon.d.ts
 /**
@@ -8,7 +8,7 @@ import * as react19296 from "react";
  *
  * @see https://yamada-ui.com/components/icon
  */
-declare const ZapOffIcon: Component<Component<"svg", IconProps>, Omit<react19296.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
+declare const ZapOffIcon: Component<Component<"svg", IconProps>, Omit<react19323.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
   as?: As | undefined;
 }>;
 //#endregion

package/dist/types/components/icon/icons/zoom-out-icon.d.ts

@@ -1,6 +1,6 @@
 import { As, Component, WithoutAs, WithoutRef } from "../../../core/components/index.types.js";
 import { IconProps } from "../icon.js";
-import * as react19323 from "react";
+import * as react19305 from "react";
 
 //#region src/components/icon/icons/zoom-out-icon.d.ts
 /**
@@ -8,7 +8,7 @@ import * as react19323 from "react";
  *
  * @see https://yamada-ui.com/components/icon
  */
-declare const ZoomOutIcon: Component<Component<"svg", IconProps>, Omit<react19323.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
+declare const ZoomOutIcon: Component<Component<"svg", IconProps>, Omit<react19305.SVGProps<SVGSVGElement>, keyof IconProps> & WithoutAs<WithoutRef<IconProps>> & {
   as?: As | undefined;
 }>;
 //#endregion

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

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSObject, CSSPropObject, CSSProps } from "../../cor
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { ImageStyle } from "./image.style.js";
-import * as react2667 from "react";
+import * as react2231 from "react";
 import { FC } from "react";
 
 //#region src/components/image/image.d.ts
@@ -13,13 +13,13 @@ interface ImageProps extends HTMLStyledProps<"img">, ThemeProps<ImageStyle> {
    */
   fit?: CSSProps["objectFit"];
 }
-declare const ImagePropsContext: react2667.Context<Partial<ImageProps> | undefined>, useImagePropsContext: () => Partial<ImageProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends ImageProps = ImageProps, R extends keyof H = keyof H>(el: D | FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const ImagePropsContext: react2231.Context<Partial<ImageProps> | undefined>, useImagePropsContext: () => Partial<ImageProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends ImageProps = ImageProps, R extends keyof H = keyof H>(el: D | 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" ? react2667.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react2231.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Image` is a component that displays images with fallback support.
  *

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

@@ -4,10 +4,10 @@ import { As, Component, HTMLStyledProps } from "../../core/components/index.type
 import { ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { FloatProps } from "../float/float.js";
 import { IndicatorStyle } from "./indicator.style.js";
-import * as react2616 from "react";
+import * as react3383 from "react";
 import { ReactNode } from "react";
-import * as react_jsx_runtime2641 from "react/jsx-runtime";
-import * as _yamada_ui_utils2618 from "@yamada-ui/utils";
+import * as react_jsx_runtime3408 from "react/jsx-runtime";
+import * as _yamada_ui_utils3385 from "@yamada-ui/utils";
 
 //#region src/components/indicator/indicator.d.ts
 interface PingOptions {
@@ -70,7 +70,7 @@ interface IndicatorProps extends Omit<HTMLStyledProps, "offset">, Omit<ThemeProp
    */
   labelProps?: IndicatorLabelProps;
 }
-declare const IndicatorPropsContext: react2616.Context<Partial<IndicatorProps> | undefined>, useIndicatorPropsContext: () => Partial<IndicatorProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils2618.Dict = (H extends keyof react2616.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils2618.Dict<any>)>(el: H | react2616.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "float" | "root", {
+declare const IndicatorPropsContext: react3383.Context<Partial<IndicatorProps> | undefined>, useIndicatorPropsContext: () => Partial<IndicatorProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3385.Dict = (H extends keyof react3383.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3385.Dict<any>)>(el: H | react3383.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "float" | "root", {
     inline: {
       false: {
         root: {
@@ -160,7 +160,7 @@ declare const IndicatorPropsContext: react2616.Context<Partial<IndicatorProps> |
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react2616.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends IndicatorProps = IndicatorProps, T extends keyof R = keyof R>(el: H | react2616.FC<Omit<R, keyof R extends T ? "ping" | "inline" | ("size" | "variant") | "withBorder" : Exclude<"ping", T> | Exclude<"inline", T> | Exclude<"withBorder", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "float" | "root", {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3383.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends IndicatorProps = IndicatorProps, T extends keyof R = keyof R>(el: H | react3383.FC<Omit<R, keyof R extends T ? "ping" | "inline" | ("size" | "variant") | "withBorder" : Exclude<"ping", T> | Exclude<"inline", T> | Exclude<"withBorder", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "float" | "root", {
     inline: {
       false: {
         root: {
@@ -336,7 +336,7 @@ declare const IndicatorPropsContext: react2616.Context<Partial<IndicatorProps> |
         "--ping-color": "colorScheme.outline";
       };
     };
-  }>, T>[]) => H extends "fragment" ? react2616.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react3383.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `Indicator` is a component that displays at the corner of elements such as avatars.
  *
@@ -353,7 +353,7 @@ declare const Indicator: Component<({
   floatProps,
   labelProps,
   ...rest
-}: Omit<IndicatorProps, "ping" | "inline" | ("size" | "variant") | "withBorder">) => react_jsx_runtime2641.JSX.Element, IndicatorProps>;
+}: Omit<IndicatorProps, "ping" | "inline" | ("size" | "variant") | "withBorder">) => react_jsx_runtime3408.JSX.Element, IndicatorProps>;
 interface IndicatorFloatProps extends FloatProps {}
 interface IndicatorLabelProps extends HTMLStyledProps<"span"> {}
 //#endregion

package/dist/types/components/infinite-scroll-area/infinite-scroll-area.d.ts

@@ -4,10 +4,10 @@ import { As, Component, HTMLStyledProps } from "../../core/components/index.type
 import { ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { InfiniteScrollAreaStyle } from "./infinite-scroll-area.style.js";
 import { UseInfiniteScrollProps } from "./use-infinite-scroll.js";
-import * as react2856 from "react";
+import * as react3765 from "react";
 import { ReactNode } from "react";
-import * as react_jsx_runtime2893 from "react/jsx-runtime";
-import * as _yamada_ui_utils2858 from "@yamada-ui/utils";
+import * as react_jsx_runtime3802 from "react/jsx-runtime";
+import * as _yamada_ui_utils3767 from "@yamada-ui/utils";
 
 //#region src/components/infinite-scroll-area/infinite-scroll-area.d.ts
 interface InfiniteScrollAreaProps extends Omit<HTMLStyledProps, keyof UseInfiniteScrollProps>, Omit<UseInfiniteScrollProps, "orientation">, ThemeProps<InfiniteScrollAreaStyle> {
@@ -30,7 +30,7 @@ interface InfiniteScrollAreaProps extends Omit<HTMLStyledProps, keyof UseInfinit
    */
   triggerProps?: HTMLStyledProps;
 }
-declare const InfiniteScrollAreaPropsContext: react2856.Context<Partial<InfiniteScrollAreaProps> | undefined>, useInfiniteScrollAreaPropsContext: () => Partial<InfiniteScrollAreaProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils2858.Dict = (H extends keyof react2856.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils2858.Dict<any>)>(el: H | react2856.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "trigger", {
+declare const InfiniteScrollAreaPropsContext: react3765.Context<Partial<InfiniteScrollAreaProps> | undefined>, useInfiniteScrollAreaPropsContext: () => Partial<InfiniteScrollAreaProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3767.Dict = (H extends keyof react3765.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3767.Dict<any>)>(el: H | react3765.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "trigger", {
     orientation: {
       horizontal: {
         root: {
@@ -50,7 +50,7 @@ declare const InfiniteScrollAreaPropsContext: react2856.Context<Partial<Infinite
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react2856.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends InfiniteScrollAreaProps = InfiniteScrollAreaProps, T extends keyof R = keyof R>(el: H | react2856.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "orientation" : Exclude<"orientation", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "trigger", {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3765.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends InfiniteScrollAreaProps = InfiniteScrollAreaProps, T extends keyof R = keyof R>(el: H | react3765.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "orientation" : Exclude<"orientation", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "trigger", {
     orientation: {
       horizontal: {
         root: {
@@ -86,7 +86,7 @@ declare const InfiniteScrollAreaPropsContext: react2856.Context<Partial<Infinite
         };
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"root" | "trigger">>, CSSModifierObject<CSSSlotObject<"root" | "trigger">>>, T>[]) => H extends "fragment" ? react2856.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }, CSSModifierObject<CSSSlotObject<"root" | "trigger">>, CSSModifierObject<CSSSlotObject<"root" | "trigger">>>, T>[]) => H extends "fragment" ? react3765.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `InfiniteScrollArea` is for providing infinite scroll functionality.
  * This feature provides a smooth scrolling experience by automatically loading and displaying the next dataset when the user reaches the end of the page.
@@ -111,7 +111,7 @@ declare const InfiniteScrollArea: Component<({
   triggerProps,
   onLoad,
   ...rest
-}: Omit<InfiniteScrollAreaProps, "size" | "variant">) => react_jsx_runtime2893.JSX.Element, InfiniteScrollAreaProps>;
+}: Omit<InfiniteScrollAreaProps, "size" | "variant">) => react_jsx_runtime3802.JSX.Element, InfiniteScrollAreaProps>;
 //#endregion
 export { InfiniteScrollArea, InfiniteScrollAreaProps, InfiniteScrollAreaPropsContext, useInfiniteScrollAreaPropsContext, withContext, withProvider };
 //# sourceMappingURL=infinite-scroll-area.d.ts.map

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

@@ -4,11 +4,11 @@ import { As, Component, HTMLStyledProps } from "../../core/components/index.type
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { InputProps } from "./input.js";
 import { InputAddonStyle } from "./input-addon.style.js";
-import * as react2954 from "react";
+import * as react3599 from "react";
 
 //#region src/components/input/input-addon.d.ts
 interface InputAddonProps extends HTMLStyledProps, ThemeProps<InputAddonStyle>, Pick<InputProps, "errorBorderColor" | "focusBorderColor"> {}
-declare const InputAddonPropsContext: react2954.Context<Partial<InputAddonProps> | undefined>, useInputAddonPropsContext: () => Partial<InputAddonProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends InputAddonProps = InputAddonProps, R extends keyof H = keyof H>(el: D | react2954.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const InputAddonPropsContext: react3599.Context<Partial<InputAddonProps> | undefined>, useInputAddonPropsContext: () => Partial<InputAddonProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends InputAddonProps = InputAddonProps, R extends keyof H = keyof H>(el: D | react3599.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
@@ -209,7 +209,7 @@ declare const InputAddonPropsContext: react2954.Context<Partial<InputAddonProps>
       layerStyle: "surface";
     };
     plain: {};
-  }>, R>[]) => D extends "fragment" ? react2954.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }>, R>[]) => D extends "fragment" ? react3599.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 declare const InputAddon: Component<"div", InputAddonProps>;
 //#endregion
 export { InputAddon, InputAddonProps, InputAddonPropsContext, useInputAddonPropsContext, withContext };

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

@@ -4,16 +4,16 @@ import { As, Component, HTMLStyledProps } from "../../core/components/index.type
 import { ComponentOptions, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { InputProps } from "./input.js";
 import { InputElementStyle } from "./input-element.style.js";
-import * as react2831 from "react";
-import * as _yamada_ui_utils2830 from "@yamada-ui/utils";
+import * as react2331 from "react";
+import * as _yamada_ui_utils2330 from "@yamada-ui/utils";
 
 //#region src/components/input/input-element.d.ts
 interface InputElementProps extends HTMLStyledProps, ThemeProps<InputElementStyle>, Pick<InputProps, "errorBorderColor" | "focusBorderColor"> {}
-declare const component: <D extends "fragment" | As = "div", H extends _yamada_ui_utils2830.Dict = InputElementProps>(el: D | react2831.FC<H>, {
+declare const component: <D extends "fragment" | As = "div", H extends _yamada_ui_utils2330.Dict = InputElementProps>(el: D | react2331.FC<H>, {
     name,
     className,
     ...options
-  }?: ComponentOptions) => (...superProps: SuperProps<H>[]) => D extends "fragment" ? react2831.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>, InputElementPropsContext: react2831.Context<Partial<InputElementProps> | undefined>, useInputElementPropsContext: () => Partial<InputElementProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends InputElementProps = InputElementProps, R extends keyof H = keyof H>(el: D | react2831.FC<Omit<H, keyof H extends R ? ("size" | "variant") | "placement" | "clickable" : Exclude<"placement", R> | Exclude<"clickable", R> | Exclude<"size", R> | Exclude<"variant", R>>>, {
+  }?: ComponentOptions) => (...superProps: SuperProps<H>[]) => D extends "fragment" ? react2331.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>, InputElementPropsContext: react2331.Context<Partial<InputElementProps> | undefined>, useInputElementPropsContext: () => Partial<InputElementProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends InputElementProps = InputElementProps, R extends keyof H = keyof H>(el: D | react2331.FC<Omit<H, keyof H extends R ? ("size" | "variant") | "placement" | "clickable" : Exclude<"placement", R> | Exclude<"clickable", R> | Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
@@ -36,7 +36,7 @@ declare const component: <D extends "fragment" | As = "div", H extends _yamada_u
         insetInlineStart: "0";
       };
     };
-  }, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react2831.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react2331.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 declare const InputElement: Component<"div", InputElementProps>;
 //#endregion
 export { InputElement, InputElementProps, InputElementPropsContext, component, useInputElementPropsContext, withContext };

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

@@ -5,7 +5,7 @@ import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } fro
 import { FieldProps } from "../field/field.js";
 import { InputStyle } from "./input.style.js";
 import { UseInputBorderProps } from "./use-input-border.js";
-import * as react2897 from "react";
+import * as react3228 from "react";
 import { FC } from "react";
 
 //#region src/components/input/input.d.ts
@@ -15,7 +15,7 @@ interface InputProps extends Omit<HTMLStyledProps<"input">, "size">, ThemeProps<
    */
   htmlSize?: number;
 }
-declare const InputPropsContext: react2897.Context<Partial<InputProps> | undefined>, useInputPropsContext: () => Partial<InputProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends InputProps = InputProps, R extends keyof H = keyof H>(el: D | FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const InputPropsContext: react3228.Context<Partial<InputProps> | undefined>, useInputPropsContext: () => Partial<InputProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends InputProps = InputProps, R extends keyof H = keyof H>(el: D | FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
@@ -235,7 +235,7 @@ declare const InputPropsContext: react2897.Context<Partial<InputProps> | undefin
         focusRingColor: "{error-border-color}";
       };
     };
-  }>, R>[]) => D extends "fragment" ? react2897.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }>, R>[]) => D extends "fragment" ? react3228.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Input` is a component used to obtain text input from the user.
  *

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

@@ -3,11 +3,11 @@ import { CSSObject, CSSPropObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { KbdStyle } from "./kbd.style.js";
-import * as react3016 from "react";
+import * as react3369 from "react";
 
 //#region src/components/kbd/kbd.d.ts
 interface KbdProps extends HTMLStyledProps<"kbd">, ThemeProps<KbdStyle> {}
-declare const KbdPropsContext: react3016.Context<Partial<KbdProps> | undefined>, useKbdPropsContext: () => Partial<KbdProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends KbdProps = KbdProps, R extends keyof H = keyof H>(el: D | react3016.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const KbdPropsContext: react3369.Context<Partial<KbdProps> | undefined>, useKbdPropsContext: () => Partial<KbdProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends KbdProps = KbdProps, R extends keyof H = keyof H>(el: D | react3369.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
@@ -45,7 +45,7 @@ declare const KbdPropsContext: react3016.Context<Partial<KbdProps> | undefined>,
     surface: {
       layerStyle: "surface";
     };
-  }>, R>[]) => D extends "fragment" ? react3016.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }>, R>[]) => D extends "fragment" ? react3369.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Kbd` is a component that represents keyboard input.
  *

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

@@ -3,7 +3,7 @@ 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 { LinkStyle } from "./link.style.js";
-import * as react3029 from "react";
+import * as react3242 from "react";
 
 //#region src/components/link/link.d.ts
 interface LinkProps extends HTMLStyledProps<"a">, ThemeProps<LinkStyle> {
@@ -14,7 +14,7 @@ interface LinkProps extends HTMLStyledProps<"a">, ThemeProps<LinkStyle> {
    */
   external?: boolean;
 }
-declare const LinkPropsContext: react3029.Context<Partial<LinkProps> | undefined>, useLinkPropsContext: () => Partial<LinkProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends LinkProps = LinkProps, R extends keyof H = keyof H>(el: D | react3029.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const LinkPropsContext: react3242.Context<Partial<LinkProps> | undefined>, useLinkPropsContext: () => Partial<LinkProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends LinkProps = LinkProps, R extends keyof H = keyof H>(el: D | react3242.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
@@ -35,7 +35,7 @@ declare const LinkPropsContext: react3029.Context<Partial<LinkProps> | undefined
       textDecorationColor: "currentColor";
       textUnderlineOffset: "3px";
     };
-  }>, R>[]) => D extends "fragment" ? react3029.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }>, R>[]) => D extends "fragment" ? react3242.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Link` is a component for creating hyperlinks to different web pages, locations within the same page, or other URLs.
  *

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

@@ -4,23 +4,23 @@ 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 { LinkBoxStyle } from "./link-box.style.js";
-import * as react110 from "react";
+import * as react1937 from "react";
 
 //#region src/components/link-box/link-box.d.ts
 interface ComponentContext extends index_d_exports.Dict {}
 interface LinkBoxRootProps extends HTMLStyledProps, ThemeProps<LinkBoxStyle> {}
-declare const ComponentContext: react110.Context<ComponentContext>, LinkBoxPropsContext: react110.Context<Partial<LinkBoxRootProps> | undefined>, useComponentContext: () => ComponentContext, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends index_d_exports.Dict = (H extends keyof react110.JSX.IntrinsicElements ? HTMLStyledProps<Y> : index_d_exports.Dict<any>)>(el: H | react110.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>>> | undefined, {
+declare const ComponentContext: react1937.Context<ComponentContext>, LinkBoxPropsContext: react1937.Context<Partial<LinkBoxRootProps> | undefined>, useComponentContext: () => ComponentContext, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends index_d_exports.Dict = (H extends keyof react1937.JSX.IntrinsicElements ? HTMLStyledProps<Y> : index_d_exports.Dict<any>)>(el: H | react1937.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>>> | undefined, {
     name,
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react110.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends LinkBoxRootProps = LinkBoxRootProps, T extends keyof R = keyof R>(el: H | react110.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>>>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react1937.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends LinkBoxRootProps = LinkBoxRootProps, T extends keyof R = keyof R>(el: H | react1937.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>, T>[]) => H extends "fragment" ? react110.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"overlay" | "root", CSSPropObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>, CSSModifierObject<CSSSlotObject<"overlay" | "root">>>, T>[]) => H extends "fragment" ? react1937.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `LinkBox` is a component that allows elements such as articles or cards to function as a single link.
  *

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

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