@yahoo/uds 3.66.1 → 3.67.0-beta.1

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

@@ -0,0 +1,36 @@
+import { IconPropsWithSVGProps, UniversalAvatarIconProps } from "../../../tokens/types.cjs";
+import "../../../tokens/index.cjs";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/components/client/Avatar/AvatarIcon.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
+interface AvatarIconProps extends UniversalAvatarIconProps {
+  /** Props to be passed into various slots within the component. */
+  slotProps?: {
+    icon?: Partial<IconPropsWithSVGProps & DataAttributes>;
+  };
+}
+/**
+ * **AvatarIcon Component**
+ *
+ * Renders an Avatar with an icon representation.
+ *
+ * @param props - Props for icon variant.
+ * @returns The AvatarIcon element.
+ */
+declare const AvatarIcon: {
+  ({
+    size,
+    variant,
+    customSize,
+    icon,
+    slotProps,
+    className,
+    ...props
+  }: AvatarIconProps): react_jsx_runtime5.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AvatarIcon, type AvatarIconProps };

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

@@ -0,0 +1,36 @@
+import { IconPropsWithSVGProps, UniversalAvatarIconProps } from "../../../tokens/types.js";
+import "../../../tokens/index.js";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/components/client/Avatar/AvatarIcon.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
+interface AvatarIconProps extends UniversalAvatarIconProps {
+  /** Props to be passed into various slots within the component. */
+  slotProps?: {
+    icon?: Partial<IconPropsWithSVGProps & DataAttributes>;
+  };
+}
+/**
+ * **AvatarIcon Component**
+ *
+ * Renders an Avatar with an icon representation.
+ *
+ * @param props - Props for icon variant.
+ * @returns The AvatarIcon element.
+ */
+declare const AvatarIcon: {
+  ({
+    size,
+    variant,
+    customSize,
+    icon,
+    slotProps,
+    className,
+    ...props
+  }: AvatarIconProps): react_jsx_runtime12.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AvatarIcon, type AvatarIconProps };

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

@@ -0,0 +1,63 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { cx, getStyles } from "../../../styles/styler.js";
+import { Box } from "../../Box.js";
+import { IconSlot } from "../../IconSlot.js";
+import { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles } from "./utils.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Building, Person } from "@yahoo/uds-icons";
+
+//#region src/components/client/Avatar/AvatarIcon.tsx
+/** Maps avatar variant to icon */
+const mapVariantToIcon = {
+	primary: Person,
+	secondary: Building
+};
+/**
+* **AvatarIcon Component**
+*
+* Renders an Avatar with an icon representation.
+*
+* @param props - Props for icon variant.
+* @returns The AvatarIcon element.
+*/
+const AvatarIcon = ({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_AVATAR_VARIANT, customSize, icon, slotProps, className, ...props }) => {
+	const classNames = useMemo(() => ({
+		root: buildAvatarRootClasses(size, {
+			avatarIconVariantRoot: variant,
+			overflow: "hidden",
+			className: cx("overflow-hidden", className)
+		}),
+		iconContainer: cx("w-full", "h-full", "shrink-0", "overflow-hidden", "text-center", "inline-flex", "justify-center", "items-center"),
+		icon: getStyles({ avatarSizeIcon: size })
+	}), [
+		className,
+		size,
+		variant
+	]);
+	const inlineStyles = useMemo(() => buildInlineSizeStyles(customSize), [customSize]);
+	const iconSvg = icon ?? mapVariantToIcon[variant ?? "primary"];
+	return /* @__PURE__ */ jsx(Box, {
+		className: classNames.root,
+		style: inlineStyles.root,
+		...props,
+		children: /* @__PURE__ */ jsx(Box, {
+			className: classNames.iconContainer,
+			style: inlineStyles.contents,
+			children: /* @__PURE__ */ jsx(IconSlot, {
+				icon: iconSvg,
+				iconProps: {
+					variant: "fill",
+					color: "current",
+					...slotProps?.icon
+				},
+				className: classNames.icon
+			})
+		})
+	});
+};
+AvatarIcon.displayName = "AvatarIcon";
+
+//#endregion
+export { AvatarIcon };

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

