@yahoo/uds 3.67.0-beta.4 → 3.67.0-beta.5

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.ts

@@ -1,6 +1,6 @@
 import { UniversalBoxProps } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react2 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: react2.ForwardRefExoticComponent<BoxProps & react2.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 react30 from "react";
+import * as react35 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: react30.ForwardRefExoticComponent<DividerProps & react30.RefAttributes<HTMLDivElement>>;
+declare const Divider: react35.ForwardRefExoticComponent<DividerProps & react35.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 react0 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: react0.ForwardRefExoticComponent<DividerProps & react0.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 react28 from "react";
+import * as react37 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: react28.ForwardRefExoticComponent<DividerCoreProps & react28.RefAttributes<HTMLDivElement>>;
+declare const DividerCore: react37.ForwardRefExoticComponent<DividerCoreProps & react37.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 react32 from "react";
+import * as react27 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: react32.ForwardRefExoticComponent<DividerInternalProps & react32.RefAttributes<HTMLDivElement>>;
+declare const DividerInternal: react27.ForwardRefExoticComponent<DividerInternalProps & react27.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DividerInternal, type DividerInternalProps };

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 react2 from "react";
+import * as react17 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: react2.ForwardRefExoticComponent<HStackProps & react2.RefAttributes<HTMLDivElement>>;
+declare const HStack: react17.ForwardRefExoticComponent<HStackProps & react17.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 react4 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: react4.ForwardRefExoticComponent<HStackProps & react4.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 react4 from "react";
+import * as react19 from "react";
 
 //#region src/components/Icon.d.ts
 
@@ -33,6 +33,6 @@ import * as react4 from "react";
  *
  * @related [IconButton](https://uds.build/docs/components/icon-button)
  */
-declare const Icon: react4.ForwardRefExoticComponent<IconPropsWithSVGProps & react4.RefAttributes<SVGSVGElement>>;
+declare const Icon: react19.ForwardRefExoticComponent<IconPropsWithSVGProps & react19.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 react26 from "react";
+import * as react5 from "react";
 
 //#region src/components/Icon.d.ts
 
@@ -33,6 +33,6 @@ import * as react26 from "react";
  *
  * @related [IconButton](https://uds.build/docs/components/icon-button)
  */
-declare const Icon: react26.ForwardRefExoticComponent<IconPropsWithSVGProps & react26.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_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Image.d.ts
 
@@ -83,7 +83,7 @@ declare function Image({
   columnGap,
   rowGap,
   ...props
-}: ImagePropsWithImgProps): react_jsx_runtime1.JSX.Element;
+}: ImagePropsWithImgProps): react_jsx_runtime0.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 react25 from "react";
+import * as react21 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: react25.ForwardRefExoticComponent<LinkProps & react25.RefAttributes<HTMLAnchorElement>>;
+declare const Link: react21.ForwardRefExoticComponent<LinkProps & react21.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 react6 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: react6.ForwardRefExoticComponent<LinkProps & react6.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 react9 from "react";
+import * as react1 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: react9.ForwardRefExoticComponent<(Omit<{
+declare const Text: react1.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;
-} & react9.ClassAttributes<HTMLElement> & react9.HTMLAttributes<HTMLElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react1.ClassAttributes<HTMLElement> & react1.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;
-} & react9.ClassAttributes<HTMLHeadingElement> & react9.HTMLAttributes<HTMLHeadingElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react1.ClassAttributes<HTMLHeadingElement> & react1.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;
-} & react9.ClassAttributes<HTMLLabelElement> & react9.LabelHTMLAttributes<HTMLLabelElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react1.ClassAttributes<HTMLLabelElement> & react1.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;
-} & react9.ClassAttributes<HTMLLIElement> & react9.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react1.ClassAttributes<HTMLLIElement> & react1.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;
-} & react9.ClassAttributes<HTMLParagraphElement> & react9.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+} & react1.ClassAttributes<HTMLParagraphElement> & react1.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;
-} & react9.ClassAttributes<HTMLSpanElement> & react9.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react9.RefAttributes<HTMLElement>>;
+} & react1.ClassAttributes<HTMLSpanElement> & react1.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react1.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 react8 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: react8.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;
-} & react8.ClassAttributes<HTMLElement> & react8.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;
-} & react8.ClassAttributes<HTMLHeadingElement> & react8.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;
-} & react8.ClassAttributes<HTMLLabelElement> & react8.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;
-} & react8.ClassAttributes<HTMLLIElement> & react8.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;
-} & react8.ClassAttributes<HTMLParagraphElement> & react8.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;
-} & react8.ClassAttributes<HTMLSpanElement> & react8.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react8.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 react23 from "react";
+import * as react15 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: react23.ForwardRefExoticComponent<UniversalStackProps & DivProps & react23.RefAttributes<HTMLDivElement>>;
+declare const VStack: react15.ForwardRefExoticComponent<UniversalStackProps & DivProps & react15.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 react22 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: react22.ForwardRefExoticComponent<UniversalStackProps & DivProps & react22.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_runtime6 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_runtime6.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_runtime4 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_runtime4.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_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime8 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_runtime7.JSX.Element;
+  (props: AvatarProps): react_jsx_runtime8.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_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime8 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_runtime21.JSX.Element;
+  (props: AvatarProps): react_jsx_runtime8.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_runtime8 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_runtime8.JSX.Element;
+  }: AvatarIconProps): react_jsx_runtime9.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_runtime20 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_runtime20.JSX.Element;
+  }: AvatarIconProps): react_jsx_runtime9.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_runtime9 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_runtime9.JSX.Element;
+  }: AvatarImageProps): react_jsx_runtime10.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_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime10.JSX.Element;
+  }: AvatarTextProps): react_jsx_runtime11.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_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime10 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_runtime18.JSX.Element;
+  }: AvatarTextProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -1,6 +1,6 @@
 import { UniversalIconButtonProps } from "../../tokens/types.cjs";
 import "../../tokens/index.cjs";
