@parrot-co/parrot-ui 0.0.52 → 0.0.54

package/dist/module.js

@@ -1764,6 +1764,7 @@ const $39ebe5a116c39d6c$var$StyledButton = (0, $9ade691eb9e41cfb$export$3817b7a5
     outline: "none",
     border: "none",
     padding: 0,
+    flexShrink: 0,
     defaultVariants: {
         size: "md",
         shape: "circle"
@@ -3262,6 +3263,7 @@ const $bc830feefb2f8a48$export$f7513421c53ce141 = (0, $9ade691eb9e41cfb$export$3
     alignItems: "center",
     justifyContent: "center",
     overflow: "hidden",
+    flexShrink: 0,
     img: {
         width: "100%",
         objectFit: "cover",
@@ -3338,33 +3340,32 @@ function $0cd1b33af66db866$export$d41d9ab3de2def3d(text) {
 
 
 const $2b3b1dc9b2ed8672$export$e2255cf6045e8d47 = /*#__PURE__*/ $kF5Av$forwardRef(({ src: src , alt: alt , name: name , color: color , variant: variant = "light" , fallback: fallback , children: children , ...props }, ref)=>{
-    const [showFallback, setShowFallback] = $kF5Av$useState(false);
+    const [imageError, setImageError] = $kF5Av$useState(false);
     const defaultColor = $kF5Av$useMemo(()=>{
         const hash = (0, $0cd1b33af66db866$export$d41d9ab3de2def3d)(name || "");
         return (0, $22d93d8ad1e2d08d$export$36308cce1deef340)[hash % (0, $22d93d8ad1e2d08d$export$36308cce1deef340).length];
     }, [
         name
     ]);
-    const showImage = src && !showFallback && !children;
-    const _showFallback = fallback && showFallback && !children;
-    return /*#__PURE__*/ (0, $kF5Av$jsxs)((0, $bc830feefb2f8a48$export$f7513421c53ce141), {
+    const renderContent = ()=>{
+        if (src && !imageError) return /*#__PURE__*/ (0, $kF5Av$jsx)("img", {
+            onLoad: ()=>setImageError(false),
+            onError: ()=>setImageError(true),
+            src: src,
+            alt: alt
+        });
+        if (imageError && !children) return fallback;
+        if (!src && !children && name) return /*#__PURE__*/ (0, $kF5Av$jsx)("span", {
+            children: name.charAt(0)
+        });
+        return children;
+    };
+    return /*#__PURE__*/ (0, $kF5Av$jsx)((0, $bc830feefb2f8a48$export$f7513421c53ce141), {
         color: color ?? defaultColor,
         variant: variant,
         ref: ref,
         ...props,
-        children: [
-            showImage && /*#__PURE__*/ (0, $kF5Av$jsx)("img", {
-                onLoad: ()=>setShowFallback(false),
-                onError: ()=>setShowFallback(true),
-                src: src,
-                alt: alt
-            }),
-            (showFallback || name) && !fallback && /*#__PURE__*/ (0, $kF5Av$jsx)("span", {
-                children: name?.charAt(0)
-            }),
-            _showFallback && fallback,
-            children
-        ]
+        children: renderContent()
     });
 });
 $2b3b1dc9b2ed8672$export$e2255cf6045e8d47.displayName = "Avatar";