@yahoo/uds 3.70.0 → 3.72.0

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 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/Box.d.ts

@@ -1,6 +1,6 @@
 import { UniversalBoxProps } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react9 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: react9.ForwardRefExoticComponent<BoxProps & react9.RefAttributes<HTMLDivElement>>;
+declare const Box: react2.ForwardRefExoticComponent<BoxProps & react2.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 react53 from "react";
+import * as react48 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: react53.ForwardRefExoticComponent<DividerProps & react53.RefAttributes<HTMLDivElement>>;
+declare const Divider: react48.ForwardRefExoticComponent<DividerProps & react48.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 react42 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: react42.ForwardRefExoticComponent<DividerProps & react42.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 react55 from "react";
+import * as react50 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: react55.ForwardRefExoticComponent<DividerCoreProps & react55.RefAttributes<HTMLDivElement>>;
+declare const DividerCore: react50.ForwardRefExoticComponent<DividerCoreProps & react50.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 react44 from "react";
+import * as react33 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: react44.ForwardRefExoticComponent<DividerCoreProps & react44.RefAttributes<HTMLDivElement>>;
+declare const DividerCore: react33.ForwardRefExoticComponent<DividerCoreProps & react33.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 react48 from "react";
+import * as react52 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: react48.ForwardRefExoticComponent<DividerInternalProps & react48.RefAttributes<HTMLDivElement>>;
+declare const DividerInternal: react52.ForwardRefExoticComponent<DividerInternalProps & react52.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 react2 from "react";
+import * as react35 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: react2.ForwardRefExoticComponent<DividerInternalProps & react2.RefAttributes<HTMLDivElement>>;
+declare const DividerInternal: react35.ForwardRefExoticComponent<DividerInternalProps & react35.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DividerInternal, type DividerInternalProps };

package/dist/components/FormLabel.d.cts

@@ -1,7 +1,7 @@
 import { UniversalFormLabelProps } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime14 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_runtime14.JSX.Element | null;
+  }: FormLabelProps): react_jsx_runtime2.JSX.Element | null;
   displayName: string;
 };
 //#endregion

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_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime1.JSX.Element | null;
+  }: FormLabelProps): react_jsx_runtime3.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 react22 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: react22.ForwardRefExoticComponent<HStackProps & react22.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 react11 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: react11.ForwardRefExoticComponent<HStackProps & react11.RefAttributes<HTMLDivElement>>;
+declare const HStack: react4.ForwardRefExoticComponent<HStackProps & react4.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 react24 from "react";
+import * as react6 from "react";
 
 //#region src/components/Icon.d.ts
 
@@ -33,6 +33,6 @@ import * as react24 from "react";
  *
  * @related [IconButton](https://uds.build/docs/components/icon-button)
  */
-declare const Icon: react24.ForwardRefExoticComponent<IconPropsWithSVGProps & react24.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 react13 from "react";
+import * as react6 from "react";
 
 //#region src/components/Icon.d.ts
 
@@ -33,6 +33,6 @@ import * as react13 from "react";
  *
  * @related [IconButton](https://uds.build/docs/components/icon-button)
  */
-declare const Icon: react13.ForwardRefExoticComponent<IconPropsWithSVGProps & react13.RefAttributes<SVGSVGElement>>;
+declare const Icon: react6.ForwardRefExoticComponent<IconPropsWithSVGProps & react6.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_runtime15 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_runtime15.JSX.Element;
+}: ImagePropsWithImgProps): react_jsx_runtime3.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_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/Image.d.ts
 