-import * as react34 from "react";
+import * as react23 from "react";
 import { HTMLMotionProps } from "motion/react";
 
 //#region src/components/client/IconButton.d.ts
@@ -32,6 +32,6 @@ interface IconButtonProps extends HtmlButtonProps, UniversalIconButtonProps {}
  * @related [Icon](https://uds.build/docs/components/icon), [Button](https://uds.build/docs/components/button), and [Pressable](https://uds.build/docs/components/pressable)
  *
  **/
-declare const IconButton: react34.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react34.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: react23.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react23.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { IconButton, type IconButtonProps };

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

@@ -1,7 +1,7 @@
 import { IconPropsWithSVGProps, UniversalInputProps } from "../../../tokens/types.js";
 import "../../../tokens/index.js";
 import { BoxProps } from "../../Box.js";
-import * as react52 from "react";
+import * as react42 from "react";
 import { InputHTMLAttributes } from "react";
 import { HTMLMotionProps } from "motion/react";
 
@@ -51,6 +51,6 @@ interface InputProps extends NativeInputProps, UniversalInputProps {
  *
  * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
  **/
-declare const Input: react52.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react52.RefAttributes<HTMLInputElement>>;
+declare const Input: react42.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react42.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Input, type InputProps };

package/dist/components/client/Input/InputHelpText.d.cts

@@ -1,5 +1,5 @@
 import { InputHelpTextInternalProps } from "./InputHelpTextInternal.cjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/client/Input/InputHelpText.d.ts
 type InputHelpTextProps = InputHelpTextInternalProps;
@@ -34,7 +34,7 @@ declare const InputHelpText: {
     size,
     isFilled,
     ...props
-  }: InputHelpTextProps): react_jsx_runtime16.JSX.Element;
+  }: InputHelpTextProps): react_jsx_runtime13.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/client/Input/InputHelpText.d.ts

@@ -1,5 +1,5 @@
 import { InputHelpTextInternalProps } from "./InputHelpTextInternal.js";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/client/Input/InputHelpText.d.ts
 type InputHelpTextProps = InputHelpTextInternalProps;
@@ -34,7 +34,7 @@ declare const InputHelpText: {
     size,
     isFilled,
     ...props
-  }: InputHelpTextProps): react_jsx_runtime16.JSX.Element;
+  }: InputHelpTextProps): react_jsx_runtime17.JSX.Element;
   displayName: string;
 };
 //#endregion