@yahoo/uds 3.69.0 → 3.70.0-beta.1

package/cli/FlattenButtonVariant.mock.tsx

@@ -0,0 +1,17 @@
+import { Button, HStack, IconButton } from '@yahoo/uds';
+import { Cross } from '@yahoo/uds-icons';
+
+export const PageA = () => {
+  return (
+    <HStack>
+     <Button variant="brand-secondary">Click me</Button><IconButton name={Cross} />
+<Button variant="primary">Click me</Button><IconButton name={Cross} variant="primary" />
+<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="brand" />
+<Button variant="warning-tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
+<Button>Click me</Button><IconButton name={Cross} />
+<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
+<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="secondary" />
+<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="tertiary" />
+    </HStack>
+  );
+}

package/dist/components/Box.d.cts

@@ -1,6 +1,6 @@
 import { UniversalBoxProps } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react0 from "react";
+import * as react2 from "react";
 
 //#region src/components/Box.d.ts
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
@@ -30,6 +30,6 @@ interface BoxProps extends UniversalBoxProps, DivProps {}
  *
  * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
  */
-declare const Box: react0.ForwardRefExoticComponent<BoxProps & react0.RefAttributes<HTMLDivElement>>;
+declare const Box: react2.ForwardRefExoticComponent<BoxProps & react2.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Box, type BoxProps, type DivProps };

package/dist/components/Box.d.ts

@@ -1,6 +1,6 @@
 import { UniversalBoxProps } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react0 from "react";
+import * as react1 from "react";
 
 //#region src/components/Box.d.ts
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
@@ -30,6 +30,6 @@ interface BoxProps extends UniversalBoxProps, DivProps {}
  *
  * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
  */
-declare const Box: react0.ForwardRefExoticComponent<BoxProps & react0.RefAttributes<HTMLDivElement>>;
+declare const Box: react1.ForwardRefExoticComponent<BoxProps & react1.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Box, type BoxProps, type DivProps };

package/dist/components/Divider/Divider.d.cts

@@ -1,5 +1,5 @@
 import { DividerInternalProps } from "./DividerInternal.cjs";
-import * as react25 from "react";
+import * as react49 from "react";
 
 //#region src/components/Divider/Divider.d.ts
 type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
@@ -33,6 +33,6 @@ type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
  *
  * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
  */
-declare const Divider: react25.ForwardRefExoticComponent<DividerProps & react25.RefAttributes<HTMLDivElement>>;
+declare const Divider: react49.ForwardRefExoticComponent<DividerProps & react49.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Divider, type DividerProps };

package/dist/components/Divider/Divider.d.ts

@@ -1,5 +1,5 @@
 import { DividerInternalProps } from "./DividerInternal.js";
-import * as react28 from "react";
+import * as react37 from "react";
 
 //#region src/components/Divider/Divider.d.ts
 type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
@@ -33,6 +33,6 @@ type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
  *
  * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
  */
-declare const Divider: react28.ForwardRefExoticComponent<DividerProps & react28.RefAttributes<HTMLDivElement>>;
+declare const Divider: react37.ForwardRefExoticComponent<DividerProps & react37.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Divider, type DividerProps };

package/dist/components/Divider/DividerCore.d.cts

@@ -1,6 +1,6 @@
 import { UniversalDividerProps, UniversalStackProps } from "../../tokens/types.cjs";
 import { BoxProps } from "../Box.cjs";
-import * as react27 from "react";
+import * as react51 from "react";
 
 //#region src/components/Divider/DividerCore.d.ts
 interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
@@ -10,6 +10,6 @@ interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'bor
     line?: string;
   };
 }
-declare const DividerCore: react27.ForwardRefExoticComponent<DividerCoreProps & react27.RefAttributes<HTMLDivElement>>;
+declare const DividerCore: react51.ForwardRefExoticComponent<DividerCoreProps & react51.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DividerCore, type DividerCoreProps };

package/dist/components/Divider/DividerCore.d.ts

@@ -1,6 +1,6 @@
 import { UniversalDividerProps, UniversalStackProps } from "../../tokens/types.js";
 import { BoxProps } from "../Box.js";
-import * as react32 from "react";
+import * as react25 from "react";
 
 //#region src/components/Divider/DividerCore.d.ts
 interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
@@ -10,6 +10,6 @@ interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'bor
     line?: string;
   };
 }
