@tradalab/lyra 1.0.0 → 1.3.0

package/dist/{breadcrumb-CGzHbSCd.d.ts → breadcrumb-CgEcSonR.d.ts}

@@ -83,6 +83,47 @@ declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...p
     isActive?: boolean;
 }): React.JSX.Element;
 
+type AccountMenuUser = {
+    name?: string | null;
+    email?: string | null;
+    image?: string | null;
+};
+type AccountMenuLabels = {
+    account: string;
+    guest: string;
+    signIn: string;
+    switchAccount: string;
+    signOut: string;
+};
+/** Default English labels — spread + override, or reference directly. */
+declare const defaultAccountMenuLabels: AccountMenuLabels;
+interface AccountMenuProps {
+    /** Current user, or `null`/`undefined` for a guest. */
+    user?: AccountMenuUser | null;
+    /** Override labels — pass translated strings if your app is localized. */
+    labels?: Partial<AccountMenuLabels>;
+    /** Sign-out handler (signed-in only). Item hidden if omitted. */
+    onSignOut?: () => void;
+    /** Switch-account handler (signed-in only). Item hidden if omitted. */
+    onSwitchAccount?: () => void;
+    /** Sign-in handler (guest only). Item hidden if omitted. */
+    onSignIn?: () => void;
+    /** Dropdown alignment. Default `"end"`. */
+    align?: "start" | "center" | "end";
+    /** Extra menu content (e.g. theme/language submenus) above the account actions. */
+    children?: React.ReactNode;
+}
+/**
+ * Account dropdown built on lyra's standardized session shape. Signed-in users
+ * get an avatar trigger + switch-account / sign-out; guests get a neutral icon +
+ * sign-in. All actions are callbacks and all labels are props, so the component
+ * stays framework- and i18n-agnostic. Use `children` to inject app preferences
+ * (theme, language, …) above the account actions.
+ */
+declare function AccountMenu({ user, labels, onSignOut, onSwitchAccount, onSignIn, align, children, }: AccountMenuProps): React.JSX.Element;
+/** Two-letter avatar fallback from a name or email. Shared with shell NavUser. */
+declare function initialsOf(value?: string | null): string;
+
 declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
 declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
 declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
@@ -93,4 +134,4 @@ declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"s
 declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
 declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 
-export { SidebarMenuSubItem as A, Breadcrumb as B, SidebarRail as C, SidebarSeparator as D, SidebarTrigger as E, TooltipContent as F, TooltipProvider as G, TooltipTrigger as H, Input as I, buttonVariants as J, useSidebar as K, SidebarProvider as S, Tooltip as T, SidebarInset as a, Button as b, Separator as c, BreadcrumbEllipsis as d, BreadcrumbItem as e, BreadcrumbLink as f, BreadcrumbList as g, BreadcrumbPage as h, BreadcrumbSeparator as i, Sidebar as j, SidebarContent as k, SidebarFooter as l, SidebarGroup as m, SidebarGroupAction as n, SidebarGroupContent as o, SidebarGroupLabel as p, SidebarHeader as q, SidebarInput as r, SidebarMenu as s, SidebarMenuAction as t, SidebarMenuBadge as u, SidebarMenuButton as v, SidebarMenuItem as w, SidebarMenuSkeleton as x, SidebarMenuSub as y, SidebarMenuSubButton as z };
+export { type AccountMenuUser as A, Breadcrumb as B, SidebarMenuSkeleton as C, SidebarMenuSub as D, SidebarMenuSubButton as E, SidebarMenuSubItem as F, SidebarRail as G, SidebarSeparator as H, Input as I, SidebarTrigger as J, TooltipContent as K, TooltipProvider as L, TooltipTrigger as M, buttonVariants as N, defaultAccountMenuLabels as O, initialsOf as P, useSidebar as Q, SidebarProvider as S, Tooltip as T, SidebarInset as a, Sidebar as b, type AccountMenuLabels as c, Button as d, Separator as e, AccountMenu as f, type AccountMenuProps as g, BreadcrumbEllipsis as h, BreadcrumbItem as i, BreadcrumbLink as j, BreadcrumbList as k, BreadcrumbPage as l, BreadcrumbSeparator as m, SidebarContent as n, SidebarFooter as o, SidebarGroup as p, SidebarGroupAction as q, SidebarGroupContent as r, SidebarGroupLabel as s, SidebarHeader as t, SidebarInput as u, SidebarMenu as v, SidebarMenuAction as w, SidebarMenuBadge as x, SidebarMenuButton as y, SidebarMenuItem as z };

