@payfit/unity-components/dist/esm/components/avatar/Avatar.js

import { AvatarProvider as e } from "./Avatar.context.js";
import { avatarBase as t } from "./Avatar.variants.js";
import { useAvatarGroupContext as n } from "../avatar-group/AvatarGroup.context.js";
import * as r from "react";
import { uyMerge as i, uyTv as a } from "@payfit/unity-themes";
import { jsx as o } from "react/jsx-runtime";
import * as s from "@radix-ui/react-avatar";
//#region src/components/avatar/Avatar.tsx
var c = a({
	extend: t,
	base: "uy:inline-block uy:relative uy:shrink-0",
	defaultVariants: {
		size: "md",
		variant: "circle"
	}
}), l = r.forwardRef(({ size: t, variant: r = "circle", color: a, className: l, ...u }, d) => {
	let f = n(), p = t ?? f?.defaultSize ?? "md", m = i(c({
		variant: r,
		size: p,
		color: a
	}), f?.variant === "stack" ? "uy:outline-1 uy:outline-solid uy:outline-grayscale-l0" : void 0, l);
	return /* @__PURE__ */ o(e, {
		variant: r,
		size: p,
		hasPair: !1,
		color: a,
		children: /* @__PURE__ */ o(s.Root, {
			ref: d,
			role: "img",
			className: m,
			"data-dd-privacy": "allow",
			...u
		})
	});
});
l.displayName = s.Root.displayName;
//#endregion
export { l as Avatar };