@sesionario/blocks 1.15.0 → 1.17.0

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import * as React7 from 'react';
-import { createContext, useContext, useState, useRef, useEffect, useLayoutEffect, useCallback, useId, useMemo } from 'react';
-import { ChevronsUpDown, CheckIcon, Smile, SearchIcon, Search, Clock, Flag, Hash, Lightbulb, Trophy, Plane, Apple, Leaf, Hand, Loader2, AlertTriangle, Inbox, X, ChevronLeft, ChevronRight, Monitor, Sun, Moon, Building2, Check, Plus, Languages, BadgeCheck, Settings, User, Activity, LayoutDashboard, Users, LogOut, LogIn, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, Pencil, Play, AlertCircle, VolumeX, Pause, Volume1, Volume2, PictureInPicture2, Minimize, Maximize, ArrowDownIcon, MessageCircleDashedIcon, MessageCircle, ChevronRightIcon, XIcon, CircleIcon } from 'lucide-react';
+import { createContext, useContext, useState, useRef, useEffect, useLayoutEffect, useCallback, useMemo, useId } from 'react';
+import { ChevronsUpDown, CheckIcon, Smile, SearchIcon, Search, Clock, Flag, Hash, Lightbulb, Trophy, Plane, Apple, Leaf, Hand, Loader2, AlertTriangle, Inbox, X, ChevronLeft, ChevronRight, Monitor, Sun, Moon, Building2, Check, Plus, Languages, BadgeCheck, Settings, User, Activity, LayoutDashboard, LogOut, LogIn, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, Pencil, Play, AlertCircle, VolumeX, Pause, Volume1, Volume2, PictureInPicture2, Minimize, Maximize, ArrowDownIcon, MessageCircleDashedIcon, MessageCircle, ChevronUp, ChevronDown, XIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -1642,6 +1642,53 @@ 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 = useRef(null);
+  const [edges, setEdges] = useState({
+    canScrollLeft: false,
+    canScrollRight: false
+  });
+  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,
@@ -1650,6 +1697,8 @@ function PlatformNavbar({
   className,
   innerClassName
 }) {
+  const hasCenter = center != null && center !== false;
+  const { scrollerRef, fadeStyle } = useScrollFadeXEdges(hasCenter);
   return /* @__PURE__ */ jsx(
     "header",
     {
@@ -1668,7 +1717,15 @@ function PlatformNavbar({
           children: [
             /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: logo }),
             leading ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: leading }) : null,
-            /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center overflow-x-auto", children: center }),
+            /* @__PURE__ */ 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__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: right }) : null
           ]
         }
@@ -1748,6 +1805,9 @@ var defaultLabels3 = {
   backoffice: "Backoffice",
   memberOrgs: "My organizations",
   managementOrgs: "Management team",
+  showMoreOrgs: "Show more",
+  showLessOrgs: "Show less",
+  manageOrg: "Manage organization",
   language: "Language",
   theme: "Theme",
   themeLight: "Light",
@@ -1758,6 +1818,30 @@ var defaultLabels3 = {
   signingOut: "Signing out\u2026",
   accountSettings: "Account settings"
 };
+var PLATFORM_ACCOUNT_ORG_COLLAPSE_AT = 4;
+function mergePlatformAccountOrgs(memberOrgs, manageableOrgs) {
+  const manageableIds = new Set(manageableOrgs.map((org) => org.id));
+  const byId = /* @__PURE__ */ new Map();
+  for (const org of memberOrgs) {
+    byId.set(org.id, {
+      ...org,
+      canManage: manageableIds.has(org.id)
+    });
+  }
+  for (const org of manageableOrgs) {
+    const existing = byId.get(org.id);
+    if (existing) {
+      byId.set(org.id, {
+        ...existing,
+        canManage: true,
+        logo: existing.logo ?? org.logo
+      });
+    } else {
+      byId.set(org.id, { ...org, canManage: true });
+    }
+  }
+  return Array.from(byId.values());
+}
 function MenuAvatar({
   name,
   image,
@@ -1825,6 +1909,85 @@ function LanguageThemeSubs({
     ] })
   ] });
 }