package/dist/{chunk-E2QCV5QI.js → chunk-5UAFV75V.js}

@@ -1,12 +1,108 @@
 import { useMobile } from './chunk-QYA2HGKW.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem } from './chunk-VEWKPOMS.js';
 import { Button } from './chunk-KFQOYZ64.js';
 import { cn } from './chunk-XH55BHUU.js';
-import * as React6 from 'react';
-import { Slot, Separator as Separator$1, Dialog, Tooltip as Tooltip$1 } from 'radix-ui';
-import { ChevronRightIcon, MoreHorizontalIcon, XIcon, PanelLeftIcon } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React9 from 'react';
+import { Avatar as Avatar$1, Slot, Separator as Separator$1, ContextMenu as ContextMenu$1, ScrollArea as ScrollArea$1, Dialog, Tooltip as Tooltip$1 } from 'radix-ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ChevronRightIcon, MoreHorizontalIcon, CheckIcon, XIcon, PanelLeftIcon, CircleUser, Users, LogOut, LogIn } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 
+function Avatar({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn(
+        "aspect-square size-full rounded-full object-cover",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "avatar-badge",
+      className: cn(
+        "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none",
+        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
+        "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
+        "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: cn(
+        "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroupCount({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group-count",
+      className: cn(
+        "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-xs text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function Breadcrumb({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "nav",
@@ -145,6 +241,224 @@ function Input({ className, type, ...props }) {
     }
   );
 }
+function ContextMenu({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Trigger, { "data-slot": "context-menu-trigger", className: cn("select-none", className), ...props });
+}
+function ContextMenuGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Group, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuRadioGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+}
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Portal, { children: /* @__PURE__ */ jsx(
+    ContextMenu$1.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: cn(
+        "z-50 max-h-(--radix-context-menu-content-available-height) min-w-36 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-none bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function ContextMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenu$1.Item,
+    {
+      "data-slot": "context-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "group/context-menu-item relative flex cursor-default items-center gap-2 rounded-none px-2 py-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenu$1.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "flex cursor-default items-center gap-2 rounded-none px-2 py-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ContextMenu$1.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: cn(
+        "z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-none border bg-popover text-popover-foreground shadow-lg duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenu$1.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      "data-inset": inset,
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-none py-2 pr-8 pl-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2", children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenu$1.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      "data-inset": inset,
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-none py-2 pr-8 pl-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2", children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenu$1.Label,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": inset,
+      className: cn("px-2 py-2 text-xs text-muted-foreground data-inset:pl-7", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Separator, { "data-slot": "context-menu-separator", className: cn("-mx-1 h-px bg-border", className), ...props });
+}
+function ContextMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground", className),
+      ...props
+    }
+  );
+}
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollArea$1.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollArea$1.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollArea$1.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollArea$1.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "relative flex-1 rounded-none bg-border"
+        }
+      )
+    }
+  );
+}
 function Sheet({ ...props }) {
   return /* @__PURE__ */ jsx(Dialog.Root, { "data-slot": "sheet", ...props });
 }
