@yahoo/uds 3.67.0-beta.1 → 3.67.0-beta.3

package/cli/preload.ts

@@ -1,7 +1,7 @@
-// eslint-disable-next-line import/no-unresolved
+ 
 import { mock, spyOn } from 'bun:test';
 
-spyOn(global.Bun.Glob.prototype, 'scan').mockImplementation(() => {
+spyOn(Bun.Glob.prototype, 'scan').mockImplementation(() => {
   return ['/pages/PageA.tsx', '/pages/PageB.tsx'] as unknown as AsyncIterableIterator<string>;
 });
 

package/cli/utils/purgeCSS.ts

@@ -13,9 +13,6 @@ import {
   variantsList,
 } from '../../dist/tailwind/purger';
 import { findReferencesAsJsxElements, getUsedPropsInReference } from '../../dist/tailwind/tsMorph';
-import packageJson from '../../package.json';
-// eslint-disable-next-line n/no-unpublished-import
-import type { ColorModeConfig, ScaleModeConfig, UniversalTokensConfig } from '../../src/tokens';
 import {
   DARK_COLOR_MODE_CLASSNAME,
   LARGE_SCALE_MODE_CLASSNAME,
@@ -26,8 +23,10 @@ import {
   XSMALL_SCALE_MODE_CLASSNAME,
   XXLARGE_SCALE_MODE_CLASSNAME,
   XXXLARGE_SCALE_MODE_CLASSNAME,
-  // eslint-disable-next-line n/no-unpublished-import
-} from '../../src/tokens/consts/cssTokens';
+} from '../../dist/tokens/consts/cssTokens';
+import packageJson from '../../package.json';
+// eslint-disable-next-line n/no-unpublished-import
+import type { ColorModeConfig, ScaleModeConfig, UniversalTokensConfig } from '../../src/tokens';
 
 const scaleModeToClass: { [key in keyof ScaleModeConfig]: string } = {
   large: LARGE_SCALE_MODE_CLASSNAME,

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 react17 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: react17.ForwardRefExoticComponent<BoxProps & react17.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 react5 from "react";
+import * as react0 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: react5.ForwardRefExoticComponent<BoxProps & react5.RefAttributes<HTMLDivElement>>;
+declare const Box: react0.ForwardRefExoticComponent<BoxProps & react0.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Box, type BoxProps, type DivProps };

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

@@ -1,5 +1,5 @@
 import { DividerInternalProps } from "./DividerInternal.js";
-import * as react0 from "react";
+import * as react28 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: react0.ForwardRefExoticComponent<DividerProps & react0.RefAttributes<HTMLDivElement>>;
+declare const Divider: react28.ForwardRefExoticComponent<DividerProps & react28.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Divider, type DividerProps };

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 react1 from "react";
+import * as react30 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: react1.ForwardRefExoticComponent<DividerCoreProps & react1.RefAttributes<HTMLDivElement>>;
+declare const DividerCore: react30.ForwardRefExoticComponent<DividerCoreProps & react30.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 react34 from "react";
+import * as react25 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: react34.ForwardRefExoticComponent<DividerInternalProps & react34.RefAttributes<HTMLDivElement>>;
+declare const DividerInternal: react25.ForwardRefExoticComponent<DividerInternalProps & react25.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 react3 from "react";
+import * as react32 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: react3.ForwardRefExoticComponent<DividerInternalProps & react3.RefAttributes<HTMLDivElement>>;
+declare const DividerInternal: react32.ForwardRefExoticComponent<DividerInternalProps & react32.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 react1 from "react";
+import * as react13 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: react13.ForwardRefExoticComponent<HStackProps & react13.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 react31 from "react";
+import * as react1 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: react31.ForwardRefExoticComponent<HStackProps & react31.RefAttributes<HTMLDivElement>>;
+declare const HStack: react1.ForwardRefExoticComponent<HStackProps & react1.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 react3 from "react";
+import * as react15 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: react15.ForwardRefExoticComponent<IconPropsWithSVGProps & react15.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 react9 from "react";
+import * as react3 from "react";
 
 //#region src/components/Icon.d.ts
 
@@ -33,6 +33,6 @@ import * as react9 from "react";
  *
  * @related [IconButton](https://uds.build/docs/components/icon-button)
  */
-declare const Icon: react9.ForwardRefExoticComponent<IconPropsWithSVGProps & react9.RefAttributes<SVGSVGElement>>;
+declare const Icon: react3.ForwardRefExoticComponent<IconPropsWithSVGProps & react3.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { Icon, type IconPropsWithSVGProps as IconProps };

package/dist/components/Image.d.ts

@@ -1,6 +1,6 @@
 import { ImagePropsWithImgProps } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react_jsx_runtime3 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_runtime3.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 react5 from "react";
+import * as react19 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: react19.ForwardRefExoticComponent<LinkProps & react19.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 react25 from "react";
+import * as react5 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: react5.ForwardRefExoticComponent<LinkProps & react5.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 react7 from "react";
+import * as react0 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: react0.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<{
+} & react0.ClassAttributes<HTMLElement> & react0.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<{
+} & react0.ClassAttributes<HTMLHeadingElement> & react0.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<{
+} & react0.ClassAttributes<HTMLLabelElement> & react0.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<{
+} & react0.ClassAttributes<HTMLLIElement> & react0.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<{
+} & react0.ClassAttributes<HTMLParagraphElement> & react0.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>>;
+} & react0.ClassAttributes<HTMLSpanElement> & react0.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react0.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 react11 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: react11.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;
-} & react11.ClassAttributes<HTMLElement> & react11.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;
-} & react11.ClassAttributes<HTMLHeadingElement> & react11.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;
-} & react11.ClassAttributes<HTMLLabelElement> & react11.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;
-} & react11.ClassAttributes<HTMLLIElement> & react11.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;
-} & react11.ClassAttributes<HTMLParagraphElement> & react11.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;
-} & react11.ClassAttributes<HTMLSpanElement> & react11.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react11.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.ts