-declare const DividerCore: react32.ForwardRefExoticComponent<DividerCoreProps & react32.RefAttributes<HTMLDivElement>>;
+declare const DividerCore: react25.ForwardRefExoticComponent<DividerCoreProps & react25.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DividerCore, type DividerCoreProps };

package/dist/components/Divider/DividerInternal.d.cts

@@ -1,12 +1,12 @@
 import { UniversalDividerProps } from "../../tokens/types.cjs";
 import { DividerCoreProps } from "./DividerCore.cjs";
-import * as react29 from "react";
+import * as react53 from "react";
 
 //#region src/components/Divider/DividerInternal.d.ts
 type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
 interface DividerInternalProps extends DividerCoreProps {
   variant?: VariantWithInherit;
 }
-declare const DividerInternal: react29.ForwardRefExoticComponent<DividerInternalProps & react29.RefAttributes<HTMLDivElement>>;
+declare const DividerInternal: react53.ForwardRefExoticComponent<DividerInternalProps & react53.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DividerInternal, type DividerInternalProps };

package/dist/components/Divider/DividerInternal.d.ts

@@ -1,12 +1,12 @@
 import { UniversalDividerProps } from "../../tokens/types.js";
 import { DividerCoreProps } from "./DividerCore.js";
-import * as react30 from "react";
+import * as react39 from "react";
 
 //#region src/components/Divider/DividerInternal.d.ts
 type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
 interface DividerInternalProps extends DividerCoreProps {
   variant?: VariantWithInherit;
 }
-declare const DividerInternal: react30.ForwardRefExoticComponent<DividerInternalProps & react30.RefAttributes<HTMLDivElement>>;
+declare const DividerInternal: react39.ForwardRefExoticComponent<DividerInternalProps & react39.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DividerInternal, type DividerInternalProps };

package/dist/components/FormLabel.d.ts

@@ -1,7 +1,7 @@
 import { UniversalFormLabelProps } from "../tokens/types.js";
 import "../tokens/index.js";
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/FormLabel.d.ts
 type HtmlLabelProps = Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'color'>;
@@ -19,7 +19,7 @@ declare const FormLabel: {
     as,
     className,
     ...rest
-  }: FormLabelProps): react_jsx_runtime0.JSX.Element | null;
+  }: FormLabelProps): react_jsx_runtime2.JSX.Element | null;
   displayName: string;
 };
 //#endregion

package/dist/components/HStack.d.cts

@@ -1,7 +1,7 @@
 import { UniversalStackProps } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
 import { DivProps } from "./Box.cjs";
-import * as react1 from "react";
+import * as react4 from "react";
 
 //#region src/components/HStack.d.ts
 interface HStackProps extends UniversalStackProps, DivProps {}
