@yamada-ui/react 2.1.8-dev-20260407030626 → 2.1.8-dev-20260408054356

package/dist/types/components/hue-slider/hue-slider.d.ts

@@ -3,8 +3,9 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { HueSliderStyle } from "./hue-slider.style.js";
 import { SliderRootProps, SliderThumbProps, SliderTrackProps } from "../slider/slider.js";
+import "../slider/index.js";
 import "../../index.js";
-import * as react841 from "react";
+import * as react39 from "react";
 
 //#region src/components/hue-slider/hue-slider.d.ts
 interface HueSliderRootProps extends WithoutThemeProps<Omit<SliderRootProps, "betweenThumbs" | "marks" | "marksProps" | "max" | "rangeFill" | "rangeProps" | "thumbFill" | "thumbProps" | "trackFill" | "trackProps">, HueSliderStyle>, ThemeProps<HueSliderStyle> {
@@ -27,7 +28,7 @@ interface HueSliderRootProps extends WithoutThemeProps<Omit<SliderRootProps, "be
    */
   trackProps?: HueSliderTrackProps;
 }
-declare const HueSliderPropsContext: react841.Context<Partial<HueSliderRootProps> | undefined>, useHueSliderPropsContext: () => Partial<HueSliderRootProps> | undefined;
+declare const HueSliderPropsContext: react39.Context<Partial<HueSliderRootProps> | undefined>, useHueSliderPropsContext: () => Partial<HueSliderRootProps> | undefined;
 /**
  * `HueSlider` is a component used to allow the user to select a color hue.
  *
@@ -42,7 +43,7 @@ interface HueSliderOverlayProps extends HTMLStyledProps {
    */
   layers?: HTMLStyledProps[];
 }
-declare const HueSliderOverlay: react841.FunctionComponent<HueSliderOverlayProps>;
+declare const HueSliderOverlay: react39.FunctionComponent<HueSliderOverlayProps>;
 interface HueSliderThumbProps extends SliderThumbProps {}
 declare const HueSliderThumb: Component<"div", HueSliderThumbProps>;
 //#endregion

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