@@ -331,9 +645,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React6.createContext(null);
+var SidebarContext = React9.createContext(null);
 function useSidebar() {
-  const context = React6.useContext(SidebarContext);
+  const context = React9.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -349,10 +663,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useMobile();
-  const [openMobile, setOpenMobile] = React6.useState(false);
-  const [_open, _setOpen] = React6.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React9.useState(false);
+  const [_open, _setOpen] = React9.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React6.useCallback(
+  const setOpen = React9.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -364,10 +678,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React6.useCallback(() => {
+  const toggleSidebar = React9.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React6.useEffect(() => {
+  React9.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -378,7 +692,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React6.useMemo(
+  const contextValue = React9.useMemo(
     () => ({
       state,
       open,
@@ -822,7 +1136,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const [width] = React6.useState(() => {
+  const [width] = React9.useState(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   });
   return /* @__PURE__ */ jsxs(
@@ -905,7 +1219,92 @@ function SidebarMenuSubButton({
     }
   );
 }
+var defaultAccountMenuLabels = {
+  account: "Account",
+  guest: "Guest",
+  signIn: "Sign in",
+  switchAccount: "Switch account",
+  signOut: "Sign out"
+};
+function AccountMenu({
+  user,
+  labels,
+  onSignOut,
+  onSwitchAccount,
+  onSignIn,
+  align = "end",
+  children
+}) {
+  const l = { ...defaultAccountMenuLabels, ...labels };
+  const displayName = user?.name ?? user?.email ?? l.account;
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: user ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": l.account,
+        className: cn(
+          "focus-visible:ring-ring flex items-center gap-3 rounded-none outline-none focus-visible:ring-2"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "hidden text-right leading-tight sm:flex sm:flex-col", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: user.name ?? "\u2014" }),
+            user.email ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: user.email }) : null
+          ] }),
+          /* @__PURE__ */ jsxs(Avatar, { children: [
+            user.image ? /* @__PURE__ */ jsx(AvatarImage, { src: user.image, alt: displayName }) : null,
+            /* @__PURE__ */ jsx(AvatarFallback, { children: initialsOf(user.name ?? user.email) })
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": l.account,
+        className: cn(
+          "focus-visible:ring-ring text-muted-foreground flex items-center gap-2 rounded-none outline-none focus-visible:ring-2"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "hidden text-sm sm:inline", children: l.guest }),
+          /* @__PURE__ */ jsx(CircleUser, { className: "size-7" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align, className: "w-56", children: [
+      user ? /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium leading-tight", children: user.name ?? "\u2014" }),
+        user.email ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs font-normal leading-tight", children: user.email }) : null
+      ] }) : /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-muted-foreground font-normal", children: l.guest }),
+      children ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        children
+      ] }) : null,
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      user ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        onSwitchAccount ? /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onSwitchAccount, children: [
+          /* @__PURE__ */ jsx(Users, { className: "mr-2" }),
+          l.switchAccount
+        ] }) : null,
+        onSignOut ? /* @__PURE__ */ jsxs(DropdownMenuItem, { variant: "destructive", onSelect: onSignOut, children: [
+          /* @__PURE__ */ jsx(LogOut, { className: "mr-2" }),
+          l.signOut
+        ] }) : null
+      ] }) : onSignIn ? /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onSignIn, children: [
+        /* @__PURE__ */ jsx(LogIn, { className: "mr-2" }),
+        l.signIn
+      ] }) : null
+    ] })
+  ] });
+}
+function initialsOf(value) {
+  if (!value) return "?";
+  const base = value.includes("@") ? value.split("@")[0] ?? value : value;
+  const parts = base.split(/[\s._-]+/).filter(Boolean);
+  const letters = (parts[0]?.[0] ?? "") + (parts[1]?.[0] ?? "");
+  return (letters || base.slice(0, 2)).toUpperCase();
+}
 
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Input, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, useSidebar };
-//# sourceMappingURL=chunk-E2QCV5QI.js.map
-//# sourceMappingURL=chunk-E2QCV5QI.js.map
+export { AccountMenu, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Input, ScrollArea, ScrollBar, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, defaultAccountMenuLabels, initialsOf, useSidebar };
+//# sourceMappingURL=chunk-5UAFV75V.js.map
+//# sourceMappingURL=chunk-5UAFV75V.js.map