+function OrgMenuRows({
+  orgs,
+  appUrl,
+  adminUrl,
+  labels
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const collapsible = orgs.length > PLATFORM_ACCOUNT_ORG_COLLAPSE_AT;
+  const visibleOrgs = collapsible && !expanded ? orgs.slice(0, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT) : orgs;
+  if (orgs.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        expanded && orgs.length > PLATFORM_ACCOUNT_ORG_COLLAPSE_AT ? "max-h-64 overflow-y-auto scroll-fade-b" : void 0
+      ),
+      "data-testid": "platform-account-orgs",
+      children: [
+        visibleOrgs.map((org) => {
+          const orgHomeHref = `${appUrl}/o/${org.slug}`;
+          const manageHref = `${adminUrl}/api/auth/org/select?id=${encodeURIComponent(org.id)}`;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "relative flex items-center",
+              "data-testid": `platform-account-org-${org.id}`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  DropdownMenuItem,
+                  {
+                    asChild: true,
+                    className: cn("min-w-0 flex-1 gap-2", org.canManage && "pr-9"),
+                    children: /* @__PURE__ */ jsxs("a", { href: orgHomeHref, children: [
+                      /* @__PURE__ */ jsx(
+                        MenuAvatar,
+                        {
+                          name: org.name,
+                          image: org.logo,
+                          sizeClass: "size-6"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "truncate", children: org.name })
+                    ] })
+                  }
+                ),
+                org.canManage ? /* @__PURE__ */ jsx(
+                  DropdownMenuItem,
+                  {
+                    asChild: true,
+                    className: "absolute right-1 top-1/2 size-7 -translate-y-1/2 p-0",
+                    children: /* @__PURE__ */ jsx("a", { href: manageHref, "aria-label": labels.manageOrg, children: /* @__PURE__ */ jsx(Settings, { className: "size-3.5" }) })
+                  }
+                ) : null
+              ]
+            },
+            org.id
+          );
+        }),
+        collapsible ? /* @__PURE__ */ jsx(
+          DropdownMenuItem,
+          {
+            className: "gap-2",
+            onSelect: (event) => {
+              event.preventDefault();
+              setExpanded((value) => !value);
+            },
+            children: expanded ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" }),
+              labels.showLessOrgs
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" }),
+              labels.showMoreOrgs
+            ] })
+          }
+        ) : null
+      ]
+    }
+  );
+}
 function PlatformAccountMenu({
   variant = "platform",
   isPending = false,
@@ -1840,10 +2003,19 @@ function PlatformAccountMenu({
   labels: labelsProp,
   onSignOut,
   extraItems,
+  trigger: triggerProp,
+  contentSide,
+  contentAlign = "end",
+  contentSideOffset,
+  contentClassName,
   className
 }) {
   const labels = { ...defaultLabels3, ...labelsProp };
   const [signingOut, setSigningOut] = useState(false);
+  const mergedOrgs = useMemo(
+    () => mergePlatformAccountOrgs(memberOrgs, manageableOrgs),
+    [memberOrgs, manageableOrgs]
+  );
   const loginHref = `${urls.authAppUrl}${urls.loginPath ?? "/login"}`;
   const accountHref = `${urls.authAppUrl}${urls.accountPath ?? "/account"}`;
   const activityHref = `${urls.authAppUrl}${urls.activityPath ?? "/account/activity"}`;
@@ -1869,7 +2041,7 @@ function PlatformAccountMenu({
       }
     );
   }
-  const trigger = user ? /* @__PURE__ */ jsx(
+  const defaultTrigger = user ? /* @__PURE__ */ jsx(
     Button,
     {
       variant: "ghost",
@@ -1889,129 +2061,118 @@ function PlatformAccountMenu({
     }
   );
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "min-w-60 rounded-lg", children: user ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: "flex items-center gap-3 p-2 font-normal", children: [
-        /* @__PURE__ */ jsx(
-          MenuAvatar,
-          {
-            name: user.name,
-            image: user.image,
-            sizeClass: "size-9"
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5 truncate text-sm font-medium leading-tight", children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: user.name }),
-            variant === "platform" ? /* @__PURE__ */ jsx(
-              VerifiedProfessionalBadge,
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: triggerProp ?? defaultTrigger }),
+    /* @__PURE__ */ jsx(
+      DropdownMenuContent,
+      {
+        side: contentSide,
+        align: contentAlign,
+        sideOffset: contentSideOffset,
+        className: cn("min-w-60 rounded-lg", contentClassName),
+        children: user ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: "flex items-center gap-3 p-2 font-normal", children: [
+            /* @__PURE__ */ jsx(
+              MenuAvatar,
               {
-                status: verificationStatus,
-                className: "shrink-0"
+                name: user.name,
+                image: user.image,
+                sizeClass: "size-9"
               }
-            ) : null
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground leading-tight", children: user.email })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      variant === "platform" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: accountHref, children: [
-          /* @__PURE__ */ jsx(User, { className: "size-4" }),
-          labels.personalProfile
-        ] }) }),
-        /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: activityHref, children: [
-          /* @__PURE__ */ jsx(Activity, { className: "size-4" }),
-          labels.activity
-        ] }) }),
-        /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: profileHref, children: [
-          /* @__PURE__ */ jsx(User, { className: "size-4" }),
-          labels.professionalProfile
-        ] }) }),
-        /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: urls.appUrl, children: [
-          /* @__PURE__ */ jsx(LayoutDashboard, { className: "size-4" }),
-          labels.mainApp
-        ] }) }),
-        /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: urls.adminUrl, children: [
-          /* @__PURE__ */ jsx(Building2, { className: "size-4" }),
-          labels.orgManagement
-        ] }) }),
-        isAdmin && urls.backofficeUrl ? /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: urls.backofficeUrl, children: [
-          /* @__PURE__ */ jsx(LayoutDashboard, { className: "size-4" }),
-          labels.backoffice
-        ] }) }) : null,
-        memberOrgs.length > 0 ? /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
-            /* @__PURE__ */ jsx(Users, { className: "size-4" }),
-            labels.memberOrgs
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5 truncate text-sm font-medium leading-tight", children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: user.name }),
+                variant === "platform" ? /* @__PURE__ */ jsx(
+                  VerifiedProfessionalBadge,
+                  {
+                    status: verificationStatus,
+                    className: "shrink-0"
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground leading-tight", children: user.email })
+            ] })
           ] }),