@@ -5,22 +5,22 @@ import { ComponentOptions, ComponentWithContextOptions, InitialProps, SuperProps
 import "../../core/index.js";
 import { IconStyle } from "./icon.style.js";
 import "../../index.js";
-import * as react836 from "react";
-import * as _yamada_ui_utils8 from "@yamada-ui/utils";
+import * as react34 from "react";
+import * as _yamada_ui_utils0 from "@yamada-ui/utils";
 
 //#region src/components/icon/icon.d.ts
 interface IconProps extends HTMLStyledProps<"svg">, ThemeProps<IconStyle> {}
-declare const component: <D extends "fragment" | As = "div", H extends _yamada_ui_utils8.Dict = IconProps>(el: D | react836.FC<H>, {
+declare const component: <D extends "fragment" | As = "div", H extends _yamada_ui_utils0.Dict = IconProps>(el: D | react34.FC<H>, {
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<H>, ...superProps: SuperProps<H>[]) => D extends "fragment" ? react836.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>, IconPropsContext: react836.Context<Partial<IconProps> | undefined>, useIconPropsContext: () => Partial<IconProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends IconProps = IconProps, R extends keyof H = keyof H>(el: D | react836.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
+  }?: ComponentOptions) => (initialProps?: InitialProps<H>, ...superProps: SuperProps<H>[]) => D extends "fragment" ? react34.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>, IconPropsContext: react34.Context<Partial<IconProps> | undefined>, useIconPropsContext: () => Partial<IconProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends IconProps = IconProps, R extends keyof H = keyof H>(el: D | react34.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react836.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react34.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Icon` is a general icon component that can be used in your projects.
  *

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

@@ -4,7 +4,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { ImageStyle } from "./image.style.js";
 import "../../index.js";
-import * as react835 from "react";
+import * as react32 from "react";
 
 //#region src/components/image/image.d.ts
 interface ImageProps extends HTMLStyledProps<"img">, ThemeProps<ImageStyle> {
@@ -13,7 +13,7 @@ interface ImageProps extends HTMLStyledProps<"img">, ThemeProps<ImageStyle> {
    */
   fit?: CSSProps["objectFit"];
 }
-declare const ImagePropsContext: react835.Context<Partial<ImageProps> | undefined>, useImagePropsContext: () => Partial<ImageProps> | undefined;
+declare const ImagePropsContext: react32.Context<Partial<ImageProps> | undefined>, useImagePropsContext: () => Partial<ImageProps> | undefined;
 /**
  * `Image` is a component that displays images with fallback support.
  *

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

@@ -3,10 +3,11 @@ import { CSSProps } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FloatProps } from "../float/float.js";
+import "../float/index.js";
 import { IndicatorStyle } from "./indicator.style.js";
 import "../../index.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
-import * as react940 from "react";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react1020 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/indicator/indicator.d.ts
@@ -70,7 +71,7 @@ interface IndicatorProps extends Omit<HTMLStyledProps, "offset">, Omit<ThemeProp
    */
   labelProps?: IndicatorLabelProps;
 }
-declare const IndicatorPropsContext: react940.Context<Partial<IndicatorProps> | undefined>, useIndicatorPropsContext: () => Partial<IndicatorProps> | undefined;
+declare const IndicatorPropsContext: react1020.Context<Partial<IndicatorProps> | undefined>, useIndicatorPropsContext: () => Partial<IndicatorProps> | undefined;
 /**
  * `Indicator` is a component that displays at the corner of elements such as avatars.
  *
@@ -178,7 +179,7 @@ declare const Indicator: Component<({
       "--ping-color": "colorScheme.outline";
     };
   };
-}>, keyof IndicatorProps>) => react_jsx_runtime7.JSX.Element, IndicatorProps>;
+}>, keyof IndicatorProps>) => react_jsx_runtime9.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,7 +4,7 @@ import "../../core/index.js";
 import { InfiniteScrollAreaStyle } from "./infinite-scroll-area.style.js";
 import { UseInfiniteScrollProps } from "./use-infinite-scroll.js";
 import "../../index.js";
-import * as react834 from "react";
+import * as react128 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/infinite-scroll-area/infinite-scroll-area.d.ts
@@ -22,7 +22,7 @@ interface InfiniteScrollAreaProps extends Omit<HTMLStyledProps, keyof UseInfinit
    */
   triggerProps?: HTMLStyledProps;
 }
-declare const InfiniteScrollAreaPropsContext: react834.Context<Partial<InfiniteScrollAreaProps> | undefined>, useInfiniteScrollAreaPropsContext: () => Partial<InfiniteScrollAreaProps> | undefined;
+declare const InfiniteScrollAreaPropsContext: react128.Context<Partial<InfiniteScrollAreaProps> | undefined>, useInfiniteScrollAreaPropsContext: () => Partial<InfiniteScrollAreaProps> | undefined;
 /**
  * `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.

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

@@ -4,11 +4,11 @@ import "../../core/index.js";
 import { InputAddonStyle } from "./input-addon.style.js";
 import { InputProps } from "./input.js";
 import "../../index.js";
-import * as react86 from "react";
+import * as react1038 from "react";
 
 //#region src/components/input/input-addon.d.ts
 interface InputAddonProps extends HTMLStyledProps, ThemeProps<InputAddonStyle>, Pick<InputProps, "errorBorderColor" | "focusBorderColor"> {}
-declare const InputAddonPropsContext: react86.Context<Partial<InputAddonProps> | undefined>, useInputAddonPropsContext: () => Partial<InputAddonProps> | undefined;
+declare const InputAddonPropsContext: react1038.Context<Partial<InputAddonProps> | undefined>, useInputAddonPropsContext: () => Partial<InputAddonProps> | undefined;
 declare const InputAddon: Component<"div", InputAddonProps>;
 //#endregion
 export { InputAddon, InputAddonProps, InputAddonPropsContext, useInputAddonPropsContext };

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

@@ -5,7 +5,7 @@ import "../../index.js";
 //#region src/components/input/input-addon.style.d.ts
 declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
   xs: {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -16,16 +16,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.2";
     "--space-y": "spaces.1.5";
@@ -33,7 +33,7 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     px: "{space-x}";
   };
   sm: {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -44,16 +44,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.2.5";
     "--space-y": "spaces.2";
@@ -61,7 +61,7 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     px: "{space-x}";
   };
   md: {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -72,16 +72,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.3";
     "--space-y": "spaces.2";
@@ -89,7 +89,7 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     px: "{space-x}";
   };
   lg: {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -100,16 +100,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.3.5";
     "--space-y": "spaces.2.5";
@@ -117,7 +117,7 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     px: "{space-x}";
   };
   xl: {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -128,16 +128,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.4";
     "--space-y": "spaces.3";
@@ -145,7 +145,7 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     px: "{space-x}";
   };
   "2xl": {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -156,16 +156,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.4";
     "--space-y": "spaces.3";

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

@@ -4,11 +4,11 @@ import "../../core/index.js";
 import { InputElementStyle } from "./input-element.style.js";
 import { InputProps } from "./input.js";
 import "../../index.js";
-import * as react79 from "react";
+import * as react1037 from "react";
 
 //#region src/components/input/input-element.d.ts
 interface InputElementProps extends HTMLStyledProps, ThemeProps<InputElementStyle>, Pick<InputProps, "errorBorderColor" | "focusBorderColor"> {}
-declare const InputElementPropsContext: react79.Context<Partial<InputElementProps> | undefined>, useInputElementPropsContext: () => Partial<InputElementProps> | undefined;
+declare const InputElementPropsContext: react1037.Context<Partial<InputElementProps> | undefined>, useInputElementPropsContext: () => Partial<InputElementProps> | undefined;
 declare const InputElement: Component<"div", InputElementProps>;
 //#endregion
 export { InputElement, InputElementProps, InputElementPropsContext, useInputElementPropsContext };

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

@@ -2,9 +2,11 @@ import { ThemeProps, WithoutThemeProps } from "../../core/system/index.types.js"
 import { Component } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
+import "../field/index.js";
 import { InputStyle } from "./input.style.js";
 import { InputProps } from "./input.js";
 import { GroupProps } from "../group/group.js";
+import "../group/index.js";
 
 //#region src/components/input/input-group.d.ts
 interface InputGroupRootProps extends WithoutThemeProps<GroupProps, InputStyle>, ThemeProps<InputStyle>, Pick<InputProps, "errorBorderColor" | "focusBorderColor">, FieldProps {}

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

@@ -2,10 +2,11 @@ import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
+import "../field/index.js";
 import { InputStyle } from "./input.style.js";
 import { UseInputBorderProps } from "./use-input-border.js";
 import "../../index.js";
-import * as react85 from "react";
+import * as react1036 from "react";
 
 //#region src/components/input/input.d.ts
 interface InputProps extends Omit<HTMLStyledProps<"input">, "size">, ThemeProps<InputStyle>, UseInputBorderProps, FieldProps {
@@ -14,7 +15,7 @@ interface InputProps extends Omit<HTMLStyledProps<"input">, "size">, ThemeProps<
    */
   htmlSize?: number;
 }
-declare const InputPropsContext: react85.Context<Partial<InputProps> | undefined>, useInputPropsContext: () => Partial<InputProps> | undefined;
+declare const InputPropsContext: react1036.Context<Partial<InputProps> | undefined>, useInputPropsContext: () => Partial<InputProps> | undefined;
 /**
  * `Input` is a component used to obtain text input from the user.
  *

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

@@ -5,7 +5,7 @@ import "../../index.js";
 
 //#region src/components/input/input.style.d.ts
 declare const getInputPaddingStartResetStyle: (key?: string) => {
-  "&:not([data-input-element] + &)": {
+  "&:not([data-input-element] ~ &)": {
     ps: "0px";
   } | {
     [x: string]: {
@@ -14,7 +14,7 @@ declare const getInputPaddingStartResetStyle: (key?: string) => {
   };
 };
 declare const getInputPaddingEndResetStyle: (key?: string) => {
-  "&:not(:has(+ [data-input-element]))": {
+  "&:not(:has(~ [data-input-element]))": {
     pe: "0px";
   } | {
     [x: string]: {
@@ -23,7 +23,7 @@ declare const getInputPaddingEndResetStyle: (key?: string) => {
   };
 };
 declare const getInputHeightStyle: (height?: string, key?: string) => {
-  "&:has(+ [data-input-element])": {
+  "&:has(~ [data-input-element])": {
     pe: string | undefined;
   } | {
     [x: string]: {
@@ -34,21 +34,21 @@ declare const getInputHeightStyle: (height?: string, key?: string) => {
     minW: string | undefined;
   };
   "--height": string | undefined;
-  "[data-input-element] + &": {
+  "[data-input-element]:has(~ &)": {
+    minW: string | undefined;
+  };
+  "[data-input-element] ~ &": {
     ps: string | undefined;
   } | {
     [x: string]: {
       ps: string | undefined;
     };
   };
-  "[data-input-element]:has(~ &)": {
-    minW: string | undefined;
-  };
   minH: string | undefined;
 };
 declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
   xs: {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -59,16 +59,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.2";
     "--space-y": "spaces.1.5";
@@ -76,7 +76,7 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     px: "{space-x}";
   };
   sm: {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -87,16 +87,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.2.5";
     "--space-y": "spaces.2";
@@ -104,7 +104,7 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     px: "{space-x}";
   };
   md: {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -115,16 +115,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.3";
     "--space-y": "spaces.2";
@@ -132,7 +132,7 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     px: "{space-x}";
   };
   lg: {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -143,16 +143,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.3.5";
     "--space-y": "spaces.2.5";
@@ -160,7 +160,7 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     px: "{space-x}";
   };
   xl: {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -171,16 +171,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.4";
     "--space-y": "spaces.3";
@@ -188,7 +188,7 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
     px: "{space-x}";
   };
   "2xl": {
-    "&:has(+ [data-input-element])": {
+    "&:has(~ [data-input-element])": {
       pe: string | undefined;
     } | {
       [x: string]: {
@@ -199,16 +199,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
       minW: string | undefined;
     };
     "--height": string | undefined;
-    "[data-input-element] + &": {
+    "[data-input-element]:has(~ &)": {
+      minW: string | undefined;
+    };
+    "[data-input-element] ~ &": {
       ps: string | undefined;
     } | {
       [x: string]: {
         ps: string | undefined;
       };
     };
-    "[data-input-element]:has(~ &)": {
-      minW: string | undefined;
-    };
     minH: string | undefined;
     "--space-x": "spaces.4";
     "--space-y": "spaces.3";

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

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { KbdStyle } from "./kbd.style.js";
 import "../../index.js";
-import * as react833 from "react";
+import * as react169 from "react";
 
 //#region src/components/kbd/kbd.d.ts
 interface KbdProps extends HTMLStyledProps<"kbd">, ThemeProps<KbdStyle> {}
-declare const KbdPropsContext: react833.Context<Partial<KbdProps> | undefined>, useKbdPropsContext: () => Partial<KbdProps> | undefined;
+declare const KbdPropsContext: react169.Context<Partial<KbdProps> | undefined>, useKbdPropsContext: () => Partial<KbdProps> | undefined;
 /**
  * `Kbd` is a component that represents keyboard input.
  *

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

@@ -3,7 +3,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { LinkStyle } from "./link.style.js";
 import "../../index.js";
-import * as react820 from "react";
+import * as react168 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: react820.Context<Partial<LinkProps> | undefined>, useLinkPropsContext: () => Partial<LinkProps> | undefined;
+declare const LinkPropsContext: react168.Context<Partial<LinkProps> | undefined>, useLinkPropsContext: () => Partial<LinkProps> | undefined;
 /**
  * `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

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { LinkBoxStyle } from "./link-box.style.js";
 import "../../index.js";
-import * as react821 from "react";
+import * as react160 from "react";
 
 //#region src/components/link-box/link-box.d.ts
 interface LinkBoxRootProps extends HTMLStyledProps, ThemeProps<LinkBoxStyle> {}
-declare const LinkBoxPropsContext: react821.Context<Partial<LinkBoxRootProps> | undefined>, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined;
+declare const LinkBoxPropsContext: react160.Context<Partial<LinkBoxRootProps> | undefined>, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined;
 /**
  * `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

@@ -4,7 +4,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { ListStyle } from "./list.style.js";
 import "../../index.js";
-import * as react819 from "react";
+import * as react126 from "react";
 import { ReactElement } from "react";
 
 //#region src/components/list/list.d.ts
@@ -23,7 +23,7 @@ interface ListRootProps extends HTMLStyledProps<"ul">, Omit<ThemeProps<ListStyle
    */
   styleType?: CSSProps["listStyleType"];
 }
-declare const ListPropsContext: react819.Context<Partial<ListRootProps> | undefined>, useListPropsContext: () => Partial<ListRootProps> | undefined;
+declare const ListPropsContext: react126.Context<Partial<ListRootProps> | undefined>, useListPropsContext: () => Partial<ListRootProps> | undefined;
 /**
  * `List` is a component for displaying lists. By default, it renders a `ul` element.
  *