@@ -1,7 +1,7 @@
 import { UniversalStackProps } from "../tokens/types.js";
 import "../tokens/index.js";
 import { DivProps } from "./Box.js";
-import * as react27 from "react";
+import * as react7 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: react27.ForwardRefExoticComponent<UniversalStackProps & DivProps & react27.RefAttributes<HTMLDivElement>>;
+declare const VStack: react7.ForwardRefExoticComponent<UniversalStackProps & DivProps & react7.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_runtime6 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_runtime6.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_runtime0 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_runtime0.JSX.Element;
+  }: AnimateHeightChangeProps): react_jsx_runtime4.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_runtime6 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_runtime6.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_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime13.JSX.Element;
+  (props: AvatarProps): react_jsx_runtime17.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_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime5.JSX.Element;
+  }: AvatarIconProps): react_jsx_runtime12.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_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime18 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_runtime12.JSX.Element;
+  }: AvatarIconProps): react_jsx_runtime18.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_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime9 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_runtime7.JSX.Element;
+  }: AvatarImageProps): 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_runtime7 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_runtime7.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_runtime8 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_runtime8.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_runtime14 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_runtime14.JSX.Element;
+  }: AvatarTextProps): react_jsx_runtime11.JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -1,6 +1,6 @@
 import { UniversalIconButtonProps } from "../../tokens/types.js";
 import "../../tokens/index.js";
-import * as react7 from "react";
+import * as react34 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: react7.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react7.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: react34.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react34.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { IconButton, type IconButtonProps };

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

@@ -1,7 +1,7 @@
 import { IconPropsWithSVGProps, UniversalInputProps } from "../../../tokens/types.cjs";
 import "../../../tokens/index.cjs";
 import { BoxProps } from "../../Box.cjs";
-import * as react40 from "react";
+import * as react41 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: react40.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react40.RefAttributes<HTMLInputElement>>;
+declare const Input: react41.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react41.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Input, type InputProps };