@unicitylabs/sphere-ui 0.1.21 → 0.1.22

package/dist/index.js

@@ -1648,7 +1648,7 @@ function MediaUploader({
           placeholder: "https://...",
           value: urlInput,
           onChange: (e) => setUrlInput(e.target.value),
-          onBlur: () => urlInput && onChange(urlInput)
+          onBlur: () => onChange(urlInput.trim() || null)
         }
       )
     ] })
@@ -1784,6 +1784,9 @@ function getInitials(name) {
   }
   return name.slice(0, 2).toUpperCase();
 }
+function isPlaceholderUrl(url) {
+  return /^https?:\/\/(?:placehold\.co|placeholder\.com|via\.placeholder\.com|ui-avatars\.com|placekitten\.com|dummyimage\.com)\b/i.test(url);
+}
 function ProjectLogo({
   name,
   logoUrl,
@@ -1793,7 +1796,8 @@ function ProjectLogo({
   children
 }) {
   const [imgError, setImgError] = useState9(false);
-  const showImage = logoUrl && !imgError;
+  const isReal = !!logoUrl && !isPlaceholderUrl(logoUrl);
+  const showImage = isReal && !imgError;
   const tileBackground = `linear-gradient(to bottom right, ${accentColor}, color-mix(in srgb, ${accentColor} 60%, white))`;
   return /* @__PURE__ */ jsxs20(
     "div",
@@ -1810,7 +1814,8 @@ function ProjectLogo({
             }
           }
         ),
-        /* @__PURE__ */ jsx25("div", { className: "absolute top-0 right-0 w-1/2 h-1/2 bg-white/10 rounded-bl-full pointer-events-none" }),
+        /* @__PURE__ */ jsx25("div", { className: "absolute inset-x-0 top-0 h-1/2 bg-linear-to-b from-white/25 to-transparent pointer-events-none" }),
+        /* @__PURE__ */ jsx25("div", { className: "absolute top-0 right-0 w-1/2 h-1/2 bg-white/30 rounded-bl-full pointer-events-none" }),
         showImage ? /* @__PURE__ */ jsx25(
           "img",
           {
@@ -2131,7 +2136,6 @@ function ProjectPagePreview({
   achievements = [],
   tags = []
 }) {
-  const placeholderLogo = `https://placehold.co/80x80/${accentColor.slice(1)}/white?text=${name[0] ?? "?"}`;
   return /* @__PURE__ */ jsxs24(
     motion4.div,
     {
@@ -2158,15 +2162,13 @@ function ProjectPagePreview({
               "Explore"
             ] })
           ] }),
-          /* @__PURE__ */ jsx29("div", { className: "absolute -bottom-6 left-6 sm:left-8 z-10", children: /* @__PURE__ */ jsx29(
-            "img",
+          /* @__PURE__ */ jsx29("div", { className: "absolute -bottom-6 left-6 sm:left-8 z-10 rounded-2xl border-4 border-white dark:border-[#060606] shadow-xl overflow-hidden", children: /* @__PURE__ */ jsx29(
+            ProjectLogo,
             {
-              src: logoUrl ?? placeholderLogo,
-              alt: name,
-              className: "w-16 h-16 sm:w-20 sm:h-20 rounded-2xl object-cover border-4 border-white dark:border-[#060606] shadow-xl",
-              onError: (e) => {
-                e.target.src = placeholderLogo;
-              }
+              name,
+              logoUrl,
+              accentColor,
+              size: "lg"
             }
           ) })
         ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unicitylabs/sphere-ui",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",