@sesionario/blocks 1.14.0 → 1.16.0

package/dist/index.cjs

@@ -957,6 +957,38 @@ function DropdownMenuItem({
     }
   );
 }
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[highlighted]:[&_svg:not([class*='text-'])]:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:[&_svg:not([class*='text-'])]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
 function DropdownMenuLabel({
   className,
   inset,
@@ -1004,6 +1036,50 @@ function DropdownMenuShortcut({
     }
   );
 }
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[inset]:pl-8 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[highlighted]:[&_svg:not([class*='text-'])]:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:[&_svg:not([class*='text-'])]:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:[&_svg:not([class*='text-'])]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
 var defaultLabels = {
   theme: "Theme",
   system: "System",
@@ -1496,7 +1572,7 @@ function LanguageSwitcher({
   const sizes = sizeClasses2[size];
   const shapeClass = shapeClasses2[shape];
   const reduceMotion = framerMotion.useReducedMotion();
-  const defaultLabels5 = {
+  const defaultLabels6 = {
     language: labels.language ?? "Language"
   };
   if (variant === "mini") {
@@ -1506,7 +1582,7 @@ function LanguageSwitcher({
         {
           variant: "ghost",
           size: "icon",
-          "aria-label": defaultLabels5.language,
+          "aria-label": defaultLabels6.language,
           className: cn(sizes.buttonMini, shapeClass, className),
           children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Languages, { className: sizes.iconMini })
         }
@@ -1597,6 +1673,440 @@ function LanguageSwitcher({
     }
   );
 }
+var SCROLL_EDGE_EPSILON_PX = 1;
+function measureScrollEdges(el) {
+  const { scrollLeft, scrollWidth, clientWidth } = el;
+  return {
+    canScrollLeft: scrollLeft > SCROLL_EDGE_EPSILON_PX,
+    canScrollRight: scrollLeft + clientWidth < scrollWidth - SCROLL_EDGE_EPSILON_PX
+  };
+}
+function useScrollFadeXEdges(enabled = true) {
+  const scrollerRef = React7.useRef(null);
+  const [edges, setEdges] = React7.useState({
+    canScrollLeft: false,
+    canScrollRight: false
+  });
+  React7.useEffect(() => {
+    if (!enabled) {
+      setEdges({ canScrollLeft: false, canScrollRight: false });
+      return;
+    }
+    const el = scrollerRef.current;
+    if (!el) return;
+    function updateEdges() {
+      const scroller = scrollerRef.current;
+      if (!scroller) return;
+      const next = measureScrollEdges(scroller);
+      setEdges(
+        (prev) => prev.canScrollLeft === next.canScrollLeft && prev.canScrollRight === next.canScrollRight ? prev : next
+      );
+    }
+    updateEdges();
+    el.addEventListener("scroll", updateEdges, { passive: true });
+    const resizeObserver = new ResizeObserver(updateEdges);
+    resizeObserver.observe(el);
+    const mutationObserver = new MutationObserver(updateEdges);
+    mutationObserver.observe(el, { childList: true, subtree: true });
+    return () => {
+      el.removeEventListener("scroll", updateEdges);
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, [enabled]);
+  const fadeStyle = {
+    "--scroll-fade-left": edges.canScrollLeft ? "transparent" : "#000",
+    "--scroll-fade-right": edges.canScrollRight ? "transparent" : "#000"
+  };
+  return { scrollerRef, fadeStyle, edges };
+}
+function PlatformNavbar({
+  logo,
+  leading,
+  center,
+  right,
+  className,
+  innerClassName
+}) {
+  const hasCenter = center != null && center !== false;
+  const { scrollerRef, fadeStyle } = useScrollFadeXEdges(hasCenter);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      className: cn(
+        "sticky top-0 z-30 shrink-0 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
+        className
+      ),
+      "data-testid": "platform-navbar",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex h-14 min-h-14 items-center gap-2 px-4 md:px-6",
+            innerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: logo }),
+            leading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: leading }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                ref: scrollerRef,
+                className: "flex min-w-0 flex-1 items-center overflow-x-auto scroll-fade-x-edges scrollbar-none",
+                style: fadeStyle,
+                children: center
+              }
+            ),
+            right ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: right }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+var LABELS = {
+  verified: "M\xE9dico verificado",
+  pending_review: "Verificaci\xF3n en revisi\xF3n"
+};
+var sizeClasses3 = {
+  sm: {
+    icon: "size-3.5",
+    text: "text-xs",
+    gap: "gap-1",
+    padding: "px-1.5 py-0.5"
+  },
+  md: {
+    icon: "size-4",
+    text: "text-sm",
+    gap: "gap-1.5",
+    padding: "px-2 py-0.5"
+  }
+};
+function VerifiedProfessionalBadge({
+  status,
+  size = "md",
+  showLabel = false,
+  className
+}) {
+  if (status === "unverified" || status === "pending_review" && !showLabel) {
+    return null;
+  }
+  const label = LABELS[status];
+  const sizes = sizeClasses3[size];
+  const Icon = status === "verified" ? lucideReact.BadgeCheck : lucideReact.Clock;
+  const colorClass = status === "verified" ? "text-primary" : "text-muted-foreground";
+  if (!showLabel) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Icon,
+      {
+        className: cn(sizes.icon, colorClass, className),
+        "aria-label": label,
+        children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: label })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      title: label,
+      "aria-label": label,
+      className: cn(
+        "inline-flex w-fit items-center rounded-full font-medium",
+        sizes.gap,
+        sizes.text,
+        sizes.padding,
+        status === "verified" ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: sizes.icon, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+      ]
+    }
+  );
+}
+var defaultLabels3 = {
+  accountMenu: "Account menu",
+  settingsMenu: "Settings",
+  personalProfile: "Personal profile",
+  activity: "Activity",
+  professionalProfile: "Professional profile",
+  mainApp: "Main app",
+  orgManagement: "Organization management",
+  backoffice: "Backoffice",
+  memberOrgs: "My organizations",
+  managementOrgs: "Management team",
+  language: "Language",
+  theme: "Theme",
+  themeLight: "Light",
+  themeDark: "Dark",
+  themeSystem: "System",
+  signIn: "Sign in",
+  signOut: "Sign out",
+  signingOut: "Signing out\u2026",
+  accountSettings: "Account settings"
+};
+function MenuAvatar({
+  name,
+  image,
+  sizeClass
+}) {
+  const initials = getInitials(name);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(
+        "relative flex shrink-0 overflow-hidden rounded-full",
+        sizeClass
+      ),
+      children: image ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: image,
+          alt: "",
+          className: "aspect-square size-full object-cover"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "flex size-full items-center justify-center text-xs font-semibold",
+          style: avatarFallbackStyle(name),
+          children: initials
+        }
+      )
+    }
+  );
+}
+function LanguageThemeSubs({
+  languages,
+  currentLanguage,
+  onLanguageChange,
+  labels
+}) {
+  const { theme, setTheme } = nextThemes.useTheme();
+  const themeValue = theme ?? "system";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Languages, { className: "size-4" }),
+        labels.language
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { className: "min-w-40", children: /* @__PURE__ */ jsxRuntime.jsx(
+        DropdownMenuRadioGroup,
+        {
+          value: currentLanguage,
+          onValueChange: onLanguageChange,
+          children: languages.map((lang) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioItem, { value: lang.key, children: lang.nativeName }, lang.key))
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
+        themeValue === "light" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { className: "size-4" }) : themeValue === "dark" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, { className: "size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Monitor, { className: "size-4" }),
+        labels.theme
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { className: "min-w-40", children: /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuRadioGroup, { value: themeValue, onValueChange: setTheme, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioItem, { value: "system", children: labels.themeSystem }),
+        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioItem, { value: "light", children: labels.themeLight }),
+        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioItem, { value: "dark", children: labels.themeDark })
+      ] }) })
+    ] })
+  ] });
+}
+function PlatformAccountMenu({
+  variant = "platform",
+  isPending = false,
+  user = null,
+  isAdmin = false,
+  verificationStatus = "unverified",
+  urls,
+  memberOrgs = [],
+  manageableOrgs = [],
+  languages = defaultLanguages,
+  currentLanguage,
+  onLanguageChange,
+  labels: labelsProp,
+  onSignOut,
+  extraItems,
+  trigger: triggerProp,
+  contentSide,
+  contentAlign = "end",
+  contentSideOffset,
+  contentClassName,
+  className
+}) {
+  const labels = { ...defaultLabels3, ...labelsProp };
+  const [signingOut, setSigningOut] = React7.useState(false);
+  const loginHref = `${urls.authAppUrl}${urls.loginPath ?? "/login"}`;
+  const accountHref = `${urls.authAppUrl}${urls.accountPath ?? "/account"}`;
+  const activityHref = `${urls.authAppUrl}${urls.activityPath ?? "/account/activity"}`;
+  const profileHref = `${urls.appUrl}${urls.professionalProfilePath ?? "/profile"}`;
+  async function handleSignOut() {
+    if (!onSignOut) return;
+    setSigningOut(true);
+    try {
+      await onSignOut();
+    } finally {
+      setSigningOut(false);
+    }
+  }
+  if (isPending) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "size-9 shrink-0 animate-pulse rounded-full bg-muted",
+          className
+        ),
+        "aria-hidden": true
+      }
+    );
+  }
+  const defaultTrigger = user ? /* @__PURE__ */ jsxRuntime.jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: cn("size-9 rounded-full", className),
+      "aria-label": labels.accountMenu,
+      children: /* @__PURE__ */ jsxRuntime.jsx(MenuAvatar, { name: user.name, image: user.image, sizeClass: "size-8" })
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: cn("size-9", className),
+      "aria-label": labels.settingsMenu,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-4" })
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: triggerProp ?? defaultTrigger }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DropdownMenuContent,
+      {
+        side: contentSide,
+        align: contentAlign,
+        sideOffset: contentSideOffset,
+        className: cn("min-w-60 rounded-lg", contentClassName),
+        children: user ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuLabel, { className: "flex items-center gap-3 p-2 font-normal", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              MenuAvatar,
+              {
+                name: user.name,
+                image: user.image,
+                sizeClass: "size-9"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5 truncate text-sm font-medium leading-tight", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: user.name }),
+                variant === "platform" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  VerifiedProfessionalBadge,
+                  {
+                    status: verificationStatus,
+                    className: "shrink-0"
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-muted-foreground leading-tight", children: user.email })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+          variant === "platform" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: accountHref, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "size-4" }),
+              labels.personalProfile
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: activityHref, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "size-4" }),
+              labels.activity
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: profileHref, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "size-4" }),
+              labels.professionalProfile
+            ] }) }),
+            memberOrgs.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "size-4" }),
+                labels.memberOrgs
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { className: "min-w-48 max-h-64 overflow-y-auto scroll-fade-b", children: memberOrgs.map((org) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: `${urls.appUrl}/o/${org.slug}`, children: org.name }) }, org.id)) })
+            ] }) : null,
+            manageableOrgs.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Building2, { className: "size-4" }),
+                labels.managementOrgs
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { className: "min-w-48 max-h-64 overflow-y-auto scroll-fade-b", children: manageableOrgs.map((org) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: `${urls.adminUrl}/api/auth/org/select?id=${encodeURIComponent(org.id)}`,
+                  children: org.name
+                }
+              ) }, org.id)) })
+            ] }) : null,
+            extraItems,
+            isAdmin && urls.backofficeUrl ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: urls.backofficeUrl, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutDashboard, { className: "size-4" }),
+              labels.backoffice
+            ] }) }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {})
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: accountHref, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-4" }),
+              labels.accountSettings
+            ] }) }),
+            extraItems,
+            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {})
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            LanguageThemeSubs,
+            {
+              languages,
+              currentLanguage,
+              onLanguageChange,
+              labels
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            DropdownMenuItem,
+            {
+              variant: "destructive",
+              className: "gap-2",
+              disabled: signingOut || !onSignOut,
+              onSelect: (event) => {
+                event.preventDefault();
+                void handleSignOut();
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, { className: "size-4" }),
+                signingOut ? labels.signingOut : labels.signOut
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            LanguageThemeSubs,
+            {
+              languages,
+              currentLanguage,
+              onLanguageChange,
+              labels
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: loginHref, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogIn, { className: "size-4" }),
+            labels.signIn
+          ] }) })
+        ] })
+      }
+    )
+  ] });
+}
 function Slider({
   className,
   defaultValue,
@@ -4915,7 +5425,7 @@ function SearchablePickerList({
     ] })
   ] });
 }
