@algenium/blocks 1.1.1 → 1.1.2-rc.1

package/dist/index.cjs

@@ -4621,6 +4621,7 @@ function AvatarEditorDialog({
   const [isSaving, setIsSaving] = React2.useState(false);
   const [feedback, setFeedback] = React2.useState(null);
   const isMobile = useMediaQuery("(max-width: 640px)");
+  const caption = (placeholder ?? "").trim();
   const handleOpenChange = React2.useCallback(
     (open) => {
       if (open) {
@@ -4680,10 +4681,25 @@ function AvatarEditorDialog({
                 alt: "Avatar",
                 className: "w-full h-full object-cover"
               }
-            ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center text-muted-foreground gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "w-1/3 h-1/3" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: placeholder })
-            ] })
+            ) : /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex flex-col items-center justify-center text-muted-foreground",
+                  caption ? "gap-1" : "gap-0"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    lucideReact.User,
+                    {
+                      className: "h-1/2 w-1/2 max-h-[55%] max-w-[55%] shrink-0",
+                      "aria-hidden": true
+                    }
+                  ),
+                  caption ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-center px-1", children: caption }) : null
+                ]
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -4780,7 +4796,7 @@ function AvatarEditorDialog({
     /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md", children: [
       /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: dialogTitle }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-4", children: EditorContent }),
-      /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { className: "gap-2 sm:gap-0", children: FooterButtons })
+      /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { className: "sm:gap-3", children: FooterButtons })
     ] }) })
   ] });
 }