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

package/dist/components/{client/Avatar → Avatar}/AvatarText.d.ts

@@ -1,11 +1,10 @@
 
-"use client";
-import { UniversalAvatarTextProps } from "../../../types/src/index.js";
-import "../../../tokens/index.js";
-import { TextProps } from "../../Text.js";
+import { UniversalAvatarTextProps } from "../../types/src/index.js";
+import "../../tokens/index.js";
+import { TextProps } from "../Text.js";
 import * as react from "react";
 
-//#region src/components/client/Avatar/AvatarText.d.ts
+//#region src/components/Avatar/AvatarText.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
 };
@@ -22,6 +21,7 @@ interface AvatarTextProps extends UniversalAvatarTextProps {
  *
  * @param props - Props for text variant.
  * @returns The AvatarText element.
+ * @componentType Server component
  */
 declare const AvatarText: react.ForwardRefExoticComponent<AvatarTextProps & react.RefAttributes<HTMLDivElement>>;
 //#endregion

package/dist/components/{client/Avatar → Avatar}/AvatarText.js

@@ -1,13 +1,12 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-"use client";
-import { cx } from "../../../styles/styler.js";
-import { Text } from "../../Text.js";
-import { Box } from "../../Box.js";
+import { cx } from "../../styles/styler.js";
+import { Box } from "../Box.js";
 import { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles, generateAvatarAbbreviation } from "./utils.js";
+import { Text } from "../Text.js";
 import { forwardRef, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/client/Avatar/AvatarText.tsx
+//#region src/components/Avatar/AvatarText.tsx
 /**
 * **AvatarText Component**
 *
@@ -15,6 +14,7 @@ import { jsx } from "react/jsx-runtime";
 *
 * @param props - Props for text variant.
 * @returns The AvatarText element.
+* @componentType Server component
 */
 const AvatarText = forwardRef(({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_AVATAR_VARIANT, name, initials, customSize, abbreviationStrategy, className, slotProps, ...props }, ref) => {
 	const classNames = useMemo(() => ({

package/dist/components/Avatar/index.cjs

@@ -0,0 +1,11 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_components_Avatar_AvatarIcon = require('./AvatarIcon.cjs');
+const require_components_Avatar_AvatarImageNoFallback = require('./AvatarImageNoFallback.cjs');
+const require_components_Avatar_AvatarText = require('./AvatarText.cjs');
+const require_components_Avatar_Avatar = require('./Avatar.cjs');
+
+exports.Avatar = require_components_Avatar_Avatar.Avatar;
+exports.AvatarIcon = require_components_Avatar_AvatarIcon.AvatarIcon;
+exports.AvatarImageNoFallback = require_components_Avatar_AvatarImageNoFallback.AvatarImageNoFallback;
+exports.AvatarText = require_components_Avatar_AvatarText.AvatarText;

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

@@ -0,0 +1,6 @@
+
+import { AvatarIcon, AvatarIconProps } from "./AvatarIcon.cjs";
+import { AvatarText, AvatarTextProps } from "./AvatarText.cjs";
+import { Avatar, AvatarProps } from "./Avatar.cjs";
+import { AvatarImageNoFallback, AvatarImageNoFallbackProps } from "./AvatarImageNoFallback.cjs";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImageNoFallback, type AvatarImageNoFallbackProps, type AvatarProps, AvatarText, type AvatarTextProps };

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

@@ -0,0 +1,6 @@
+
+import { AvatarIcon, AvatarIconProps } from "./AvatarIcon.js";
+import { AvatarText, AvatarTextProps } from "./AvatarText.js";
+import { Avatar, AvatarProps } from "./Avatar.js";
+import { AvatarImageNoFallback, AvatarImageNoFallbackProps } from "./AvatarImageNoFallback.js";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImageNoFallback, type AvatarImageNoFallbackProps, type AvatarProps, AvatarText, type AvatarTextProps };

package/dist/components/Avatar/index.js

@@ -0,0 +1,7 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { AvatarIcon } from "./AvatarIcon.js";
+import { AvatarImageNoFallback } from "./AvatarImageNoFallback.js";
+import { AvatarText } from "./AvatarText.js";
+import { Avatar } from "./Avatar.js";
+
+export { Avatar, AvatarIcon, AvatarImageNoFallback, AvatarText };

package/dist/components/{client/Avatar → Avatar}/utils.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_styles_styler = require('../../../styles/styler.cjs');
+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);
 
-//#region src/components/client/Avatar/utils.ts
+//#region src/components/Avatar/utils.ts
 /** Strategies for generating text abbreviation */
 const abbrevStrategies = {
 	first: (initials) => initials[0] ?? "",

package/dist/components/{client/Avatar → Avatar}/utils.d.cts

@@ -1,9 +1,9 @@
 
-import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../../types/src/index.cjs";
-import "../../../tokens/index.cjs";
-import { getStyles } from "../../../styles/styler.cjs";
+import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../types/src/index.cjs";
+import "../../tokens/index.cjs";
+import { getStyles } from "../../styles/styler.cjs";
 
-//#region src/components/client/Avatar/utils.d.ts
+//#region src/components/Avatar/utils.d.ts
 /**
  * Generates an abbreviation from a name using a specified strategy.
  *

package/dist/components/{client/Avatar → Avatar}/utils.d.ts

@@ -1,10 +1,9 @@
 
-"use client";
-import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../../types/src/index.js";
-import "../../../tokens/index.js";
-import { getStyles } from "../../../styles/styler.js";
+import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../types/src/index.js";
+import "../../tokens/index.js";
+import { getStyles } from "../../styles/styler.js";
 
-//#region src/components/client/Avatar/utils.d.ts
+//#region src/components/Avatar/utils.d.ts
 /**
  * Generates an abbreviation from a name using a specified strategy.
  *

package/dist/components/{client/Avatar → Avatar}/utils.js

@@ -1,9 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-"use client";
-import { cx, getStyles } from "../../../styles/styler.js";
+import { cx, getStyles } from "../../styles/styler.js";
 import { isFunction } from "lodash-es";
 
-//#region src/components/client/Avatar/utils.ts
+//#region src/components/Avatar/utils.ts
 /** Strategies for generating text abbreviation */
 const abbrevStrategies = {
 	first: (initials) => initials[0] ?? "",

package/dist/components/Banner/Banner.cjs

@@ -2,12 +2,12 @@
 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_client_Pressable = require('../client/Pressable.cjs');
 const require_components_IconSlot = require('../IconSlot.cjs');
 const require_components_Text = require('../Text.cjs');
+const require_components_client_Pressable = require('../client/Pressable.cjs');
 const require_components_Banner_utils = require('./utils.cjs');
-let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
+let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Banner/Banner.tsx

package/dist/components/Banner/Banner.js

@@ -1,11 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { cx, getStyles } from "../../styles/styler.js";
-import { Pressable } from "../client/Pressable.js";
 import { IconSlot } from "../IconSlot.js";
 import { Text } from "../Text.js";
+import { Pressable } from "../client/Pressable.js";
 import { BANNER_TO_BUTTON_VARIANT, hasDisplayName, separateChildren } from "./utils.js";
-import { Cross } from "@yahoo/uds-icons";
 import { cloneElement, forwardRef, isValidElement } from "react";
+import { Cross } from "@yahoo/uds-icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Banner/Banner.tsx

package/dist/components/Divider/DividerCore.cjs

@@ -2,8 +2,8 @@
 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_Text = require('../Text.cjs');
 const require_components_HStack = require('../HStack.cjs');
 const require_components_VStack = require('../VStack.cjs');
 let react = require("react");

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

@@ -1,8 +1,8 @@
 
 import { UniversalDividerProps, UniversalStackProps } from "../../types/src/index.cjs";
 import "../../tokens/types.cjs";
-import { BoxProps } from "../Box.cjs";
 import { Text } from "../Text.cjs";
+import { BoxProps } from "../Box.cjs";
 import * as react from "react";
 import { ComponentProps, HTMLAttributes } from "react";
 

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

@@ -1,8 +1,8 @@
 
 import { UniversalDividerProps, UniversalStackProps } from "../../types/src/index.js";
 import "../../tokens/types.js";
-import { BoxProps } from "../Box.js";
 import { Text } from "../Text.js";
+import { BoxProps } from "../Box.js";
 import * as react from "react";
 import { ComponentProps, HTMLAttributes } from "react";
 

package/dist/components/Divider/DividerCore.js

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { cx } from "../../styles/styler.js";
-import { Text } from "../Text.js";
 import { Box } from "../Box.js";
+import { Text } from "../Text.js";
 import { HStack } from "../HStack.js";
 import { VStack } from "../VStack.js";
 import { forwardRef, useMemo } from "react";

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

@@ -2,12 +2,9 @@
 "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');
+const require_components_Avatar_AvatarIcon = require('../../Avatar/AvatarIcon.cjs');
+const require_components_Avatar_AvatarImageNoFallback = require('../../Avatar/AvatarImageNoFallback.cjs');
+const require_components_Avatar_AvatarText = require('../../Avatar/AvatarText.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 
@@ -15,77 +12,59 @@ let react_jsx_runtime = require("react/jsx-runtime");
 /**
 * **AvatarImage Component**
 *
-* Renders an Avatar with an image. If the image fails to load, it falls back first to
-* a text representation (if a name or initials are provided) and then to an icon.
+* Renders an Avatar with an image.
 *
 * @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 [loadingState, setLoadingState] = (0, react.useState)("loading");
+const AvatarImage = (0, react.forwardRef)((props, ref) => {
+	const { src, srcSet, alt, fallback, abbreviationStrategy, slotProps, ...restProps } = props;
+	const hasImageSource = Boolean(src || srcSet);
+	const imageSourceKey = `${src ?? ""}::${srcSet ?? ""}`;
+	const [resolvedImageState, setResolvedImageState] = (0, react.useState)(null);
 	(0, react.useEffect)(() => {
+		if (!hasImageSource) return;
 		let mounted = true;
-		if (src || srcSet) {
-			const img = new Image();
-			img.onload = () => {
-				if (mounted) setLoadingState("loaded");
-			};
-			img.onerror = () => {
-				if (mounted) setLoadingState("error");
-			};
-			if (src) img.src = src;
-			if (srcSet) img.srcset = srcSet;
-		} else setLoadingState("error");
+		const img = new Image();
+		img.onload = () => {
+			if (mounted) setResolvedImageState({
+				sourceKey: imageSourceKey,
+				status: "loaded"
+			});
+		};
+		img.onerror = () => {
+			if (mounted) setResolvedImageState({
+				sourceKey: imageSourceKey,
+				status: "error"
+			});
+		};
+		if (src) img.src = src;
+		if (srcSet) img.srcset = srcSet;
 		return () => {
 			mounted = false;
 		};
-	}, [src, srcSet]);
-	const classNames = (0, react.useMemo)(() => ({
-		root: require_components_client_Avatar_utils.buildAvatarRootClasses(size, {
-			avatarImageVariantRoot: variant,
-			className: require_styles_styler.cx("overflow-hidden", className)
-		}),
-		contents: require_styles_styler.cx("w-full", "h-full", "shrink-0", "text-center", "inline-flex", "justify-center", "items-center", "object-cover")
-	}), [
-		className,
-		size,
-		variant
+	}, [
+		hasImageSource,
+		imageSourceKey,
+		src,
+		srcSet
 	]);
-	const inlineStyles = (0, react.useMemo)(() => require_components_client_Avatar_utils.buildInlineSizeStyles(customSize), [customSize]);
-	if (loadingState === "loaded") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+	if ((!hasImageSource ? "error" : resolvedImageState?.sourceKey === imageSourceKey ? resolvedImageState.status : "loading") === "loaded") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Avatar_AvatarImageNoFallback.AvatarImageNoFallback, {
 		ref,
-		className: classNames.root,
-		style: inlineStyles.root,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Image.Image, {
-			src,
-			srcSet,
-			alt,
-			className: classNames.contents,
-			style: inlineStyles.contents,
-			...imageProps,
-			...slotProps?.image
-		})
+		...props
 	});
-	const sharedProps = {
-		...props,
-		className,
-		size,
-		customSize,
-		variant
-	};
-	if (fallback || alt) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Avatar_AvatarText.AvatarText, {
+	if (fallback || alt) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Avatar_AvatarText.AvatarText, {
 		ref,
 		name: alt,
 		initials: fallback,
 		abbreviationStrategy,
 		slotProps: { text: slotProps?.text },
-		...sharedProps
+		...restProps
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Avatar_AvatarIcon.AvatarIcon, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Avatar_AvatarIcon.AvatarIcon, {
 		ref,
-		...sharedProps,
-		slotProps: { icon: slotProps?.icon }
+		slotProps: { icon: slotProps?.icon },
+		...restProps
 	});
 });
 AvatarImage.displayName = "AvatarImage";

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

@@ -1,26 +1,12 @@
 
-import { ImagePropsWithImgProps } from "../../../types/src/index.cjs";
-import { UniversalAvatarImageProps } from "../../../tokens/types.cjs";
-import "../../../tokens/index.cjs";
-import { AvatarIconProps } from "./AvatarIcon.cjs";
-import { AvatarTextProps } from "./AvatarText.cjs";
+import { AvatarImageProps } from "../../Avatar/AvatarImage.types.cjs";
 import * as react from "react";
 
 //#region src/components/client/Avatar/AvatarImage.d.ts
-type DataAttributes = {
-  [name: `data-${string}`]: string;
-};
-interface AvatarImageProps extends UniversalAvatarImageProps {
-  /** Props to be passed into various slots within the component. */
-  slotProps?: {
-    image?: Partial<Omit<ImagePropsWithImgProps, 'src' | 'srcSet' | 'alt' | 'className' | 'height' | 'width'> & DataAttributes>;
-  } & AvatarIconProps['slotProps'] & AvatarTextProps['slotProps'];
-}
 /**
  * **AvatarImage Component**
  *
- * Renders an Avatar with an image. If the image fails to load, it falls back first to
- * a text representation (if a name or initials are provided) and then to an icon.
+ * Renders an Avatar with an image.
  *
  * @param props - Props for image variant.
  * @returns The AvatarImage element.

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

@@ -1,27 +1,13 @@
 
 "use client";
-import { ImagePropsWithImgProps } from "../../../types/src/index.js";
-import { UniversalAvatarImageProps } from "../../../tokens/types.js";
-import "../../../tokens/index.js";
-import { AvatarIconProps } from "./AvatarIcon.js";
-import { AvatarTextProps } from "./AvatarText.js";
+import { AvatarImageProps } from "../../Avatar/AvatarImage.types.js";
 import * as react from "react";
 
 //#region src/components/client/Avatar/AvatarImage.d.ts
-type DataAttributes = {
-  [name: `data-${string}`]: string;
-};
-interface AvatarImageProps extends UniversalAvatarImageProps {
-  /** Props to be passed into various slots within the component. */
-  slotProps?: {
-    image?: Partial<Omit<ImagePropsWithImgProps, 'src' | 'srcSet' | 'alt' | 'className' | 'height' | 'width'> & DataAttributes>;
-  } & AvatarIconProps['slotProps'] & AvatarTextProps['slotProps'];
-}
 /**
  * **AvatarImage Component**
  *
- * Renders an Avatar with an image. If the image fails to load, it falls back first to
- * a text representation (if a name or initials are provided) and then to an icon.
+ * Renders an Avatar with an image.
  *
  * @param props - Props for image variant.
  * @returns The AvatarImage element.

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

@@ -1,89 +1,68 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-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 { AvatarIcon } from "./AvatarIcon.js";
-import { AvatarText } from "./AvatarText.js";
-import { forwardRef, useEffect, useMemo, useState } from "react";
+import { AvatarIcon } from "../../Avatar/AvatarIcon.js";
+import { AvatarImageNoFallback } from "../../Avatar/AvatarImageNoFallback.js";
+import { AvatarText } from "../../Avatar/AvatarText.js";
+import { forwardRef, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/client/Avatar/AvatarImage.tsx
 /**
 * **AvatarImage Component**
 *
-* Renders an Avatar with an image. If the image fails to load, it falls back first to
-* a text representation (if a name or initials are provided) and then to an icon.
+* Renders an Avatar with an image.
 *
 * @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 [loadingState, setLoadingState] = useState("loading");
+const AvatarImage = forwardRef((props, ref) => {
+	const { src, srcSet, alt, fallback, abbreviationStrategy, slotProps, ...restProps } = props;
+	const hasImageSource = Boolean(src || srcSet);
+	const imageSourceKey = `${src ?? ""}::${srcSet ?? ""}`;
+	const [resolvedImageState, setResolvedImageState] = useState(null);
 	useEffect(() => {
+		if (!hasImageSource) return;
 		let mounted = true;
-		if (src || srcSet) {
-			const img = new Image();
-			img.onload = () => {
-				if (mounted) setLoadingState("loaded");
-			};
-			img.onerror = () => {
-				if (mounted) setLoadingState("error");
-			};
-			if (src) img.src = src;
-			if (srcSet) img.srcset = srcSet;
-		} else setLoadingState("error");
+		const img = new Image();
+		img.onload = () => {
+			if (mounted) setResolvedImageState({
+				sourceKey: imageSourceKey,
+				status: "loaded"
+			});
+		};
+		img.onerror = () => {
+			if (mounted) setResolvedImageState({
+				sourceKey: imageSourceKey,
+				status: "error"
+			});
+		};
+		if (src) img.src = src;
+		if (srcSet) img.srcset = srcSet;
 		return () => {
 			mounted = false;
 		};
-	}, [src, srcSet]);
-	const classNames = useMemo(() => ({
-		root: buildAvatarRootClasses(size, {
-			avatarImageVariantRoot: variant,
-			className: cx("overflow-hidden", className)
-		}),
-		contents: cx("w-full", "h-full", "shrink-0", "text-center", "inline-flex", "justify-center", "items-center", "object-cover")
-	}), [
-		className,
-		size,
-		variant
+	}, [
+		hasImageSource,
+		imageSourceKey,
+		src,
+		srcSet
 	]);
-	const inlineStyles = useMemo(() => buildInlineSizeStyles(customSize), [customSize]);
-	if (loadingState === "loaded") return /* @__PURE__ */ jsx(Box, {
+	if ((!hasImageSource ? "error" : resolvedImageState?.sourceKey === imageSourceKey ? resolvedImageState.status : "loading") === "loaded") return /* @__PURE__ */ jsx(AvatarImageNoFallback, {
 		ref,
-		className: classNames.root,
-		style: inlineStyles.root,
-		...props,
-		children: /* @__PURE__ */ jsx(Image$1, {
-			src,
-			srcSet,
-			alt,
-			className: classNames.contents,
-			style: inlineStyles.contents,
-			...imageProps,
-			...slotProps?.image
-		})
+		...props
 	});
-	const sharedProps = {
-		...props,
-		className,
-		size,
-		customSize,
-		variant
-	};
 	if (fallback || alt) return /* @__PURE__ */ jsx(AvatarText, {
 		ref,
 		name: alt,
 		initials: fallback,
 		abbreviationStrategy,
 		slotProps: { text: slotProps?.text },
-		...sharedProps
+		...restProps
 	});
 	return /* @__PURE__ */ jsx(AvatarIcon, {
 		ref,
-		...sharedProps,
-		slotProps: { icon: slotProps?.icon }
+		slotProps: { icon: slotProps?.icon },
+		...restProps
 	});
 });
 AvatarImage.displayName = "AvatarImage";

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

@@ -1,12 +1,6 @@
 /*! © 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');
 
-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.AvatarImage = require_components_client_Avatar_AvatarImage.AvatarImage;

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

@@ -1,6 +1,4 @@
 
-import { AvatarIcon, AvatarIconProps } from "./AvatarIcon.cjs";
-import { AvatarText, AvatarTextProps } from "./AvatarText.cjs";
-import { AvatarImage, AvatarImageProps } from "./AvatarImage.cjs";
-import { Avatar, AvatarProps } from "./Avatar.cjs";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps };
+import { AvatarImageProps } from "../../Avatar/AvatarImage.types.cjs";
+import { AvatarImage } from "./AvatarImage.cjs";
+export { AvatarImage, type AvatarImageProps };

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

@@ -1,7 +1,5 @@
 
 "use client";
-import { AvatarIcon, AvatarIconProps } from "./AvatarIcon.js";
-import { AvatarText, AvatarTextProps } from "./AvatarText.js";
-import { AvatarImage, AvatarImageProps } from "./AvatarImage.js";
-import { Avatar, AvatarProps } from "./Avatar.js";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps };
+import { AvatarImageProps } from "../../Avatar/AvatarImage.types.js";
+import { AvatarImage } from "./AvatarImage.js";
+export { AvatarImage, type AvatarImageProps };

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

@@ -1,8 +1,5 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-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 { AvatarImage };

package/dist/components/client/BottomSheet/BottomSheetHeader.cjs

@@ -3,8 +3,8 @@
 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_Text = require('../../Text.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/client/BottomSheet/BottomSheetHeader.tsx

package/dist/components/client/BottomSheet/BottomSheetHeader.js

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 import { cx, getStyles } from "../../../styles/styler.js";
-import { Text } from "../../Text.js";
 import { Box } from "../../Box.js";
+import { Text } from "../../Text.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/client/BottomSheet/BottomSheetHeader.tsx

package/dist/components/client/Button.cjs

@@ -10,9 +10,9 @@ const require_components_IconSlot = require('../IconSlot.cjs');
 const require_generateDefaultClassName = require('../../automated-config/dist/utils/generateDefaultClassName.cjs');
 const require_components_client_buttonConstants = require('./buttonConstants.cjs');
 const require_components_client_SpringMotionConfig = require('./SpringMotionConfig.cjs');
-let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
 react = require_runtime.__toESM(react);
+let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react_jsx_runtime = require("react/jsx-runtime");
 let motion_react = require("motion/react");
 

package/dist/components/client/Button.js

@@ -8,8 +8,8 @@ import { IconSlot } from "../IconSlot.js";
 import { generateDefaultClassName } from "../../automated-config/dist/utils/generateDefaultClassName.js";
 import { buttonIconSvgSize } from "./buttonConstants.js";
 import { SpringMotionConfig } from "./SpringMotionConfig.js";
-import { Progress } from "@yahoo/uds-icons";
 import React, { cloneElement, forwardRef, isValidElement, useImperativeHandle, useMemo, useRef } from "react";
+import { Progress } from "@yahoo/uds-icons";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, m, useReducedMotion } from "motion/react";