-          /* @__PURE__ */ jsx(DropdownMenuSubContent, { className: "min-w-48 max-h-64 overflow-y-auto", children: memberOrgs.map((org) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx("a", { href: `${urls.appUrl}/o/${org.slug}`, children: org.name }) }, org.id)) })
-        ] }) : null,
-        manageableOrgs.length > 0 ? /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
-            /* @__PURE__ */ jsx(Building2, { className: "size-4" }),
-            labels.managementOrgs
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          variant === "platform" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: accountHref, children: [
+              /* @__PURE__ */ jsx(User, { className: "size-4" }),
+              labels.personalProfile
+            ] }) }),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: activityHref, children: [
+              /* @__PURE__ */ jsx(Activity, { className: "size-4" }),
+              labels.activity
+            ] }) }),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: profileHref, children: [
+              /* @__PURE__ */ jsx(User, { className: "size-4" }),
+              labels.professionalProfile
+            ] }) }),
+            /* @__PURE__ */ jsx(
+              OrgMenuRows,
+              {
+                orgs: mergedOrgs,
+                appUrl: urls.appUrl,
+                adminUrl: urls.adminUrl,
+                labels
+              }
+            ),
+            extraItems,
+            isAdmin && urls.backofficeUrl ? /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: urls.backofficeUrl, children: [
+              /* @__PURE__ */ jsx(LayoutDashboard, { className: "size-4" }),
+              labels.backoffice
+            ] }) }) : null,
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: accountHref, children: [
+              /* @__PURE__ */ jsx(Settings, { className: "size-4" }),
+              labels.accountSettings
+            ] }) }),
+            extraItems,
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
           ] }),
