@yahoo/uds 3.59.0-beta.1 → 3.59.0

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

@@ -1,37 +0,0 @@
-import { IconPropsWithSVGProps, UniversalAvatarIconProps } from "../../../tokens/types.js";
-import "../../../tokens/index.js";
-import * as react_jsx_runtime8 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_runtime8.JSX.Element;
-  displayName: string;
-};
-//#endregion
-export { AvatarIcon, type AvatarIconProps };
-//# sourceMappingURL=AvatarIcon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarIcon.d.ts","names":[],"sources":["../../../../src/components/client/Avatar/AvatarIcon.tsx"],"sourcesContent":[],"mappings":";;;;;KA2BK,cAAA,CAAA,CAAA;;;UAIK,eAAA,CAAA,OAAA,CAAwB;EAJ7B,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAIK,SAAA,CAAA,CAAA,CAAA;IAGS,IAAA,CAAA,CAAA,CAAR,OAAQ,CAAA,qBAAA,CAAA,CAAA,CAAwB,cAAxB,CAAA;EAAwB,CAAA;;;;AAHe,CAAA;;;;;;cAepD;EAQH,CAAA;IAAA,IAAA;IAAA,OAAA;IAAA,UAAA;IAAA,IAAA;IAAA,SAAA;IAAA,SAAA;IAAA,CAAA,CAAA,CAAA;EAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAe,kBAAA,CAAA,GAAA,CAAA,OAAf;EAAe,WAAA,CAAA,CAAA,MAAA;CAAA"}

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

@@ -1,64 +0,0 @@
-"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 };
-//# sourceMappingURL=AvatarIcon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarIcon.js","names":["mapVariantToIcon: Record<AvatarVariant, SvgIcon>"],"sources":["../../../../src/components/client/Avatar/AvatarIcon.tsx"],"sourcesContent":["import { Building, Person } from '@yahoo/uds-icons';\nimport type { SvgIcon } from '@yahoo/uds-icons/types';\nimport { useMemo } from 'react';\n\nimport { cx, getStyles } from '../../../styles/styler';\nimport type {\n  AvatarVariant,\n  IconPropsWithSVGProps,\n  UniversalAvatarIconProps,\n} from '../../../tokens';\nimport { Box } from '../../Box';\nimport { IconSlot } from '../../IconSlot';\nimport {\n  buildAvatarRootClasses,\n  buildInlineSizeStyles,\n  DEFAULT_AVATAR_SIZE,\n  DEFAULT_AVATAR_VARIANT,\n} from './utils';\n\n/** Maps avatar variant to icon */\n// TODO: This should be configurable in the future\nconst mapVariantToIcon: Record<AvatarVariant, SvgIcon> = {\n  primary: Person,\n  secondary: Building,\n};\n\n// Required because of: https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/69864\ntype DataAttributes = {\n  [name: `data-${string}`]: string;\n};\n\ninterface AvatarIconProps extends UniversalAvatarIconProps {\n  /** Props to be passed into various slots within the component. */\n  slotProps?: {\n    icon?: Partial<IconPropsWithSVGProps & DataAttributes>;\n  };\n}\n\n/**\n * **AvatarIcon Component**\n *\n * Renders an Avatar with an icon representation.\n *\n * @param props - Props for icon variant.\n * @returns The AvatarIcon element.\n */\nconst AvatarIcon = ({\n  size = DEFAULT_AVATAR_SIZE,\n  variant = DEFAULT_AVATAR_VARIANT,\n  customSize,\n  icon,\n  slotProps,\n  className,\n  ...props\n}: AvatarIconProps) => {\n  const classNames = useMemo(\n    () => ({\n      root: buildAvatarRootClasses(size, {\n        avatarIconVariantRoot: variant,\n        overflow: 'hidden',\n        className: cx('overflow-hidden', className),\n      }),\n\n      iconContainer: cx(\n        'w-full',\n        'h-full',\n        'shrink-0',\n        'overflow-hidden',\n        'text-center',\n        'inline-flex',\n        'justify-center',\n        'items-center',\n      ),\n\n      icon: getStyles({ avatarSizeIcon: size }),\n    }),\n    [className, size, variant],\n  );\n\n  const inlineStyles = useMemo(() => buildInlineSizeStyles(customSize), [customSize]);\n\n  const iconSvg = icon ?? mapVariantToIcon[variant ?? 'primary'];\n\n  return (\n    <Box className={classNames.root} style={inlineStyles.root} {...props}>\n      <Box className={classNames.iconContainer} style={inlineStyles.contents}>\n        <IconSlot\n          icon={iconSvg}\n          iconProps={{\n            variant: 'fill',\n            color: 'current',\n            ...slotProps?.icon,\n          }}\n          className={classNames.icon}\n        />\n      </Box>\n    </Box>\n  );\n};\n\nAvatarIcon.displayName = 'AvatarIcon';\n\nexport { AvatarIcon, type AvatarIconProps };\n"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,mBAAmD;CACvD,SAAS;CACT,WAAW;CACZ;;;;;;;;;AAsBD,MAAM,cAAc,EAClB,OAAO,qBACP,UAAU,wBACV,YACA,MACA,WACA,UACA,GAAG,YACkB;CACrB,MAAM,aAAa,eACV;EACL,MAAM,uBAAuB,MAAM;GACjC,uBAAuB;GACvB,UAAU;GACV,WAAW,GAAG,mBAAmB,UAAU;GAC5C,CAAC;EAEF,eAAe,GACb,UACA,UACA,YACA,mBACA,eACA,eACA,kBACA,eACD;EAED,MAAM,UAAU,EAAE,gBAAgB,MAAM,CAAC;EAC1C,GACD;EAAC;EAAW;EAAM;EAAQ,CAC3B;CAED,MAAM,eAAe,cAAc,sBAAsB,WAAW,EAAE,CAAC,WAAW,CAAC;CAEnF,MAAM,UAAU,QAAQ,iBAAiB,WAAW;AAEpD,QACE,oBAAC;EAAI,WAAW,WAAW;EAAM,OAAO,aAAa;EAAM,GAAI;YAC7D,oBAAC;GAAI,WAAW,WAAW;GAAe,OAAO,aAAa;aAC5D,oBAAC;IACC,MAAM;IACN,WAAW;KACT,SAAS;KACT,OAAO;KACP,GAAG,WAAW;KACf;IACD,WAAW,WAAW;KACtB;IACE;GACF;;AAIV,WAAW,cAAc"}

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