@@ -0,0 +1,88 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_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');
+let react = require("react");
+let react_jsx_runtime = require("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.
+*
+* @param props - Props for image variant.
+* @returns The AvatarImage element.
+*/
+const AvatarImage = ({ 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 }) => {
+	const [loadingState, setLoadingState] = (0, react.useState)("loading");
+	(0, react.useEffect)(() => {
+		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");
+		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
+	]);
+	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, {
+		className: classNames.root,
+		style: inlineStyles.root,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Image.Image, {
+			src,
+			srcSet,
+			alt,
+			className: classNames.contents,
+			style: inlineStyles.contents,
+			...imageProps,
+			...slotProps?.image
+		})
+	});
+	const sharedProps = {
+		...props,
+		size,
+		customSize,
+		variant
+	};
+	if (fallback || alt) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Avatar_AvatarText.AvatarText, {
+		name: alt,
+		initials: fallback,
+		abbreviationStrategy,
+		slotProps: { text: slotProps?.text },
+		...sharedProps
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Avatar_AvatarIcon.AvatarIcon, {
+		...sharedProps,
+		slotProps: { icon: slotProps?.icon }
+	});
+};
+AvatarImage.displayName = "AvatarImage";
+
+//#endregion
+exports.AvatarImage = AvatarImage;

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

@@ -0,0 +1,44 @@
+import { ImagePropsWithImgProps, UniversalAvatarImageProps } from "../../../tokens/types.cjs";
+import "../../../tokens/index.cjs";
+import { AvatarIconProps } from "./AvatarIcon.cjs";
+import { AvatarTextProps } from "./AvatarText.cjs";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#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.
+ *
+ * @param props - Props for image variant.
+ * @returns The AvatarImage element.
+ */
+declare const AvatarImage: {
+  ({
+    size,
+    variant,
+    src,
+    srcSet,
+    customSize,
+    alt,
+    abbreviationStrategy,
+    fallback,
+    className,
+    imageProps,
+    slotProps,
+    ...props
+  }: AvatarImageProps): react_jsx_runtime7.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AvatarImage, type AvatarImageProps };

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

@@ -0,0 +1,44 @@
+import { ImagePropsWithImgProps, UniversalAvatarImageProps } from "../../../tokens/types.js";
+import "../../../tokens/index.js";
+import { AvatarIconProps } from "./AvatarIcon.js";
+import { AvatarTextProps } from "./AvatarText.js";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#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.
+ *
+ * @param props - Props for image variant.
+ * @returns The AvatarImage element.
+ */
+declare const AvatarImage: {
+  ({
+    size,
+    variant,
+    src,
+    srcSet,
+    customSize,
+    alt,
+    abbreviationStrategy,
+    fallback,
+    className,
+    imageProps,
+    slotProps,
+    ...props
+  }: AvatarImageProps): react_jsx_runtime7.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AvatarImage, type AvatarImageProps };

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

@@ -0,0 +1,87 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+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 { useEffect, useMemo, 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.
+*
+* @param props - Props for image variant.
+* @returns The AvatarImage element.
+*/
+const AvatarImage = ({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_AVATAR_VARIANT, src, srcSet, customSize, alt, abbreviationStrategy, fallback, className, imageProps, slotProps, ...props }) => {
+	const [loadingState, setLoadingState] = useState("loading");
+	useEffect(() => {
+		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");
+		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
+	]);
+	const inlineStyles = useMemo(() => buildInlineSizeStyles(customSize), [customSize]);
+	if (loadingState === "loaded") return /* @__PURE__ */ jsx(Box, {
+		className: classNames.root,
+		style: inlineStyles.root,
+		children: /* @__PURE__ */ jsx(Image$1, {
+			src,
+			srcSet,
+			alt,
+			className: classNames.contents,
+			style: inlineStyles.contents,
+			...imageProps,
+			...slotProps?.image
+		})
+	});
+	const sharedProps = {
+		...props,
+		size,
+		customSize,
+		variant
+	};
+	if (fallback || alt) return /* @__PURE__ */ jsx(AvatarText, {
+		name: alt,
+		initials: fallback,
+		abbreviationStrategy,
+		slotProps: { text: slotProps?.text },
+		...sharedProps
+	});
+	return /* @__PURE__ */ jsx(AvatarIcon, {
+		...sharedProps,
+		slotProps: { icon: slotProps?.icon }
+	});
+};
+AvatarImage.displayName = "AvatarImage";
+
+//#endregion
+export { AvatarImage };

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

@@ -0,0 +1,50 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_styles_styler = require('../../../styles/styler.cjs');
+const require_components_Box = require('../../Box.cjs');
+const require_components_Text = require('../../Text.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**
+*
+* Renders an Avatar with text (initials) representation.
+*
+* @param props - Props for text variant.
+* @returns The AvatarText element.
+*/
+const AvatarText = ({ 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 }) => {
+	const classNames = (0, react.useMemo)(() => ({
+		root: require_components_client_Avatar_utils.buildAvatarRootClasses(size, {
+			avatarTextVariantRoot: variant,
+			className: require_styles_styler.cx("overflow-hidden", "truncate", className)
+		}),
+		text: require_styles_styler.cx("w-full", "h-full", "shrink-0", "overflow-hidden", "text-center", "inline-flex", "justify-center", "items-center", "truncate")
+	}), [
+		className,
+		size,
+		variant
+	]);
+	const inlineStyles = (0, react.useMemo)(() => require_components_client_Avatar_utils.buildInlineSizeStyles(customSize), [customSize]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+		className: classNames.root,
+		style: inlineStyles.root,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+			color: "inherit",
+			variant: "inherit",
+			className: classNames.text,
+			style: inlineStyles.contents,
+			...slotProps?.text,
+			children: initials || require_components_client_Avatar_utils.generateAvatarAbbreviation(name, abbreviationStrategy)
+		})
+	});
+};
+AvatarText.displayName = "AvatarText";
+
+//#endregion
+exports.AvatarText = AvatarText;

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