-          /* @__PURE__ */ jsx(DropdownMenuSubContent, { className: "min-w-48 max-h-64 overflow-y-auto", children: manageableOrgs.map((org) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx(
-            "a",
+          /* @__PURE__ */ jsx(
+            LanguageThemeSubs,
             {
-              href: `${urls.adminUrl}/api/auth/org/select?id=${encodeURIComponent(org.id)}`,
-              children: org.name
+              languages,
+              currentLanguage,
+              onLanguageChange,
+              labels
             }
-          ) }, org.id)) })
-        ] }) : null,
-        extraItems,
-        /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: accountHref, children: [
-          /* @__PURE__ */ jsx(Settings, { className: "size-4" }),
-          labels.accountSettings
-        ] }) }),
-        extraItems,
-        /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
-      ] }),
-      /* @__PURE__ */ jsx(
-        LanguageThemeSubs,
-        {
-          languages,
-          currentLanguage,
-          onLanguageChange,
-          labels
-        }
-      ),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsxs(
-        DropdownMenuItem,
-        {
-          variant: "destructive",
-          className: "gap-2",
-          disabled: signingOut || !onSignOut,
-          onSelect: (event) => {
-            event.preventDefault();
-            void handleSignOut();
-          },
-          children: [
-            /* @__PURE__ */ jsx(LogOut, { className: "size-4" }),
-            signingOut ? labels.signingOut : labels.signOut
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        LanguageThemeSubs,
-        {
-          languages,
-          currentLanguage,
-          onLanguageChange,
-          labels
-        }
-      ),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: loginHref, children: [
-        /* @__PURE__ */ jsx(LogIn, { className: "size-4" }),
-        labels.signIn
-      ] }) })
-    ] }) })
+          ),
+          /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              variant: "destructive",
+              className: "gap-2",
+              disabled: signingOut || !onSignOut,
+              onSelect: (event) => {
+                event.preventDefault();
+                void handleSignOut();
+              },
+              children: [
+                /* @__PURE__ */ jsx(LogOut, { className: "size-4" }),
+                signingOut ? labels.signingOut : labels.signOut
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            LanguageThemeSubs,
+            {
+              languages,
+              currentLanguage,
+              onLanguageChange,
+              labels
+            }
+          ),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: loginHref, children: [
+            /* @__PURE__ */ jsx(LogIn, { className: "size-4" }),
+            labels.signIn
+          ] }) })
+        ] })
+      }
+    )
   ] });
 }
 function Slider({
@@ -7534,6 +7695,6 @@ function useRealtimeChannel({
   }, [enabled, reconnectDelayMs]);
 }
 
-export { AvatarEditor, AvatarEditorDialog, Bubble, BubbleContent, BubbleGroup, BubbleReactions, ChatMessageList, ConfirmDestructiveDialog, EmojiInput, EmojiPicker, EmojiPickerPopover, EmojiTextarea, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, ErrorState, ExpandableText, ImageLightbox, LanguageContext, LanguageSwitcher, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageComposer, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, OrgSwitcher, PhoneInput, PlatformAccountMenu, PlatformNavbar, SearchCommand, SearchablePicker, SupportMessengerProvider, ThemeSwitcher, VerifiedProfessionalBadge, VideoPlayer, avatarFallbackStyle, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, getAvatarColors, getInitials, insertAtCaret, markerVariants, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery2 as useMediaQuery, usePlaybackStats, useRealtimeChannel, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
+export { AvatarEditor, AvatarEditorDialog, Bubble, BubbleContent, BubbleGroup, BubbleReactions, ChatMessageList, ConfirmDestructiveDialog, DropdownMenuItem, DropdownMenuSeparator, EmojiInput, EmojiPicker, EmojiPickerPopover, EmojiTextarea, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, ErrorState, ExpandableText, ImageLightbox, LanguageContext, LanguageSwitcher, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageComposer, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, OrgSwitcher, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT, PhoneInput, PlatformAccountMenu, PlatformNavbar, SearchCommand, SearchablePicker, SupportMessengerProvider, ThemeSwitcher, VerifiedProfessionalBadge, VideoPlayer, avatarFallbackStyle, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, getAvatarColors, getInitials, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery2 as useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map