@@ -34,6 +34,6 @@ interface HStackProps extends UniversalStackProps, DivProps {}
  *
  * @related [Box](https://uds.build/docs/components/box), [VStack](https://uds.build/docs/components/v-stack)
  **/
-declare const HStack: react1.ForwardRefExoticComponent<HStackProps & react1.RefAttributes<HTMLDivElement>>;
+declare const HStack: react4.ForwardRefExoticComponent<HStackProps & react4.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { HStack, type HStackProps };

package/dist/components/HStack.d.ts

@@ -1,7 +1,7 @@
 import { UniversalStackProps } from "../tokens/types.js";
 import "../tokens/index.js";
 import { DivProps } from "./Box.js";
-import * as react1 from "react";
+import * as react3 from "react";
 
 //#region src/components/HStack.d.ts
 interface HStackProps extends UniversalStackProps, DivProps {}
@@ -34,6 +34,6 @@ interface HStackProps extends UniversalStackProps, DivProps {}
  *
  * @related [Box](https://uds.build/docs/components/box), [VStack](https://uds.build/docs/components/v-stack)
  **/
-declare const HStack: react1.ForwardRefExoticComponent<HStackProps & react1.RefAttributes<HTMLDivElement>>;
+declare const HStack: react3.ForwardRefExoticComponent<HStackProps & react3.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { HStack, type HStackProps };

package/dist/components/Icon.d.cts

@@ -1,6 +1,6 @@
 import { IconPropsWithSVGProps } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react23 from "react";
+import * as react6 from "react";
 
 //#region src/components/Icon.d.ts
 
@@ -33,6 +33,6 @@ import * as react23 from "react";
  *
  * @related [IconButton](https://uds.build/docs/components/icon-button)
  */
-declare const Icon: react23.ForwardRefExoticComponent<IconPropsWithSVGProps & react23.RefAttributes<SVGSVGElement>>;
+declare const Icon: react6.ForwardRefExoticComponent<IconPropsWithSVGProps & react6.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { Icon, type IconPropsWithSVGProps as IconProps };

package/dist/components/Icon.d.ts

@@ -1,6 +1,6 @@
 import { IconPropsWithSVGProps } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react3 from "react";
+import * as react5 from "react";
 
 //#region src/components/Icon.d.ts
 
@@ -33,6 +33,6 @@ import * as react3 from "react";
  *
  * @related [IconButton](https://uds.build/docs/components/icon-button)
  */
-declare const Icon: react3.ForwardRefExoticComponent<IconPropsWithSVGProps & react3.RefAttributes<SVGSVGElement>>;
+declare const Icon: react5.ForwardRefExoticComponent<IconPropsWithSVGProps & react5.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { Icon, type IconPropsWithSVGProps as IconProps };

package/dist/components/Image.d.cts

@@ -1,6 +1,6 @@
 import { ImagePropsWithImgProps } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/Image.d.ts
 
@@ -83,7 +83,7 @@ declare function Image({
   columnGap,
   rowGap,
   ...props
-}: ImagePropsWithImgProps): react_jsx_runtime3.JSX.Element;
+}: ImagePropsWithImgProps): react_jsx_runtime1.JSX.Element;
 declare namespace Image {
   var displayName: string;
 }

package/dist/components/Image.d.ts

@@ -1,6 +1,6 @@
 import { ImagePropsWithImgProps } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/Image.d.ts
 
@@ -83,7 +83,7 @@ declare function Image({
   columnGap,
   rowGap,
   ...props
-}: ImagePropsWithImgProps): react_jsx_runtime0.JSX.Element;
+}: ImagePropsWithImgProps): react_jsx_runtime3.JSX.Element;
 declare namespace Image {
   var displayName: string;
 }

package/dist/components/Link.d.cts

@@ -1,6 +1,6 @@
 import { UniversalLinkProps } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react20 from "react";
+import * as react8 from "react";
 
 //#region src/components/Link.d.ts
 type HTMLAnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
@@ -40,6 +40,6 @@ interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
  * <Link href="https://yahoo.com" target="_blank" endIcon={LinkIcon} />
  *```
  **/
-declare const Link: react20.ForwardRefExoticComponent<LinkProps & react20.RefAttributes<HTMLAnchorElement>>;
+declare const Link: react8.ForwardRefExoticComponent<LinkProps & react8.RefAttributes<HTMLAnchorElement>>;
 //#endregion
 export { Link, type LinkProps };

package/dist/components/Link.d.ts

@@ -1,6 +1,6 @@
 import { UniversalLinkProps } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react5 from "react";
+import * as react7 from "react";
 
 //#region src/components/Link.d.ts
 type HTMLAnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
@@ -40,6 +40,6 @@ interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
  * <Link href="https://yahoo.com" target="_blank" endIcon={LinkIcon} />
  *```
  **/
-declare const Link: react5.ForwardRefExoticComponent<LinkProps & react5.RefAttributes<HTMLAnchorElement>>;
+declare const Link: react7.ForwardRefExoticComponent<LinkProps & react7.RefAttributes<HTMLAnchorElement>>;
 //#endregion
 export { Link, type LinkProps };

package/dist/components/Text.d.cts

@@ -1,6 +1,6 @@
 import { UniversalTextProps } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react4 from "react";
+import * as react10 from "react";
 import { Ref } from "react";
 
 //#region src/components/Text.d.ts
@@ -43,48 +43,48 @@ type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
  *
  * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
  */