@@ -1,88 +0,0 @@
-"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

@@ -1,45 +0,0 @@
-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_runtime18 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_runtime18.JSX.Element;
-  displayName: string;
-};
-//#endregion
-export { AvatarImage, type AvatarImageProps };
-//# sourceMappingURL=AvatarImage.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarImage.d.cts","names":[],"sources":["../../../../src/components/client/Avatar/AvatarImage.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAkBK,cAAA,CAAA,CAAA;;;UAIK,gBAAA,CAAA,OAAA,CAAyB;EAJ9B,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAIK,SAAA,CAAA,CAAA,CAAA;IAIC,KAAA,CAAA,CAAA,CADC,OACD,CAAL,IAAK,CAAA,sBAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CACH,cADG,CAAA;EAAL,CAAA,CAAA,CAAA,CAGA,eAHA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAIF,eAJE,CAAA,CAAA,SAAA,CAAA,CAAA;;;;;;;AAJsD,CAAA;;;;cAoBtD;;;;;;;;;;;;;;KAaH,mBAAgB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,45 +0,0 @@
-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_runtime11 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_runtime11.JSX.Element;
-  displayName: string;
-};
-//#endregion
-export { AvatarImage, type AvatarImageProps };
-//# sourceMappingURL=AvatarImage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarImage.d.ts","names":[],"sources":["../../../../src/components/client/Avatar/AvatarImage.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAkBK,cAAA,CAAA,CAAA;;;UAIK,gBAAA,CAAA,OAAA,CAAyB;EAJ9B,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAIK,SAAA,CAAA,CAAA,CAAA;IAIC,KAAA,CAAA,CAAA,CADC,OACD,CAAL,IAAK,CAAA,sBAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CACH,cADG,CAAA;EAAL,CAAA,CAAA,CAAA,CAGA,eAHA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAIF,eAJE,CAAA,CAAA,SAAA,CAAA,CAAA;;;;;;;AAJsD,CAAA;;;;cAoBtD;;;;;;;;;;;;;;KAaH,mBAAgB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,88 +0,0 @@
-"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 };
-//# sourceMappingURL=AvatarImage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarImage.js","names":["UDSImage"],"sources":["../../../../src/components/client/Avatar/AvatarImage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { cx } from '../../../styles/styler';\nimport type { ImagePropsWithImgProps, UniversalAvatarImageProps } from '../../../tokens';\nimport { Box } from '../../Box';\nimport { Image as UDSImage } from '../../Image';\nimport type { AvatarIconProps } from './AvatarIcon';\nimport { AvatarIcon } from './AvatarIcon';\nimport type { AvatarTextProps } from './AvatarText';\nimport { AvatarText } from './AvatarText';\nimport {\n  buildAvatarRootClasses,\n  buildInlineSizeStyles,\n  DEFAULT_AVATAR_SIZE,\n  DEFAULT_AVATAR_VARIANT,\n} from './utils';\n\n// Required because of: https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/69864\ntype DataAttributes = {\n  [name: `data-${string}`]: string;\n};\n\ninterface AvatarImageProps extends UniversalAvatarImageProps {\n  /** Props to be passed into various slots within the component. */\n  slotProps?: {\n    image?: Partial<\n      Omit<ImagePropsWithImgProps, 'src' | 'srcSet' | 'alt' | 'className' | 'height' | 'width'> &\n        DataAttributes\n    >;\n  } & AvatarIconProps['slotProps'] &\n    AvatarTextProps['slotProps'];\n}\n\n/**\n * **AvatarImage Component**\n *\n * Renders an Avatar with an image. If the image fails to load, it falls back first to\n * a text representation (if a name or initials are provided) and then to an icon.\n *\n * @param props - Props for image variant.\n * @returns The AvatarImage element.\n */\nconst AvatarImage = ({\n  size = DEFAULT_AVATAR_SIZE,\n  variant = DEFAULT_AVATAR_VARIANT,\n  src,\n  srcSet,\n  customSize,\n  alt,\n  abbreviationStrategy,\n  fallback,\n  className,\n  imageProps,\n  slotProps,\n  ...props\n}: AvatarImageProps) => {\n  const [loadingState, setLoadingState] = useState<'loading' | 'loaded' | 'error'>('loading');\n\n  useEffect(() => {\n    let mounted = true;\n    if (src || srcSet) {\n      const img = new Image();\n      img.onload = () => {\n        if (mounted) {\n          setLoadingState('loaded');\n        }\n      };\n      img.onerror = () => {\n        if (mounted) {\n          setLoadingState('error');\n        }\n      };\n      if (src) {\n        img.src = src;\n      }\n      if (srcSet) {\n        img.srcset = srcSet;\n      }\n    } else {\n      setLoadingState('error');\n    }\n    return () => {\n      mounted = false;\n    };\n  }, [src, srcSet]);\n\n  const classNames = useMemo(\n    () => ({\n      root: buildAvatarRootClasses(size, {\n        avatarImageVariantRoot: variant,\n        className: cx('overflow-hidden', className),\n      }),\n\n      contents: cx(\n        'w-full',\n        'h-full',\n        'shrink-0',\n        'text-center',\n        'inline-flex',\n        'justify-center',\n        'items-center',\n        'object-cover',\n      ),\n    }),\n    [className, size, variant],\n  );\n\n  const inlineStyles = useMemo(() => buildInlineSizeStyles(customSize), [customSize]);\n\n  if (loadingState === 'loaded') {\n    return (\n      <Box className={classNames.root} style={inlineStyles.root}>\n        <UDSImage\n          src={src}\n          srcSet={srcSet}\n          alt={alt}\n          className={classNames.contents}\n          style={inlineStyles.contents}\n          {...imageProps} // Deprecated\n          {...slotProps?.image}\n        />\n      </Box>\n    );\n  }\n\n  const sharedProps = { ...props, size, customSize, variant };\n\n  // On image error, try to render text avatar\n  if (fallback || alt) {\n    return (\n      <AvatarText\n        name={alt}\n        initials={fallback}\n        abbreviationStrategy={abbreviationStrategy}\n        slotProps={{ text: slotProps?.text }}\n        {...sharedProps}\n      />\n    );\n  }\n\n  // If no text data is available, render icon\n  return <AvatarIcon {...sharedProps} slotProps={{ icon: slotProps?.icon }} />;\n};\n\nAvatarImage.displayName = 'AvatarImage';\n\nexport { AvatarImage, type AvatarImageProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,eAAe,EACnB,OAAO,qBACP,UAAU,wBACV,KACA,QACA,YACA,KACA,sBACA,UACA,WACA,YACA,UACA,GAAG,YACmB;CACtB,MAAM,CAAC,cAAc,mBAAmB,SAAyC,UAAU;AAE3F,iBAAgB;EACd,IAAI,UAAU;AACd,MAAI,OAAO,QAAQ;GACjB,MAAM,MAAM,IAAI,OAAO;AACvB,OAAI,eAAe;AACjB,QAAI,QACF,iBAAgB,SAAS;;AAG7B,OAAI,gBAAgB;AAClB,QAAI,QACF,iBAAgB,QAAQ;;AAG5B,OAAI,IACF,KAAI,MAAM;AAEZ,OAAI,OACF,KAAI,SAAS;QAGf,iBAAgB,QAAQ;AAE1B,eAAa;AACX,aAAU;;IAEX,CAAC,KAAK,OAAO,CAAC;CAEjB,MAAM,aAAa,eACV;EACL,MAAM,uBAAuB,MAAM;GACjC,wBAAwB;GACxB,WAAW,GAAG,mBAAmB,UAAU;GAC5C,CAAC;EAEF,UAAU,GACR,UACA,UACA,YACA,eACA,eACA,kBACA,gBACA,eACD;EACF,GACD;EAAC;EAAW;EAAM;EAAQ,CAC3B;CAED,MAAM,eAAe,cAAc,sBAAsB,WAAW,EAAE,CAAC,WAAW,CAAC;AAEnF,KAAI,iBAAiB,SACnB,QACE,oBAAC;EAAI,WAAW,WAAW;EAAM,OAAO,aAAa;YACnD,oBAACA;GACM;GACG;GACH;GACL,WAAW,WAAW;GACtB,OAAO,aAAa;GACpB,GAAI;GACJ,GAAI,WAAW;IACf;GACE;CAIV,MAAM,cAAc;EAAE,GAAG;EAAO;EAAM;EAAY;EAAS;AAG3D,KAAI,YAAY,IACd,QACE,oBAAC;EACC,MAAM;EACN,UAAU;EACY;EACtB,WAAW,EAAE,MAAM,WAAW,MAAM;EACpC,GAAI;GACJ;AAKN,QAAO,oBAAC;EAAW,GAAI;EAAa,WAAW,EAAE,MAAM,WAAW,MAAM;GAAI;;AAG9E,YAAY,cAAc"}

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

