@yahoo/uds 3.133.0-beta.1 → 3.133.0

package/dist/components/VStack.js

@@ -3,7 +3,6 @@ import { Box } from "./Box.js";
 import { intersperseReactChildren } from "../utils/intersperse.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/VStack.tsx
 /**
 * **🥞 A layout component that arranges its children in rows using flexbox**
@@ -45,6 +44,5 @@ const VStack = forwardRef(function VStack({ gap, children, separator, ...props }
 	});
 });
 VStack.displayName = "VStack";
-
 //#endregion
-export { VStack };
+export { VStack };

package/dist/components/client/AnimateHeightChange.cjs

@@ -1,12 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_components_client_SpringMotionConfig = require('./SpringMotionConfig.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_client_SpringMotionConfig = require("./SpringMotionConfig.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let motion_react = require("motion/react");
-
 //#region src/components/client/AnimateHeightChange.tsx
 const AnimateHeightChange = ({ children, reduceMotion, layoutVariant }) => {
 	const ref = (0, react.useRef)(null);
@@ -44,6 +43,5 @@ const AnimateHeightChange = ({ children, reduceMotion, layoutVariant }) => {
 	});
 };
 AnimateHeightChange.displayName = "AnimateHeightChange";
-
 //#endregion
-exports.AnimateHeightChange = AnimateHeightChange;
+exports.AnimateHeightChange = AnimateHeightChange;

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

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

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

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

package/dist/components/client/AnimateHeightChange.js

@@ -4,7 +4,6 @@ import { SpringMotionConfig } from "./SpringMotionConfig.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { m } from "motion/react";
-
 //#region src/components/client/AnimateHeightChange.tsx
 const AnimateHeightChange = ({ children, reduceMotion, layoutVariant }) => {
 	const ref = useRef(null);
@@ -42,6 +41,5 @@ const AnimateHeightChange = ({ children, reduceMotion, layoutVariant }) => {
 	});
 };
 AnimateHeightChange.displayName = "AnimateHeightChange";
-
 //#endregion
-export { AnimateHeightChange };
+export { AnimateHeightChange };

package/dist/components/client/Avatar/Avatar.cjs

@@ -1,11 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_components_client_Avatar_AvatarImage = require('./AvatarImage.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_components_client_Avatar_AvatarImage = require("./AvatarImage.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/client/Avatar/Avatar.tsx
 /**
 * **👤 Avatar Component**
@@ -33,6 +32,5 @@ const Avatar = (0, react.forwardRef)((props, ref) => {
 	});
 });
 Avatar.displayName = "Avatar";
-
 //#endregion
-exports.Avatar = Avatar;
+exports.Avatar = Avatar;

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

@@ -1,6 +1,6 @@
 
 import { AvatarImageProps } from "./AvatarImage.cjs";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/client/Avatar/Avatar.d.ts
 type AvatarProps = AvatarImageProps;
@@ -23,6 +23,6 @@ type AvatarProps = AvatarImageProps;
  * ```
  *
  */
-declare const Avatar: react.ForwardRefExoticComponent<AvatarImageProps & react.RefAttributes<HTMLDivElement>>;
+declare const Avatar: _$react.ForwardRefExoticComponent<AvatarImageProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Avatar, type AvatarProps };

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

@@ -1,7 +1,7 @@
 
 "use client";
 import { AvatarImageProps } from "./AvatarImage.js";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/client/Avatar/Avatar.d.ts
 type AvatarProps = AvatarImageProps;