-declare const Text: react4.ForwardRefExoticComponent<(Omit<{
+declare const Text: react10.ForwardRefExoticComponent<(Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react4.ClassAttributes<HTMLElement> & react4.HTMLAttributes<HTMLElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react10.ClassAttributes<HTMLElement> & react10.HTMLAttributes<HTMLElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react4.ClassAttributes<HTMLHeadingElement> & react4.HTMLAttributes<HTMLHeadingElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react10.ClassAttributes<HTMLHeadingElement> & react10.HTMLAttributes<HTMLHeadingElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react4.ClassAttributes<HTMLLabelElement> & react4.LabelHTMLAttributes<HTMLLabelElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react10.ClassAttributes<HTMLLabelElement> & react10.LabelHTMLAttributes<HTMLLabelElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react4.ClassAttributes<HTMLLIElement> & react4.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react10.ClassAttributes<HTMLLIElement> & react10.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react4.ClassAttributes<HTMLParagraphElement> & react4.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react10.ClassAttributes<HTMLParagraphElement> & react10.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react4.ClassAttributes<HTMLSpanElement> & react4.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react4.RefAttributes<HTMLElement>>;
+} & react10.ClassAttributes<HTMLSpanElement> & react10.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react10.RefAttributes<HTMLElement>>;
 //#endregion
 export { Text, type TextProps };

package/dist/components/Text.d.ts

@@ -1,6 +1,6 @@
 import { UniversalTextProps } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react7 from "react";
+import * as react9 from "react";
 import { Ref } from "react";
 
 //#region src/components/Text.d.ts
@@ -43,48 +43,48 @@ type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
  *
  * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
  */
-declare const Text: react7.ForwardRefExoticComponent<(Omit<{
+declare const Text: react9.ForwardRefExoticComponent<(Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react7.ClassAttributes<HTMLElement> & react7.HTMLAttributes<HTMLElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react9.ClassAttributes<HTMLElement> & react9.HTMLAttributes<HTMLElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react7.ClassAttributes<HTMLHeadingElement> & react7.HTMLAttributes<HTMLHeadingElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react9.ClassAttributes<HTMLHeadingElement> & react9.HTMLAttributes<HTMLHeadingElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react7.ClassAttributes<HTMLLabelElement> & react7.LabelHTMLAttributes<HTMLLabelElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react9.ClassAttributes<HTMLLabelElement> & react9.LabelHTMLAttributes<HTMLLabelElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react7.ClassAttributes<HTMLLIElement> & react7.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react9.ClassAttributes<HTMLLIElement> & react9.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react7.ClassAttributes<HTMLParagraphElement> & react7.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react9.ClassAttributes<HTMLParagraphElement> & react9.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
   /** Ref passed to the inner container. */
   ref?: Ref<HTMLElement>;
   /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
   as?: TextElementTagName | undefined;
   variant?: VariantWithInherit;
   color?: ColorWithInherit;
-} & react7.ClassAttributes<HTMLSpanElement> & react7.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react7.RefAttributes<HTMLElement>>;
+} & react9.ClassAttributes<HTMLSpanElement> & react9.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react9.RefAttributes<HTMLElement>>;
 //#endregion
 export { Text, type TextProps };

package/dist/components/VStack.d.cts

@@ -1,7 +1,7 @@
 import { UniversalStackProps } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
 import { DivProps } from "./Box.cjs";
-import * as react18 from "react";
+import * as react24 from "react";
 
 //#region src/components/VStack.d.ts
 type VStackProps = UniversalStackProps & DivProps;
@@ -34,6 +34,6 @@ type VStackProps = UniversalStackProps & DivProps;
  *
  * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
  **/
-declare const VStack: react18.ForwardRefExoticComponent<UniversalStackProps & DivProps & react18.RefAttributes<HTMLDivElement>>;
+declare const VStack: react24.ForwardRefExoticComponent<UniversalStackProps & DivProps & react24.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { VStack, type VStackProps };

package/dist/components/VStack.d.ts

@@ -1,7 +1,7 @@
 import { UniversalStackProps } from "../tokens/types.js";
 import "../tokens/index.js";
 import { DivProps } from "./Box.js";
-import * as react21 from "react";
+import * as react23 from "react";
 
 //#region src/components/VStack.d.ts
 type VStackProps = UniversalStackProps & DivProps;
@@ -34,6 +34,6 @@ type VStackProps = UniversalStackProps & DivProps;
  *
  * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
  **/
-declare const VStack: react21.ForwardRefExoticComponent<UniversalStackProps & DivProps & react21.RefAttributes<HTMLDivElement>>;
+declare const VStack: react23.ForwardRefExoticComponent<UniversalStackProps & DivProps & react23.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { VStack, type VStackProps };

package/dist/components/client/AnimateHeightChange.d.cts

@@ -1,7 +1,7 @@
 import { SpringMotionConfigProps } from "./SpringMotionConfig.cjs";
 import { PropsWithChildren } from "react";
 import { MotionConfigProps } from "motion/react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/client/AnimateHeightChange.d.ts
 interface AnimateHeightChangeProps extends PropsWithChildren {
@@ -13,7 +13,7 @@ declare const AnimateHeightChange: {
     children,
     reduceMotion,
     layoutVariant
-  }: AnimateHeightChangeProps): react_jsx_runtime4.JSX.Element;
+  }: AnimateHeightChangeProps): react_jsx_runtime13.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/client/AnimateHeightChange.d.ts

@@ -1,6 +1,6 @@
 import { SpringMotionConfigProps } from "./SpringMotionConfig.js";
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { MotionConfigProps } from "motion/react";
 
 //#region src/components/client/AnimateHeightChange.d.ts
@@ -13,7 +13,7 @@ declare const AnimateHeightChange: {
     children,
     reduceMotion,
     layoutVariant
-  }: AnimateHeightChangeProps): react_jsx_runtime6.JSX.Element;
+  }: AnimateHeightChangeProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/client/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 import { AvatarImageProps } from "./AvatarImage.js";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/client/Avatar/Avatar.d.ts
 type AvatarProps = AvatarImageProps;