@@ -1,50 +0,0 @@
-"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

@@ -1,40 +0,0 @@
-import { UniversalAvatarTextProps } from "../../../tokens/types.cjs";
-import "../../../tokens/index.cjs";
-import { TextProps } from "../../Text.cjs";
-import * as react_jsx_runtime20 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_runtime20.JSX.Element;
-  displayName: string;
-};
-//#endregion
-export { AvatarText, type AvatarTextProps };
-//# sourceMappingURL=AvatarText.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarText.d.cts","names":[],"sources":["../../../../src/components/client/Avatar/AvatarText.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBK,cAAA,CAAA,CAAA;;;UAIK,eAAA,CAAA,OAAA,CAAwB;EAJ7B,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAIK,SAAA,CAAA,CAAA,CAAA;IAGS,IAAA,CAAA,CAAA,CAAR,OAAQ,CAAA,SAAA,CAAA,CAAA,CAAY,cAAZ,CAAA;EAAY,CAAA;;;;AAH2B,CAAA;;;;;;cAepD;;;;;;;;;;;KAUH,kBAAe,mBAAA,CAAA,GAAA,CAAA;;CAAf"}

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

@@ -1,40 +0,0 @@
-import { UniversalAvatarTextProps } from "../../../tokens/types.js";
-import "../../../tokens/index.js";
-import { TextProps } from "../../Text.js";
-import * as react_jsx_runtime10 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_runtime10.JSX.Element;
-  displayName: string;
-};
-//#endregion
-export { AvatarText, type AvatarTextProps };
-//# sourceMappingURL=AvatarText.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarText.d.ts","names":[],"sources":["../../../../src/components/client/Avatar/AvatarText.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBK,cAAA,CAAA,CAAA;;;UAIK,eAAA,CAAA,OAAA,CAAwB;EAJ7B,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAIK,SAAA,CAAA,CAAA,CAAA;IAGS,IAAA,CAAA,CAAA,CAAR,OAAQ,CAAA,SAAA,CAAA,CAAA,CAAY,cAAZ,CAAA;EAAY,CAAA;;;;AAH2B,CAAA;;;;;;cAepD;;;;;;;;;;;KAUH,kBAAe,mBAAA,CAAA,GAAA,CAAA;;CAAf"}

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

