@algenium/blocks 1.1.0 → 1.1.2-rc.1

package/dist/index.cjs

@@ -3511,6 +3511,7 @@ function ThemeSwitcher({
             "data-testid": "theme-switcher",
             variant: "ghost",
             size: "icon",
+            "aria-label": labels.theme,
             className: cn(sizes.buttonMini, shapeClass, className),
             children: /* @__PURE__ */ jsxRuntime.jsx(CurrentIcon, { className: sizes.iconMini })
           }
@@ -3661,6 +3662,7 @@ function LanguageSwitcher({
           {
             variant: "ghost",
             size: "icon",
+            "aria-label": defaultLabels2.language,
             className: cn(sizes.buttonMini, shapeClass, className),
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Languages, { className: sizes.iconMini })
           }
@@ -4619,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) {
@@ -4678,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(
@@ -4778,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 })
     ] }) })
   ] });
 }