@hilum/ui 2.1.0 → 2.1.2

package/dist/index.js

@@ -231,8 +231,7 @@ var AccountMenuContent = React17.forwardRef(({ className, sideOffset = 8, ...pro
     ref,
     sideOffset,
     className: cn(
-      "w-80 overflow-hidden rounded-3xl bg-ground-900 p-0 text-ground-50 shadow-elevated",
-      "ring-1 ring-ground-800",
+      "w-72 overflow-hidden rounded-xl border border-border bg-card p-0 text-foreground shadow-elevated",
       className
     ),
     ...props
@@ -244,49 +243,49 @@ var AccountMenuHeader = React17.forwardRef(
     "div",
     {
       ref,
-      className: cn("flex flex-col items-center px-6 py-8 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-16", 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-2xl 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-ground-50", children: name }),
-        email && /* @__PURE__ */ jsx("p", { className: "body text-ground-400", 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, children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var AccountMenuItem = React17.forwardRef(({ icon, trailing, description, destructive, children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuItem,
   {
     ref,
     className: cn(
-      "min-h-11 rounded-lg px-3 py-2.5 text-ground-50",
+      "min-h-10 rounded-md px-2.5 py-2",
       "group",
-      "focus:bg-primary focus:text-primary-foreground",
+      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-ground-400 group-focus:text-primary-foreground/80", 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: "ml-3 shrink-0 text-ground-400", children: trailing })
+      trailing && /* @__PURE__ */ jsx("span", { className: "caption ml-3 shrink-0 text-muted-foreground", children: trailing })
     ]
   }
 ));
 AccountMenuItem.displayName = "AccountMenuItem";
-var AccountMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuSeparator, { ref, className: cn("m-0 bg-ground-800", className), ...props }));
+var AccountMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuSeparator, { ref, className: cn("m-0 bg-border", className), ...props }));
 AccountMenuSeparator.displayName = "AccountMenuSeparator";
 var AccordionRoot = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Accordion.Root, { ref, className: cn("divide-y divide-border", className), ...props }));
 AccordionRoot.displayName = "Accordion";