@@ -83,7 +83,7 @@ declare function Image({
   columnGap,
   rowGap,
   ...props
-}: ImagePropsWithImgProps): react_jsx_runtime7.JSX.Element;
+}: ImagePropsWithImgProps): react_jsx_runtime4.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 react26 from "react";
+import * as react0 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: react26.ForwardRefExoticComponent<LinkProps & react26.RefAttributes<HTMLAnchorElement>>;
+declare const Link: react0.ForwardRefExoticComponent<LinkProps & react0.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 react18 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: react18.ForwardRefExoticComponent<LinkProps & react18.RefAttributes<HTMLAnchorElement>>;
+declare const Link: react8.ForwardRefExoticComponent<LinkProps & react8.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 react28 from "react";
+import * as react8 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: react28.ForwardRefExoticComponent<(Omit<{
+declare const Text: react8.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;
-} & react28.ClassAttributes<HTMLElement> & react28.HTMLAttributes<HTMLElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react8.ClassAttributes<HTMLLabelElement> & react8.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;
-} & react28.ClassAttributes<HTMLHeadingElement> & react28.HTMLAttributes<HTMLHeadingElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react8.ClassAttributes<HTMLElement> & react8.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;
-} & react28.ClassAttributes<HTMLLabelElement> & react28.LabelHTMLAttributes<HTMLLabelElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react8.ClassAttributes<HTMLHeadingElement> & react8.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;
-} & react28.ClassAttributes<HTMLLIElement> & react28.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react8.ClassAttributes<HTMLParagraphElement> & react8.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;
-} & react28.ClassAttributes<HTMLParagraphElement> & react28.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react8.ClassAttributes<HTMLSpanElement> & react8.HTMLAttributes<HTMLSpanElement> & 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;
-} & react28.ClassAttributes<HTMLSpanElement> & react28.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react28.RefAttributes<HTMLElement>>;
+} & react8.ClassAttributes<HTMLLIElement> & react8.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react8.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 react20 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: react20.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;
-} & react20.ClassAttributes<HTMLElement> & react20.HTMLAttributes<HTMLElement> & 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;
-} & react20.ClassAttributes<HTMLHeadingElement> & react20.HTMLAttributes<HTMLHeadingElement> & 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;
-} & react20.ClassAttributes<HTMLLabelElement> & react20.LabelHTMLAttributes<HTMLLabelElement> & 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;
-} & react20.ClassAttributes<HTMLLIElement> & react20.LiHTMLAttributes<HTMLLIElement> & 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;
-} & react20.ClassAttributes<HTMLParagraphElement> & react20.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react10.ClassAttributes<HTMLSpanElement> & react10.HTMLAttributes<HTMLSpanElement> & 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;
-} & react20.ClassAttributes<HTMLSpanElement> & react20.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react20.RefAttributes<HTMLElement>>;
+} & react10.ClassAttributes<HTMLLIElement> & react10.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react10.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 react42 from "react";
+import * as react22 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: react42.ForwardRefExoticComponent<UniversalStackProps & DivProps & react42.RefAttributes<HTMLDivElement>>;
+declare const VStack: react22.ForwardRefExoticComponent<UniversalStackProps & DivProps & react22.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 react34 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: react34.ForwardRefExoticComponent<UniversalStackProps & DivProps & react34.RefAttributes<HTMLDivElement>>;
+declare const VStack: react24.ForwardRefExoticComponent<UniversalStackProps & DivProps & react24.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_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime19.JSX.Element;
+  }: AnimateHeightChangeProps): react_jsx_runtime1.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_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime7 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_runtime11.JSX.Element;
+  }: AnimateHeightChangeProps): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -1,5 +1,5 @@
 import { AvatarImageProps } from "./AvatarImage.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime9 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_runtime0.JSX.Element;
+  (props: AvatarProps): react_jsx_runtime9.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_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime13 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_runtime2.JSX.Element;
+  (props: AvatarProps): react_jsx_runtime13.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_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime14 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_runtime15.JSX.Element;
+  }: AvatarIconProps): react_jsx_runtime14.JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -2,7 +2,7 @@ import { ImagePropsWithImgProps, UniversalAvatarImageProps } from "../../../toke
 import "../../../tokens/index.cjs";
 import { AvatarIconProps } from "./AvatarIcon.cjs";
 import { AvatarTextProps } from "./AvatarText.cjs";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime10 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_runtime1.JSX.Element;
+  }: AvatarImageProps): react_jsx_runtime10.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_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime3.JSX.Element;
+  }: AvatarImageProps): react_jsx_runtime16.JSX.Element;
   displayName: string;
 };
 //#endregion