-var defaultLabels3 = {
+var defaultLabels4 = {
   placeholder: "Seleccionar\u2026",
   searchPlaceholder: "Buscar\u2026",
   empty: "No se encontraron resultados",
@@ -4988,7 +5498,7 @@ function SearchablePicker(props) {
     "aria-label": ariaLabel
   } = props;
   const mode = props.mode ?? "single";
-  const labels = { ...defaultLabels3, ...userLabels };
+  const labels = { ...defaultLabels4, ...userLabels };
   const resolvedEmptyLabel = emptyLabel ?? labels.emptyOption;
   const isMobile = useMediaQuery2("(max-width: 767px)");
   const generatedId = React7.useId();
@@ -5328,7 +5838,7 @@ function SearchablePicker(props) {
     clearButton
   ] });
 }
-var defaultLabels4 = {
+var defaultLabels5 = {
   placeholder: "Buscar en toda la plataforma\u2026",
   dialogTitle: "Buscar",
   dialogDescription: "Busca funcionalidades, eventos, documentos y m\xE1s",
@@ -5362,7 +5872,7 @@ function SearchCommand({
   debounceMs = 200,
   className
 }) {
-  const labels = { ...defaultLabels4, ...userLabels };
+  const labels = { ...defaultLabels5, ...userLabels };
   const [query, setQuery] = React7.useState("");
   const [hits, setHits] = React7.useState([]);
   const [isLoading, setIsLoading] = React7.useState(false);
@@ -5804,67 +6314,6 @@ function MexicoMap({ selected, onToggle, className }) {
     }
   );
 }
-var LABELS = {
-  verified: "M\xE9dico verificado",
-  pending_review: "Verificaci\xF3n en revisi\xF3n"
-};
-var sizeClasses3 = {
-  sm: {
-    icon: "size-3.5",
-    text: "text-xs",
-    gap: "gap-1",
-    padding: "px-1.5 py-0.5"
-  },
-  md: {
-    icon: "size-4",
-    text: "text-sm",
-    gap: "gap-1.5",
-    padding: "px-2 py-0.5"
-  }
-};
-function VerifiedProfessionalBadge({
-  status,
-  size = "md",
-  showLabel = false,
-  className
-}) {
-  if (status === "unverified" || status === "pending_review" && !showLabel) {
-    return null;
-  }
-  const label = LABELS[status];
-  const sizes = sizeClasses3[size];
-  const Icon = status === "verified" ? lucideReact.BadgeCheck : lucideReact.Clock;
-  const colorClass = status === "verified" ? "text-primary" : "text-muted-foreground";
-  if (!showLabel) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Icon,
-      {
-        className: cn(sizes.icon, colorClass, className),
-        "aria-label": label,
-        children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: label })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "span",
-    {
-      title: label,
-      "aria-label": label,
-      className: cn(
-        "inline-flex w-fit items-center rounded-full font-medium",
-        sizes.gap,
-        sizes.text,
-        sizes.padding,
-        status === "verified" ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: sizes.icon, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
-      ]
-    }
-  );
-}
 function MessageGroup({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -7198,6 +7647,8 @@ exports.BubbleGroup = BubbleGroup;
 exports.BubbleReactions = BubbleReactions;
 exports.ChatMessageList = ChatMessageList;
 exports.ConfirmDestructiveDialog = ConfirmDestructiveDialog;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
 exports.EmojiInput = EmojiInput;
 exports.EmojiPicker = EmojiPicker;
 exports.EmojiPickerPopover = EmojiPickerPopover;
@@ -7236,6 +7687,8 @@ exports.MessageScrollerViewport = MessageScrollerViewport;
 exports.MexicoMap = MexicoMap;
 exports.OrgSwitcher = OrgSwitcher;
 exports.PhoneInput = PhoneInput;
+exports.PlatformAccountMenu = PlatformAccountMenu;
+exports.PlatformNavbar = PlatformNavbar;
 exports.SearchCommand = SearchCommand;
 exports.SearchablePicker = SearchablePicker;
 exports.SupportMessengerProvider = SupportMessengerProvider;
@@ -7265,6 +7718,7 @@ exports.useLanguageContext = useLanguageContext;
 exports.useMediaQuery = useMediaQuery2;
 exports.usePlaybackStats = usePlaybackStats;
 exports.useRealtimeChannel = useRealtimeChannel;
+exports.useScrollFadeXEdges = useScrollFadeXEdges;
 exports.useSearchHotkey = useSearchHotkey;
 exports.useSupportConversation = useSupportConversation;
 exports.useSupportMessenger = useSupportMessenger;