@hilum/ui 2.1.1 → 2.1.2

package/dist/index.js

@@ -231,7 +231,7 @@ var AccountMenuContent = React17.forwardRef(({ className, sideOffset = 8, ...pro
     ref,
     sideOffset,
     className: cn(
-      "w-80 overflow-hidden rounded-2xl border border-border bg-card p-0 text-foreground shadow-elevated",
+      "w-72 overflow-hidden rounded-xl border border-border bg-card p-0 text-foreground shadow-elevated",
       className
     ),
     ...props
@@ -243,22 +243,22 @@ var AccountMenuHeader = React17.forwardRef(
     "div",
     {
       ref,
-      className: cn("flex flex-col items-center px-6 py-7 text-center", className),
+      className: cn("flex flex-col items-center px-5 py-5 text-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs(Avatar, { size: "xl", className: "mb-4 size-14", children: [
+        /* @__PURE__ */ jsxs(Avatar, { size: "lg", className: "mb-3", children: [
           avatarSrc && /* @__PURE__ */ jsx(AvatarImage, { src: avatarSrc, alt: avatarAlt ?? "" }),
-          /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-brand-primary text-xl text-primary-foreground", children: fallback })
+          /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-brand-primary text-primary-foreground", children: fallback })
         ] }),
-        /* @__PURE__ */ jsx("p", { className: "body-lg font-medium leading-tight text-foreground", children: name }),
-        email && /* @__PURE__ */ jsx("p", { className: "body text-muted-foreground", children: email })
+        /* @__PURE__ */ jsx("p", { className: "body font-medium leading-tight text-foreground", children: name }),
+        email && /* @__PURE__ */ jsx("p", { className: "caption text-muted-foreground", children: email })
       ]
     }
   )
 );
 AccountMenuHeader.displayName = "AccountMenuHeader";
 var AccountMenuSection = React17.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-3", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-2", className), ...props })
 );
 AccountMenuSection.displayName = "AccountMenuSection";
 var AccountMenuItem = React17.forwardRef(({ icon, trailing, description, destructive, children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
@@ -266,19 +266,19 @@ var AccountMenuItem = React17.forwardRef(({ icon, trailing, description, destruc
   {
     ref,
     className: cn(
-      "min-h-11 rounded-lg px-3 py-2.5",
+      "min-h-10 rounded-md px-2.5 py-2",
       "group",
       destructive ? "text-destructive focus:bg-destructive/10 focus:text-destructive" : "text-foreground focus:bg-muted focus:text-foreground",
       "data-[disabled]:opacity-40",
-      "[&_svg:not([class*='size-'])]:size-5",
+      "[&_svg:not([class*='size-'])]:size-4",
       className
     ),
     ...props,
     children: [
-      icon && /* @__PURE__ */ jsx("span", { className: "flex size-6 shrink-0 items-center justify-center", children: icon }),
+      icon && /* @__PURE__ */ jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", children: icon }),
       /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx("span", { className: "body-lg truncate font-medium leading-tight", children }),
-        description && /* @__PURE__ */ jsx("span", { className: "body truncate font-normal text-muted-foreground group-focus:text-muted-foreground", children: description })
+        /* @__PURE__ */ jsx("span", { className: "body truncate font-medium leading-tight", children }),
+        description && /* @__PURE__ */ jsx("span", { className: "caption truncate font-normal text-muted-foreground group-focus:text-muted-foreground", children: description })
       ] }),
       trailing && /* @__PURE__ */ jsx("span", { className: "caption ml-3 shrink-0 text-muted-foreground", children: trailing })
     ]