@eintrek/erp-theme 1.4.7 → 1.4.8

package/dist/components/ui/avatar.d.ts

@@ -1,6 +1,6 @@
 import { Avatar as AvatarPrimitive } from "radix-ui";
 import * as React from "react";
 declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, src, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element | null;
 declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
 export { Avatar, AvatarFallback, AvatarImage };

package/dist/index.esm.js

@@ -163,8 +163,13 @@ function AspectRatio({ ...props }) {
 function Avatar({ className, ...props }) {
     return (jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn$1("relative flex size-8 shrink-0 overflow-hidden rounded-full", className), ...props }));
 }
-function AvatarImage({ className, ...props }) {
-    return (jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn$1("aspect-square size-full", className), ...props }));
+function AvatarImage({ className, src, ...props }) {
+    // Empty/undefined src still mounts an <img> in some browsers and shows a
+    // broken-image glyph over AvatarFallback (e.g. a black "N" badge). Skip it.
+    if (src == null || src === "") {
+        return null;
+    }
+    return (jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", src: src, className: cn$1("aspect-square size-full", className), ...props }));
 }
 function AvatarFallback({ className, ...props }) {
     return (jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn$1("bg-muted flex size-full items-center justify-center rounded-full", className), ...props }));