@@ -0,0 +1,39 @@
+import { UniversalAvatarTextProps } from "../../../tokens/types.cjs";
+import "../../../tokens/index.cjs";
+import { TextProps } from "../../Text.cjs";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/components/client/Avatar/AvatarText.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
+interface AvatarTextProps extends UniversalAvatarTextProps {
+  /** Props to be passed into various slots within the component. */
+  slotProps?: {
+    text?: Partial<TextProps & DataAttributes>;
+  };
+}
+/**
+ * **AvatarText Component**
+ *
+ * Renders an Avatar with text (initials) representation.
+ *
+ * @param props - Props for text variant.
+ * @returns The AvatarText element.
+ */
+declare const AvatarText: {
+  ({
+    size,
+    variant,
+    name,
+    initials,
+    customSize,
+    abbreviationStrategy,
+    className,
+    slotProps,
+    ...props
+  }: AvatarTextProps): react_jsx_runtime8.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AvatarText, type AvatarTextProps };

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

@@ -0,0 +1,39 @@
+import { UniversalAvatarTextProps } from "../../../tokens/types.js";
+import "../../../tokens/index.js";
+import { TextProps } from "../../Text.js";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region src/components/client/Avatar/AvatarText.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
+interface AvatarTextProps extends UniversalAvatarTextProps {
+  /** Props to be passed into various slots within the component. */
+  slotProps?: {
+    text?: Partial<TextProps & DataAttributes>;
+  };
+}
+/**
+ * **AvatarText Component**
+ *
+ * Renders an Avatar with text (initials) representation.
+ *
+ * @param props - Props for text variant.
+ * @returns The AvatarText element.
+ */
+declare const AvatarText: {
+  ({
+    size,
+    variant,
+    name,
+    initials,
+    customSize,
+    abbreviationStrategy,
+    className,
+    slotProps,
+    ...props
+  }: AvatarTextProps): react_jsx_runtime14.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AvatarText, type AvatarTextProps };

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

@@ -0,0 +1,49 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { cx } from "../../../styles/styler.js";
+import { Box } from "../../Box.js";
+import { Text } from "../../Text.js";
+import { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles, generateAvatarAbbreviation } from "./utils.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/client/Avatar/AvatarText.tsx
+/**
+* **AvatarText Component**
+*
+* Renders an Avatar with text (initials) representation.
+*
+* @param props - Props for text variant.
+* @returns The AvatarText element.
+*/
+const AvatarText = ({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_AVATAR_VARIANT, name, initials, customSize, abbreviationStrategy, className, slotProps, ...props }) => {
+	const classNames = useMemo(() => ({
+		root: buildAvatarRootClasses(size, {
+			avatarTextVariantRoot: variant,
+			className: cx("overflow-hidden", "truncate", className)
+		}),
+		text: cx("w-full", "h-full", "shrink-0", "overflow-hidden", "text-center", "inline-flex", "justify-center", "items-center", "truncate")
+	}), [
+		className,
+		size,
+		variant
+	]);
+	const inlineStyles = useMemo(() => buildInlineSizeStyles(customSize), [customSize]);
+	return /* @__PURE__ */ jsx(Box, {
+		className: classNames.root,
+		style: inlineStyles.root,
+		...props,
+		children: /* @__PURE__ */ jsx(Text, {
+			color: "inherit",
+			variant: "inherit",
+			className: classNames.text,
+			style: inlineStyles.contents,
+			...slotProps?.text,
+			children: initials || generateAvatarAbbreviation(name, abbreviationStrategy)
+		})
+	});
+};
+AvatarText.displayName = "AvatarText";
+
+//#endregion
+export { AvatarText };

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

@@ -0,0 +1,11 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+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;

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

@@ -0,0 +1,5 @@
+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 };

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

@@ -0,0 +1,5 @@
+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 };

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

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