@sesionario/blocks 1.15.0 → 1.16.0

package/dist/index.d.cts

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import { ReactNode } from 'react';
+import { ReactNode, RefObject, CSSProperties } from 'react';
 import { LucideIcon } from 'lucide-react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { HlsConfig, RetryConfig, LoaderResponse } from 'hls.js';
 import * as RPNInput from 'react-phone-number-input';
@@ -245,7 +246,7 @@ type LanguageSwitcherProps = {
 declare function LanguageSwitcher({ languages: propLanguages, currentLanguage: propCurrentLanguage, onLanguageChange: propOnLanguageChange, labels, className, size, shape, variant, showIcon, align, side, }: LanguageSwitcherProps): React.JSX.Element;
 
 type PlatformNavbarProps = {
-    /** Brand mark (isotype). Typically a link to the current app home. */
+    /** Brand mark (isotype). Typically a link to the member app home. */
     logo: ReactNode;
     /** Optional control before the center (e.g. SidebarTrigger). */
     leading?: ReactNode;
@@ -300,7 +301,9 @@ type PlatformAccountMenuLabels = {
     personalProfile: string;
     activity: string;
     professionalProfile: string;
+    /** @deprecated Unused; kept so apps can pass labels without breaking. */
     mainApp: string;
+    /** @deprecated Unused; kept so apps can pass labels without breaking. */
     orgManagement: string;
     backoffice: string;
     memberOrgs: string;
@@ -333,13 +336,29 @@ type PlatformAccountMenuProps = {
     onSignOut?: () => void | Promise<void>;
     /** Optional extra items after the primary links (before language/theme). */
     extraItems?: ReactNode;
+    /**
+     * Custom trigger (e.g. sidebar user button). When omitted, uses the
+     * default avatar (signed-in) or settings cog (guest).
+     */
+    trigger?: ReactNode;
+    /** Dropdown content side (sidebar menus typically open to the right). */
+    contentSide?: "top" | "right" | "bottom" | "left";
+    contentAlign?: "start" | "center" | "end";
+    contentSideOffset?: number;
+    contentClassName?: string;
     className?: string;
 };
 /**
  * Cross-app account / settings menu. Guest trigger is a settings cog;
  * signed-in trigger is the user avatar.
  */
-declare function PlatformAccountMenu({ variant, isPending, user, isAdmin, verificationStatus, urls, memberOrgs, manageableOrgs, languages, currentLanguage, onLanguageChange, labels: labelsProp, onSignOut, extraItems, className, }: PlatformAccountMenuProps): React.JSX.Element;
+declare function PlatformAccountMenu({ variant, isPending, user, isAdmin, verificationStatus, urls, memberOrgs, manageableOrgs, languages, currentLanguage, onLanguageChange, labels: labelsProp, onSignOut, extraItems, trigger: triggerProp, contentSide, contentAlign, contentSideOffset, contentClassName, className, }: PlatformAccountMenuProps): React.JSX.Element;
+
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
 
 interface AvatarEditorProps {
     /** Current cropped image as data URL (controlled) */
@@ -740,6 +759,20 @@ declare function useDebouncedValueStrict<T>(value: T, delayMs: number): T | unde
 
 declare function useMediaQuery(query: string): boolean;
 
+type ScrollFadeXEdges = {
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+};
+/**
+ * Edge-aware horizontal scroll fade: returns a ref + CSS vars for
+ * `scroll-fade-x-edges` (transparent = show fade on that edge).
+ */
+declare function useScrollFadeXEdges(enabled?: boolean): {
+    scrollerRef: RefObject<HTMLDivElement | null>;
+    fadeStyle: CSSProperties;
+    edges: ScrollFadeXEdges;
+};
+
 interface UseSearchHotkeyOptions {
     /** Initial open state. Defaults to `false`. */
     defaultOpen?: boolean;
@@ -1221,4 +1254,4 @@ declare function useRealtimeChannel({ getWsUrl, onEvent, enabled, reconnectDelay
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, type DescribedPlaybackError, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PhoneInput, type PhoneInputProps, PlatformAccountMenu, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, insertAtCaret, markerVariants, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
+export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, type DescribedPlaybackError, DropdownMenuItem, DropdownMenuSeparator, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PhoneInput, type PhoneInputProps, PlatformAccountMenu, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, type ScrollFadeXEdges, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, insertAtCaret, markerVariants, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import { ReactNode } from 'react';
+import { ReactNode, RefObject, CSSProperties } from 'react';
 import { LucideIcon } from 'lucide-react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { HlsConfig, RetryConfig, LoaderResponse } from 'hls.js';
 import * as RPNInput from 'react-phone-number-input';
@@ -245,7 +246,7 @@ type LanguageSwitcherProps = {
 declare function LanguageSwitcher({ languages: propLanguages, currentLanguage: propCurrentLanguage, onLanguageChange: propOnLanguageChange, labels, className, size, shape, variant, showIcon, align, side, }: LanguageSwitcherProps): React.JSX.Element;
 
 type PlatformNavbarProps = {
-    /** Brand mark (isotype). Typically a link to the current app home. */
+    /** Brand mark (isotype). Typically a link to the member app home. */
     logo: ReactNode;
     /** Optional control before the center (e.g. SidebarTrigger). */
     leading?: ReactNode;
@@ -300,7 +301,9 @@ type PlatformAccountMenuLabels = {
     personalProfile: string;
     activity: string;
     professionalProfile: string;
+    /** @deprecated Unused; kept so apps can pass labels without breaking. */
     mainApp: string;
+    /** @deprecated Unused; kept so apps can pass labels without breaking. */
     orgManagement: string;
     backoffice: string;
     memberOrgs: string;
@@ -333,13 +336,29 @@ type PlatformAccountMenuProps = {
     onSignOut?: () => void | Promise<void>;
     /** Optional extra items after the primary links (before language/theme). */
     extraItems?: ReactNode;
+    /**
+     * Custom trigger (e.g. sidebar user button). When omitted, uses the
+     * default avatar (signed-in) or settings cog (guest).
+     */
+    trigger?: ReactNode;
+    /** Dropdown content side (sidebar menus typically open to the right). */
+    contentSide?: "top" | "right" | "bottom" | "left";
+    contentAlign?: "start" | "center" | "end";
+    contentSideOffset?: number;
+    contentClassName?: string;
     className?: string;
 };
 /**
  * Cross-app account / settings menu. Guest trigger is a settings cog;
  * signed-in trigger is the user avatar.
  */
-declare function PlatformAccountMenu({ variant, isPending, user, isAdmin, verificationStatus, urls, memberOrgs, manageableOrgs, languages, currentLanguage, onLanguageChange, labels: labelsProp, onSignOut, extraItems, className, }: PlatformAccountMenuProps): React.JSX.Element;
+declare function PlatformAccountMenu({ variant, isPending, user, isAdmin, verificationStatus, urls, memberOrgs, manageableOrgs, languages, currentLanguage, onLanguageChange, labels: labelsProp, onSignOut, extraItems, trigger: triggerProp, contentSide, contentAlign, contentSideOffset, contentClassName, className, }: PlatformAccountMenuProps): React.JSX.Element;
+
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
 
 interface AvatarEditorProps {
     /** Current cropped image as data URL (controlled) */
@@ -740,6 +759,20 @@ declare function useDebouncedValueStrict<T>(value: T, delayMs: number): T | unde
 
 declare function useMediaQuery(query: string): boolean;
 
+type ScrollFadeXEdges = {
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+};
+/**
+ * Edge-aware horizontal scroll fade: returns a ref + CSS vars for
+ * `scroll-fade-x-edges` (transparent = show fade on that edge).
+ */
+declare function useScrollFadeXEdges(enabled?: boolean): {
+    scrollerRef: RefObject<HTMLDivElement | null>;
+    fadeStyle: CSSProperties;
+    edges: ScrollFadeXEdges;
+};
+
 interface UseSearchHotkeyOptions {
     /** Initial open state. Defaults to `false`. */
     defaultOpen?: boolean;
@@ -1221,4 +1254,4 @@ declare function useRealtimeChannel({ getWsUrl, onEvent, enabled, reconnectDelay
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, type DescribedPlaybackError, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PhoneInput, type PhoneInputProps, PlatformAccountMenu, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, insertAtCaret, markerVariants, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
+export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, type DescribedPlaybackError, DropdownMenuItem, DropdownMenuSeparator, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PhoneInput, type PhoneInputProps, PlatformAccountMenu, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, type ScrollFadeXEdges, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, insertAtCaret, markerVariants, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };

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 { 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, Users, LayoutDashboard, 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 { 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
           ]
         }
@@ -1840,6 +1897,11 @@ function PlatformAccountMenu({
   labels: labelsProp,
   onSignOut,
   extraItems,
+  trigger: triggerProp,
+  contentSide,
+  contentAlign = "end",
+  contentSideOffset,
+  contentClassName,
   className
 }) {
   const labels = { ...defaultLabels3, ...labelsProp };
@@ -1869,7 +1931,7 @@ function PlatformAccountMenu({
       }
     );
   }
-  const trigger = user ? /* @__PURE__ */ jsx(
+  const defaultTrigger = user ? /* @__PURE__ */ jsx(
     Button,
     {
       variant: "ghost",
@@ -1889,129 +1951,129 @@ 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
+            ] }) }),
+            memberOrgs.length > 0 ? /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+              /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
+                /* @__PURE__ */ jsx(Users, { className: "size-4" }),
+                labels.memberOrgs
+              ] }),
+              /* @__PURE__ */ jsx(DropdownMenuSubContent, { className: "min-w-48 max-h-64 overflow-y-auto scroll-fade-b", 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(DropdownMenuSubContent, { className: "min-w-48 max-h-64 overflow-y-auto scroll-fade-b", children: manageableOrgs.map((org) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: `${urls.adminUrl}/api/auth/org/select?id=${encodeURIComponent(org.id)}`,
+                  children: org.name
+                }
+              ) }, org.id)) })
+            ] }) : null,
+            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 +7596,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, 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, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map