@@ -1,50 +0,0 @@
-"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 };
-//# sourceMappingURL=AvatarText.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarText.js","names":[],"sources":["../../../../src/components/client/Avatar/AvatarText.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { cx } from '../../../styles/styler';\nimport type { UniversalAvatarTextProps } from '../../../tokens';\nimport { Box } from '../../Box';\nimport type { TextProps } from '../../Text';\nimport { Text } from '../../Text';\nimport {\n  buildAvatarRootClasses,\n  buildInlineSizeStyles,\n  DEFAULT_AVATAR_SIZE,\n  DEFAULT_AVATAR_VARIANT,\n  generateAvatarAbbreviation,\n} from './utils';\n\n// Required because of: https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/69864\ntype DataAttributes = {\n  [name: `data-${string}`]: string;\n};\n\ninterface AvatarTextProps extends UniversalAvatarTextProps {\n  /** Props to be passed into various slots within the component. */\n  slotProps?: {\n    text?: Partial<TextProps & DataAttributes>;\n  };\n}\n\n/**\n * **AvatarText Component**\n *\n * Renders an Avatar with text (initials) representation.\n *\n * @param props - Props for text variant.\n * @returns The AvatarText element.\n */\nconst AvatarText = ({\n  size = DEFAULT_AVATAR_SIZE,\n  variant = DEFAULT_AVATAR_VARIANT,\n  name,\n  initials,\n  customSize,\n  abbreviationStrategy,\n  className,\n  slotProps,\n  ...props\n}: AvatarTextProps) => {\n  const classNames = useMemo(\n    () => ({\n      root: buildAvatarRootClasses(size, {\n        avatarTextVariantRoot: variant,\n        className: cx('overflow-hidden', 'truncate', className),\n      }),\n\n      text: cx(\n        'w-full',\n        'h-full',\n        'shrink-0',\n        'overflow-hidden',\n        'text-center',\n        'inline-flex',\n        'justify-center',\n        'items-center',\n        'truncate',\n      ),\n    }),\n    [className, size, variant],\n  );\n\n  const inlineStyles = useMemo(() => buildInlineSizeStyles(customSize), [customSize]);\n\n  return (\n    <Box className={classNames.root} style={inlineStyles.root} {...props}>\n      <Text\n        color=\"inherit\"\n        variant=\"inherit\"\n        className={classNames.text}\n        style={inlineStyles.contents}\n        {...slotProps?.text}\n      >\n        {initials || generateAvatarAbbreviation(name, abbreviationStrategy)}\n      </Text>\n    </Box>\n  );\n};\n\nAvatarText.displayName = 'AvatarText';\n\nexport { AvatarText, type AvatarTextProps };\n"],"mappings":";;;;;;;;;;;;;;;;;AAmCA,MAAM,cAAc,EAClB,OAAO,qBACP,UAAU,wBACV,MACA,UACA,YACA,sBACA,WACA,UACA,GAAG,YACkB;CACrB,MAAM,aAAa,eACV;EACL,MAAM,uBAAuB,MAAM;GACjC,uBAAuB;GACvB,WAAW,GAAG,mBAAmB,YAAY,UAAU;GACxD,CAAC;EAEF,MAAM,GACJ,UACA,UACA,YACA,mBACA,eACA,eACA,kBACA,gBACA,WACD;EACF,GACD;EAAC;EAAW;EAAM;EAAQ,CAC3B;CAED,MAAM,eAAe,cAAc,sBAAsB,WAAW,EAAE,CAAC,WAAW,CAAC;AAEnF,QACE,oBAAC;EAAI,WAAW,WAAW;EAAM,OAAO,aAAa;EAAM,GAAI;YAC7D,oBAAC;GACC,OAAM;GACN,SAAQ;GACR,WAAW,WAAW;GACtB,OAAO,aAAa;GACpB,GAAI,WAAW;aAEd,YAAY,2BAA2B,MAAM,qBAAqB;IAC9D;GACH;;AAIV,WAAW,cAAc"}

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

@@ -1,11 +0,0 @@
-"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

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

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

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