@@ -24,6 +24,6 @@ type AvatarProps = AvatarImageProps;
  * ```
  *
  */
-declare const Avatar: react.ForwardRefExoticComponent<AvatarImageProps & react.RefAttributes<HTMLDivElement>>;
+declare const Avatar: _$react.ForwardRefExoticComponent<AvatarImageProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Avatar, type AvatarProps };

package/dist/components/client/Avatar/Avatar.js

@@ -3,7 +3,6 @@
 import { AvatarImage } from "./AvatarImage.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/client/Avatar/Avatar.tsx
 /**
 * **👤 Avatar Component**
@@ -31,6 +30,5 @@ const Avatar = forwardRef((props, ref) => {
 	});
 });
 Avatar.displayName = "Avatar";
-
 //#endregion
-export { Avatar };
+export { Avatar };

package/dist/components/client/Avatar/AvatarIcon.cjs

@@ -1,15 +1,14 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../../../styles/styler.cjs');
-const require_components_IconSlot = require('../../IconSlot.cjs');
-const require_components_Box = require('../../Box.cjs');
-const require_components_client_Avatar_utils = require('./utils.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../../styles/styler.cjs");
+const require_components_IconSlot = require("../../IconSlot.cjs");
+const require_components_Box = require("../../Box.cjs");
+const require_components_client_Avatar_utils = require("./utils.cjs");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/client/Avatar/AvatarIcon.tsx
 /** Maps avatar variant to icon */
 const mapVariantToIcon = {
@@ -24,7 +23,7 @@ const mapVariantToIcon = {
 * @param props - Props for icon variant.
 * @returns The AvatarIcon element.
 */
-const AvatarIcon = (0, react.forwardRef)(({ size = require_components_client_Avatar_utils.DEFAULT_AVATAR_SIZE, variant = require_components_client_Avatar_utils.DEFAULT_AVATAR_VARIANT, customSize, icon, slotProps, className, ...props }, ref) => {
+const AvatarIcon = (0, react.forwardRef)(({ size = "md", variant = require_components_client_Avatar_utils.DEFAULT_AVATAR_VARIANT, customSize, icon, slotProps, className, ...props }, ref) => {
 	const classNames = (0, react.useMemo)(() => ({
 		root: require_components_client_Avatar_utils.buildAvatarRootClasses(size, {
 			avatarIconVariantRoot: variant,
@@ -61,6 +60,5 @@ const AvatarIcon = (0, react.forwardRef)(({ size = require_components_client_Ava
 	});
 });
 AvatarIcon.displayName = "AvatarIcon";
-
 //#endregion
-exports.AvatarIcon = AvatarIcon;
+exports.AvatarIcon = AvatarIcon;

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

@@ -1,8 +1,7 @@
 
-import { UniversalAvatarIconProps } from "../../../types/src/index.cjs";
+import { UniversalAvatarIconProps } from "../../../types/dist/index.cjs";
 import { IconPropsWithSVGProps } from "../../../tokens/types.cjs";
-import "../../../tokens/index.cjs";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/client/Avatar/AvatarIcon.d.ts
 type DataAttributes = {
@@ -22,6 +21,6 @@ interface AvatarIconProps extends UniversalAvatarIconProps {
  * @param props - Props for icon variant.
  * @returns The AvatarIcon element.
  */
-declare const AvatarIcon: react.ForwardRefExoticComponent<AvatarIconProps & react.RefAttributes<HTMLDivElement>>;
+declare const AvatarIcon: _$react.ForwardRefExoticComponent<AvatarIconProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { AvatarIcon, type AvatarIconProps };

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

@@ -1,9 +1,8 @@
 
 "use client";
-import { UniversalAvatarIconProps } from "../../../types/src/index.js";
+import { UniversalAvatarIconProps } from "../../../types/dist/index.js";
 import { IconPropsWithSVGProps } from "../../../tokens/types.js";
-import "../../../tokens/index.js";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/client/Avatar/AvatarIcon.d.ts
 type DataAttributes = {
@@ -23,6 +22,6 @@ interface AvatarIconProps extends UniversalAvatarIconProps {
  * @param props - Props for icon variant.
  * @returns The AvatarIcon element.
  */
-declare const AvatarIcon: react.ForwardRefExoticComponent<AvatarIconProps & react.RefAttributes<HTMLDivElement>>;
+declare const AvatarIcon: _$react.ForwardRefExoticComponent<AvatarIconProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { AvatarIcon, type AvatarIconProps };

package/dist/components/client/Avatar/AvatarIcon.js

@@ -3,11 +3,10 @@
 import { cx, getStyles } from "../../../styles/styler.js";
 import { IconSlot } from "../../IconSlot.js";
 import { Box } from "../../Box.js";
-import { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles } from "./utils.js";
+import { DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles } from "./utils.js";
 import { Building, Person } from "@yahoo/uds-icons";
 import { forwardRef, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/client/Avatar/AvatarIcon.tsx
 /** Maps avatar variant to icon */
 const mapVariantToIcon = {
@@ -22,7 +21,7 @@ const mapVariantToIcon = {
 * @param props - Props for icon variant.
 * @returns The AvatarIcon element.
 */
-const AvatarIcon = forwardRef(({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_AVATAR_VARIANT, customSize, icon, slotProps, className, ...props }, ref) => {
+const AvatarIcon = forwardRef(({ size = "md", variant = DEFAULT_AVATAR_VARIANT, customSize, icon, slotProps, className, ...props }, ref) => {
 	const classNames = useMemo(() => ({
 		root: buildAvatarRootClasses(size, {
 			avatarIconVariantRoot: variant,
@@ -59,6 +58,5 @@ const AvatarIcon = forwardRef(({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_A
 	});
 });
 AvatarIcon.displayName = "AvatarIcon";
-
 //#endregion
-export { AvatarIcon };
+export { AvatarIcon };

package/dist/components/client/Avatar/AvatarImage.cjs

@@ -1,16 +1,15 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../../../styles/styler.cjs');
-const require_components_Box = require('../../Box.cjs');
-const require_components_Image = require('../../Image.cjs');
-const require_components_client_Avatar_utils = require('./utils.cjs');
-const require_components_client_Avatar_AvatarIcon = require('./AvatarIcon.cjs');
-const require_components_client_Avatar_AvatarText = require('./AvatarText.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../../styles/styler.cjs");
+const require_components_Box = require("../../Box.cjs");
+const require_components_Image = require("../../Image.cjs");
+const require_components_client_Avatar_utils = require("./utils.cjs");
+const require_components_client_Avatar_AvatarIcon = require("./AvatarIcon.cjs");
+const require_components_client_Avatar_AvatarText = require("./AvatarText.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/client/Avatar/AvatarImage.tsx
 /**
 * **AvatarImage Component**
@@ -21,7 +20,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * @param props - Props for image variant.
 * @returns The AvatarImage element.
 */
-const AvatarImage = (0, react.forwardRef)(({ size = require_components_client_Avatar_utils.DEFAULT_AVATAR_SIZE, variant = require_components_client_Avatar_utils.DEFAULT_AVATAR_VARIANT, src, srcSet, customSize, alt, abbreviationStrategy, fallback, className, imageProps, slotProps, ...props }, ref) => {
+const AvatarImage = (0, react.forwardRef)(({ size = "md", variant = require_components_client_Avatar_utils.DEFAULT_AVATAR_VARIANT, src, srcSet, customSize, alt, abbreviationStrategy, fallback, className, imageProps, slotProps, ...props }, ref) => {
 	const [loadingState, setLoadingState] = (0, react.useState)("loading");
 	(0, react.useEffect)(() => {
 		let mounted = true;
@@ -89,6 +88,5 @@ const AvatarImage = (0, react.forwardRef)(({ size = require_components_client_Av
 	});
 });
 AvatarImage.displayName = "AvatarImage";
-
 //#endregion
-exports.AvatarImage = AvatarImage;
+exports.AvatarImage = AvatarImage;

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

@@ -1,10 +1,9 @@
 
-import { ImagePropsWithImgProps } from "../../../types/src/index.cjs";
+import { ImagePropsWithImgProps } from "../../../types/dist/index.cjs";
 import { UniversalAvatarImageProps } from "../../../tokens/types.cjs";
-import "../../../tokens/index.cjs";
 import { AvatarIconProps } from "./AvatarIcon.cjs";
 import { AvatarTextProps } from "./AvatarText.cjs";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/client/Avatar/AvatarImage.d.ts
 type DataAttributes = {
@@ -25,6 +24,6 @@ interface AvatarImageProps extends UniversalAvatarImageProps {
  * @param props - Props for image variant.
  * @returns The AvatarImage element.
  */
-declare const AvatarImage: react.ForwardRefExoticComponent<AvatarImageProps & react.RefAttributes<HTMLDivElement>>;
+declare const AvatarImage: _$react.ForwardRefExoticComponent<AvatarImageProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { AvatarImage, type AvatarImageProps };

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

@@ -1,11 +1,10 @@
 
 "use client";
-import { ImagePropsWithImgProps } from "../../../types/src/index.js";
+import { ImagePropsWithImgProps } from "../../../types/dist/index.js";
 import { UniversalAvatarImageProps } from "../../../tokens/types.js";
-import "../../../tokens/index.js";
 import { AvatarIconProps } from "./AvatarIcon.js";
 import { AvatarTextProps } from "./AvatarText.js";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/client/Avatar/AvatarImage.d.ts
 type DataAttributes = {
@@ -26,6 +25,6 @@ interface AvatarImageProps extends UniversalAvatarImageProps {
  * @param props - Props for image variant.
  * @returns The AvatarImage element.
  */
-declare const AvatarImage: react.ForwardRefExoticComponent<AvatarImageProps & react.RefAttributes<HTMLDivElement>>;
+declare const AvatarImage: _$react.ForwardRefExoticComponent<AvatarImageProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { AvatarImage, type AvatarImageProps };

package/dist/components/client/Avatar/AvatarImage.js

@@ -3,12 +3,11 @@
 import { cx } from "../../../styles/styler.js";
 import { Box } from "../../Box.js";
 import { Image as Image$1 } from "../../Image.js";
-import { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles } from "./utils.js";
+import { DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles } from "./utils.js";
 import { AvatarIcon } from "./AvatarIcon.js";
 import { AvatarText } from "./AvatarText.js";
 import { forwardRef, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/client/Avatar/AvatarImage.tsx
 /**
 * **AvatarImage Component**
@@ -19,7 +18,7 @@ import { jsx } from "react/jsx-runtime";
 * @param props - Props for image variant.
 * @returns The AvatarImage element.
 */
-const AvatarImage = forwardRef(({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_AVATAR_VARIANT, src, srcSet, customSize, alt, abbreviationStrategy, fallback, className, imageProps, slotProps, ...props }, ref) => {
+const AvatarImage = forwardRef(({ size = "md", variant = DEFAULT_AVATAR_VARIANT, src, srcSet, customSize, alt, abbreviationStrategy, fallback, className, imageProps, slotProps, ...props }, ref) => {
 	const [loadingState, setLoadingState] = useState("loading");
 	useEffect(() => {
 		let mounted = true;
@@ -87,6 +86,5 @@ const AvatarImage = forwardRef(({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_
 	});
 });
 AvatarImage.displayName = "AvatarImage";
-
 //#endregion
-export { AvatarImage };
+export { AvatarImage };

package/dist/components/client/Avatar/AvatarText.cjs

@@ -1,14 +1,13 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../../../styles/styler.cjs');
-const require_components_Text = require('../../Text.cjs');
-const require_components_Box = require('../../Box.cjs');
-const require_components_client_Avatar_utils = require('./utils.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../../styles/styler.cjs");
+const require_components_Text = require("../../Text.cjs");
+const require_components_Box = require("../../Box.cjs");
+const require_components_client_Avatar_utils = require("./utils.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/client/Avatar/AvatarText.tsx
 /**
 * **AvatarText Component**
@@ -18,7 +17,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * @param props - Props for text variant.
 * @returns The AvatarText element.
 */
-const AvatarText = (0, react.forwardRef)(({ size = require_components_client_Avatar_utils.DEFAULT_AVATAR_SIZE, variant = require_components_client_Avatar_utils.DEFAULT_AVATAR_VARIANT, name, initials, customSize, abbreviationStrategy, className, slotProps, ...props }, ref) => {
+const AvatarText = (0, react.forwardRef)(({ size = "md", variant = require_components_client_Avatar_utils.DEFAULT_AVATAR_VARIANT, name, initials, customSize, abbreviationStrategy, className, slotProps, ...props }, ref) => {
 	const classNames = (0, react.useMemo)(() => ({
 		root: require_components_client_Avatar_utils.buildAvatarRootClasses(size, {
 			avatarTextVariantRoot: variant,
@@ -47,6 +46,5 @@ const AvatarText = (0, react.forwardRef)(({ size = require_components_client_Ava
 	});
 });
 AvatarText.displayName = "AvatarText";
-
 //#endregion
-exports.AvatarText = AvatarText;
+exports.AvatarText = AvatarText;

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

@@ -1,8 +1,7 @@
 
-import { UniversalAvatarTextProps } from "../../../types/src/index.cjs";
-import "../../../tokens/index.cjs";
+import { UniversalAvatarTextProps } from "../../../types/dist/index.cjs";
 import { TextProps } from "../../Text.cjs";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/client/Avatar/AvatarText.d.ts
 type DataAttributes = {
@@ -22,6 +21,6 @@ interface AvatarTextProps extends UniversalAvatarTextProps {
  * @param props - Props for text variant.
  * @returns The AvatarText element.
  */
-declare const AvatarText: react.ForwardRefExoticComponent<AvatarTextProps & react.RefAttributes<HTMLDivElement>>;
+declare const AvatarText: _$react.ForwardRefExoticComponent<AvatarTextProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { AvatarText, type AvatarTextProps };

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

@@ -1,9 +1,8 @@
 
 "use client";
-import { UniversalAvatarTextProps } from "../../../types/src/index.js";
-import "../../../tokens/index.js";
+import { UniversalAvatarTextProps } from "../../../types/dist/index.js";
 import { TextProps } from "../../Text.js";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/client/Avatar/AvatarText.d.ts
 type DataAttributes = {
@@ -23,6 +22,6 @@ interface AvatarTextProps extends UniversalAvatarTextProps {
  * @param props - Props for text variant.
  * @returns The AvatarText element.
  */
-declare const AvatarText: react.ForwardRefExoticComponent<AvatarTextProps & react.RefAttributes<HTMLDivElement>>;
+declare const AvatarText: _$react.ForwardRefExoticComponent<AvatarTextProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { AvatarText, type AvatarTextProps };

package/dist/components/client/Avatar/AvatarText.js

@@ -3,10 +3,9 @@
 import { cx } from "../../../styles/styler.js";
 import { Text } from "../../Text.js";
 import { Box } from "../../Box.js";
-import { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles, generateAvatarAbbreviation } from "./utils.js";
+import { DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles, generateAvatarAbbreviation } from "./utils.js";
 import { forwardRef, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/client/Avatar/AvatarText.tsx
 /**
 * **AvatarText Component**
@@ -16,7 +15,7 @@ import { jsx } from "react/jsx-runtime";
 * @param props - Props for text variant.
 * @returns The AvatarText element.
 */
-const AvatarText = forwardRef(({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_AVATAR_VARIANT, name, initials, customSize, abbreviationStrategy, className, slotProps, ...props }, ref) => {
+const AvatarText = forwardRef(({ size = "md", variant = DEFAULT_AVATAR_VARIANT, name, initials, customSize, abbreviationStrategy, className, slotProps, ...props }, ref) => {
 	const classNames = useMemo(() => ({
 		root: buildAvatarRootClasses(size, {
 			avatarTextVariantRoot: variant,
@@ -45,6 +44,5 @@ const AvatarText = forwardRef(({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_A
 	});
 });
 AvatarText.displayName = "AvatarText";
-
 //#endregion
-export { AvatarText };
+export { AvatarText };

package/dist/components/client/Avatar/index.cjs

@@ -1,12 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_components_client_Avatar_AvatarIcon = require('./AvatarIcon.cjs');
-const require_components_client_Avatar_AvatarText = require('./AvatarText.cjs');
-const require_components_client_Avatar_AvatarImage = require('./AvatarImage.cjs');
-const require_components_client_Avatar_Avatar = require('./Avatar.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_client_Avatar_AvatarIcon = require("./AvatarIcon.cjs");
+const require_components_client_Avatar_AvatarText = require("./AvatarText.cjs");
+const require_components_client_Avatar_AvatarImage = require("./AvatarImage.cjs");
+const require_components_client_Avatar_Avatar = require("./Avatar.cjs");
 exports.Avatar = require_components_client_Avatar_Avatar.Avatar;
 exports.AvatarIcon = require_components_client_Avatar_AvatarIcon.AvatarIcon;
 exports.AvatarImage = require_components_client_Avatar_AvatarImage.AvatarImage;
-exports.AvatarText = require_components_client_Avatar_AvatarText.AvatarText;
+exports.AvatarText = require_components_client_Avatar_AvatarText.AvatarText;

package/dist/components/client/Avatar/index.js

@@ -4,5 +4,4 @@ import { AvatarIcon } from "./AvatarIcon.js";
 import { AvatarText } from "./AvatarText.js";
 import { AvatarImage } from "./AvatarImage.js";
 import { Avatar } from "./Avatar.js";
-
-export { Avatar, AvatarIcon, AvatarImage, AvatarText };
+export { Avatar, AvatarIcon, AvatarImage, AvatarText };

package/dist/components/client/Avatar/utils.cjs

@@ -1,11 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../../../styles/styler.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../../styles/styler.cjs");
 let lodash_isFunction_js = require("lodash/isFunction.js");
-lodash_isFunction_js = require_runtime.__toESM(lodash_isFunction_js);
-
+lodash_isFunction_js = require_runtime.__toESM(lodash_isFunction_js, 1);
 //#region src/components/client/Avatar/utils.ts
 /** Strategies for generating text abbreviation */
 const abbrevStrategies = {
@@ -58,10 +57,9 @@ const buildInlineSizeStyles = (customSize) => {
 };
 const DEFAULT_AVATAR_VARIANT = "primary";
 const DEFAULT_AVATAR_SIZE = "md";
-
 //#endregion
 exports.DEFAULT_AVATAR_SIZE = DEFAULT_AVATAR_SIZE;
 exports.DEFAULT_AVATAR_VARIANT = DEFAULT_AVATAR_VARIANT;
 exports.buildAvatarRootClasses = buildAvatarRootClasses;
 exports.buildInlineSizeStyles = buildInlineSizeStyles;
-exports.generateAvatarAbbreviation = generateAvatarAbbreviation;
+exports.generateAvatarAbbreviation = generateAvatarAbbreviation;

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

@@ -1,6 +1,5 @@
 
-import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../../types/src/index.cjs";
-import "../../../tokens/index.cjs";
+import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../../types/dist/index.cjs";
 import { getStyles } from "../../../styles/styler.cjs";
 
 //#region src/components/client/Avatar/utils.d.ts

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

@@ -1,7 +1,6 @@
 
 "use client";
-import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../../types/src/index.js";
-import "../../../tokens/index.js";
+import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../../types/dist/index.js";
 import { getStyles } from "../../../styles/styler.js";
 
 //#region src/components/client/Avatar/utils.d.ts

package/dist/components/client/Avatar/utils.js

@@ -2,7 +2,6 @@
 "use client";
 import { cx, getStyles } from "../../../styles/styler.js";
 import { isFunction } from "lodash-es";
-
 //#region src/components/client/Avatar/utils.ts
 /** Strategies for generating text abbreviation */
 const abbrevStrategies = {
@@ -55,6 +54,5 @@ const buildInlineSizeStyles = (customSize) => {
 };
 const DEFAULT_AVATAR_VARIANT = "primary";
 const DEFAULT_AVATAR_SIZE = "md";
-
 //#endregion
-export { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles, generateAvatarAbbreviation };
+export { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles, generateAvatarAbbreviation };

package/dist/components/client/Badge.cjs

@@ -1,14 +1,13 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../../styles/styler.cjs');
-const require_components_IconSlot = require('../IconSlot.cjs');
-const require_components_HStack = require('../HStack.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../styles/styler.cjs");
+const require_components_IconSlot = require("../IconSlot.cjs");
+const require_components_HStack = require("../HStack.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/client/Badge.tsx
 const BASE_CLASS = "uds-badge";
 const VARIANT_BASE_CLASS = "uds-badge-variant";
@@ -108,6 +107,5 @@ const Badge = (0, react.forwardRef)(function Badge({ variant = "primary", size =
 	});
 });
 Badge.displayName = "Badge";
-
 //#endregion
-exports.Badge = Badge;
+exports.Badge = Badge;