@@ -23,7 +23,7 @@ type AvatarProps = AvatarImageProps;
  *
  */
 declare const Avatar: {
-  (props: AvatarProps): react_jsx_runtime16.JSX.Element;
+  (props: AvatarProps): react_jsx_runtime5.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/client/Avatar/AvatarIcon.d.cts

@@ -1,6 +1,6 @@
 import { IconPropsWithSVGProps, UniversalAvatarIconProps } from "../../../tokens/types.cjs";
 import "../../../tokens/index.cjs";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/components/client/Avatar/AvatarIcon.d.ts
 type DataAttributes = {
@@ -29,7 +29,7 @@ declare const AvatarIcon: {
     slotProps,
     className,
     ...props
-  }: AvatarIconProps): react_jsx_runtime9.JSX.Element;
+  }: AvatarIconProps): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/client/Avatar/AvatarIcon.d.ts

@@ -1,6 +1,6 @@
 import { IconPropsWithSVGProps, UniversalAvatarIconProps } from "../../../tokens/types.js";
 import "../../../tokens/index.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/client/Avatar/AvatarIcon.d.ts
 type DataAttributes = {
@@ -29,7 +29,7 @@ declare const AvatarIcon: {
     slotProps,
     className,
     ...props
-  }: AvatarIconProps): react_jsx_runtime17.JSX.Element;
+  }: AvatarIconProps): react_jsx_runtime9.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/client/Avatar/AvatarImage.d.ts

@@ -2,7 +2,7 @@ import { ImagePropsWithImgProps, UniversalAvatarImageProps } from "../../../toke
 import "../../../tokens/index.js";
 import { AvatarIconProps } from "./AvatarIcon.js";
 import { AvatarTextProps } from "./AvatarText.js";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/components/client/Avatar/AvatarImage.d.ts
 type DataAttributes = {
@@ -37,7 +37,7 @@ declare const AvatarImage: {
     imageProps,
     slotProps,
     ...props
-  }: AvatarImageProps): react_jsx_runtime18.JSX.Element;
+  }: AvatarImageProps): react_jsx_runtime6.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/client/Avatar/AvatarText.d.cts

@@ -1,7 +1,7 @@
 import { UniversalAvatarTextProps } from "../../../tokens/types.cjs";
 import "../../../tokens/index.cjs";
 import { TextProps } from "../../Text.cjs";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/client/Avatar/AvatarText.d.ts
 type DataAttributes = {
@@ -32,7 +32,7 @@ declare const AvatarText: {
     className,
     slotProps,
     ...props
-  }: AvatarTextProps): react_jsx_runtime11.JSX.Element;
+  }: AvatarTextProps): react_jsx_runtime9.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/client/Avatar/AvatarText.d.ts

@@ -1,7 +1,7 @@
 import { UniversalAvatarTextProps } from "../../../tokens/types.js";
 import "../../../tokens/index.js";
 import { TextProps } from "../../Text.js";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/components/client/Avatar/AvatarText.d.ts
 type DataAttributes = {
@@ -32,7 +32,7 @@ declare const AvatarText: {
     className,
     slotProps,
     ...props
-  }: AvatarTextProps): react_jsx_runtime19.JSX.Element;
+  }: AvatarTextProps): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 //#endregion