@sesionario/blocks 1.3.1 → 1.4.0

package/dist/index.js

@@ -1,11 +1,11 @@
 "use client";
-import * as React5 from 'react';
+import * as React6 from 'react';
 import { createContext, useContext, useState, useCallback, useEffect, useRef, useMemo } from 'react';
-import { ChevronsUpDown, CheckIcon, SearchIcon, Loader2, AlertTriangle, Inbox, Monitor, Sun, Moon, Building2, Check, Plus, Languages, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, X, User, Pencil, Search, Clock, Flag, Hash, Lightbulb, Trophy, Plane, Apple, Leaf, Hand, Smile, Play, AlertCircle, VolumeX, Pause, Volume1, Volume2, Settings, PictureInPicture2, Minimize, Maximize, BadgeCheck, ArrowDownIcon, MessageCircleDashedIcon, XIcon } from 'lucide-react';
+import { ChevronsUpDown, CheckIcon, Smile, SearchIcon, Search, Clock, Flag, Hash, Lightbulb, Trophy, Plane, Apple, Leaf, Hand, Loader2, AlertTriangle, Inbox, Monitor, Sun, Moon, Building2, Check, Plus, Languages, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, X, User, Pencil, Play, AlertCircle, VolumeX, Pause, Volume1, Volume2, Settings, PictureInPicture2, Minimize, Maximize, BadgeCheck, ArrowDownIcon, MessageCircleDashedIcon, XIcon } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { Slot } from '@radix-ui/react-slot';
 import { useTheme } from 'next-themes';
@@ -1131,7 +1131,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React5.useMemo(
+  const _values = React6.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -2258,22 +2258,22 @@ function EmojiPicker({
   recentLimit = 24,
   storageKey = "blocks-emoji"
 }) {
-  const strings = React5.useMemo(
+  const strings = React6.useMemo(
     () => ({ ...DEFAULT_LABELS[locale], ...labels }),
     [locale, labels]
   );
-  const titles = React5.useMemo(
+  const titles = React6.useMemo(
     () => ({ ...DEFAULT_TITLES[locale], ...labels?.categoryTitles }),
     [locale, labels]
   );
-  const [query, setQuery] = React5.useState("");
-  const [skinTone, setSkinTone] = React5.useState(() => {
+  const [query, setQuery] = React6.useState("");
+  const [skinTone, setSkinTone] = React6.useState(() => {
     const raw = readStored(storageKey, "tone");
     const parsed = raw != null ? Number.parseInt(raw, 10) : 0;
     return parsed >= 0 && parsed <= 5 ? parsed : 0;
   });
-  const [toneOpen, setToneOpen] = React5.useState(false);
-  const [recents, setRecents] = React5.useState(() => {
+  const [toneOpen, setToneOpen] = React6.useState(false);
+  const [recents, setRecents] = React6.useState(() => {
     const raw = readStored(storageKey, "recent");
     if (!raw) return [];
     try {
@@ -2283,13 +2283,13 @@ function EmojiPicker({
       return [];
     }
   });
-  const [focusIndex, setFocusIndex] = React5.useState(-1);
-  const scrollRef = React5.useRef(null);
-  const sectionRefs = React5.useRef(
+  const [focusIndex, setFocusIndex] = React6.useState(-1);
+  const scrollRef = React6.useRef(null);
+  const sectionRefs = React6.useRef(
     /* @__PURE__ */ new Map()
   );
   const normalizedQuery = normalizeEmojiQuery(query);
-  const sections = React5.useMemo(() => {
+  const sections = React6.useMemo(() => {
     if (normalizedQuery) return [];
     const result = [];
     if (recents.length > 0) {
@@ -2308,7 +2308,7 @@ function EmojiPicker({
     }
     return result;
   }, [normalizedQuery, recents, titles]);
-  const searchResults = React5.useMemo(() => {
+  const searchResults = React6.useMemo(() => {
     if (!normalizedQuery) return [];
     const out = [];
     for (const category of EMOJI_CATEGORIES) {
@@ -2318,21 +2318,21 @@ function EmojiPicker({
     }
     return out;
   }, [normalizedQuery]);
-  const flatList = React5.useMemo(() => {
+  const flatList = React6.useMemo(() => {
     if (normalizedQuery) return searchResults;
     return sections.flatMap((s) => s.emojis);
   }, [normalizedQuery, searchResults, sections]);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     setFocusIndex(-1);
   }, [normalizedQuery]);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     if (focusIndex < 0) return;
     const el = scrollRef.current?.querySelector(
       `[data-emoji-index="${focusIndex}"]`
     );
     el?.focus();
   }, [focusIndex]);
-  const commitRecent = React5.useCallback(
+  const commitRecent = React6.useCallback(
     (glyph) => {
       setRecents((prev) => {
         const next = [glyph, ...prev.filter((e) => e !== glyph)].slice(
@@ -2345,14 +2345,14 @@ function EmojiPicker({
     },
     [recentLimit, storageKey]
   );
-  const handleSelect = React5.useCallback(
+  const handleSelect = React6.useCallback(
     (glyph) => {
       commitRecent(glyph);
       onSelect(glyph);
     },
     [commitRecent, onSelect]
   );
-  const chooseTone = React5.useCallback(
+  const chooseTone = React6.useCallback(
     (tone) => {
       setSkinTone(tone);
       setToneOpen(false);
@@ -2649,6 +2649,7 @@ function EmojiPickerPopover({
   onSelect,
   triggerLabel,
   triggerClassName: triggerClassName2,
+  disabled = false,
   side = "top",
   align = "end",
   open,
@@ -2657,17 +2658,17 @@ function EmojiPickerPopover({
   locale = "en",
   ...pickerProps
 }) {
-  const [internalOpen, setInternalOpen] = React5.useState(false);
+  const [internalOpen, setInternalOpen] = React6.useState(false);
   const isControlled = open !== void 0;
   const isOpen = isControlled ? open : internalOpen;
-  const setOpen = React5.useCallback(
+  const setOpen = React6.useCallback(
     (next) => {
       if (!isControlled) setInternalOpen(next);
       onOpenChange?.(next);
     },
     [isControlled, onOpenChange]
   );
-  const handleSelect = React5.useCallback(
+  const handleSelect = React6.useCallback(
     (emoji) => {
       onSelect(emoji);
       if (!keepOpenOnSelect) setOpen(false);
@@ -2681,6 +2682,7 @@ function EmojiPickerPopover({
         type: "button",
         variant: "ghost",
         size: "icon",
+        disabled,
         "aria-label": triggerLabel ?? DEFAULT_TRIGGER_LABEL[locale],
         className: cn("text-muted-foreground", triggerClassName2),
         children: /* @__PURE__ */ jsx(Smile, { className: "size-5" })
@@ -2690,6 +2692,196 @@ function EmojiPickerPopover({
   ] });
 }
 
+// src/lib/insert-at-caret.ts
+function insertAtCaret(element, value, text) {
+  const start = element?.selectionStart ?? value.length;
+  const end = element?.selectionEnd ?? value.length;
+  return {
+    value: value.slice(0, start) + text + value.slice(end),
+    caret: start + text.length
+  };
+}
+var wrapperClassName = "relative w-full rounded-md border border-input bg-transparent shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-[[aria-invalid=true]]:border-destructive has-[[aria-invalid=true]]:ring-destructive/20 has-[:disabled]:opacity-50 dark:bg-input/30 dark:has-[[aria-invalid=true]]:ring-destructive/40";
+var fieldResetClassName = "border-0 bg-transparent shadow-none focus-visible:border-transparent focus-visible:ring-0 dark:bg-transparent";
+function mergeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    }
+  };
+}
+function emitChange(element, nextValue, onChange) {
+  const prototype = element instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
+  const descriptor = Object.getOwnPropertyDescriptor(prototype, "value");
+  descriptor?.set?.call(element, nextValue);
+  const tracker = element._valueTracker;
+  tracker?.setValue?.(nextValue === "" ? " " : "");
+  onChange?.({
+    target: element,
+    currentTarget: element
+  });
+}
+function useEmojiInsert(fieldRef, value, onChange) {
+  return React6.useCallback(
+    (emoji) => {
+      const el = fieldRef.current;
+      const current = value !== void 0 && value !== null ? String(value) : el?.value ?? "";
+      const { value: next, caret } = insertAtCaret(el, current, emoji);
+      if (el) {
+        emitChange(el, next, onChange);
+        requestAnimationFrame(() => {
+          el.focus();
+          el.setSelectionRange(caret, caret);
+        });
+        return;
+      }
+      onChange?.({
+        target: { value: next },
+        currentTarget: { value: next }
+      });
+    },
+    [fieldRef, value, onChange]
+  );
+}
+var EmojiTextarea = React6.forwardRef(
+  function EmojiTextarea2({
+    className,
+    locale = "en",
+    disabled,
+    readOnly,
+    value,
+    onChange,
+    triggerLabel,
+    keepOpenOnSelect,
+    open,
+    onOpenChange,
+    side = "top",
+    align = "end",
+    labels,
+    recentLimit,
+    storageKey,
+    emojiTriggerClassName,
+    ...props
+  }, ref) {
+    const fieldRef = React6.useRef(null);
+    const handleEmojiSelect = useEmojiInsert(fieldRef, value, onChange);
+    const pickerDisabled = Boolean(disabled || readOnly);
+    return /* @__PURE__ */ jsxs("div", { className: cn(wrapperClassName, className), children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          "data-slot": "textarea",
+          ref: mergeRefs(fieldRef, ref),
+          disabled,
+          readOnly,
+          value,
+          onChange,
+          className: cn(
+            "placeholder:text-muted-foreground flex min-h-20 w-full rounded-md px-3 py-2 pb-9 pr-10 text-base outline-none transition-[color,box-shadow] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+            fieldResetClassName,
+            className
+          ),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "absolute right-1 bottom-1", children: /* @__PURE__ */ jsx(
+        EmojiPickerPopover,
+        {
+          locale,
+          onSelect: handleEmojiSelect,
+          disabled: pickerDisabled,
+          triggerLabel,
+          keepOpenOnSelect,
+          open,
+          onOpenChange,
+          side,
+          align,
+          labels,
+          recentLimit,
+          storageKey,
+          triggerClassName: cn(
+            "size-7 text-muted-foreground",
+            emojiTriggerClassName
+          )
+        }
+      ) })
+    ] });
+  }
+);
+EmojiTextarea.displayName = "EmojiTextarea";
+var EmojiInput = React6.forwardRef(
+  function EmojiInput2({
+    className,
+    locale = "en",
+    disabled,
+    readOnly,
+    value,
+    onChange,
+    type = "text",
+    triggerLabel,
+    keepOpenOnSelect,
+    open,
+    onOpenChange,
+    side = "top",
+    align = "end",
+    labels,
+    recentLimit,
+    storageKey,
+    emojiTriggerClassName,
+    ...props
+  }, ref) {
+    const fieldRef = React6.useRef(null);
+    const handleEmojiSelect = useEmojiInsert(fieldRef, value, onChange);
+    const pickerDisabled = Boolean(disabled || readOnly);
+    return /* @__PURE__ */ jsxs("div", { className: cn(wrapperClassName, className), children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          "data-slot": "input",
+          type,
+          ref: mergeRefs(fieldRef, ref),
+          disabled,
+          readOnly,
+          value,
+          onChange,
+          className: cn(
+            "placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-md px-3 py-1 pr-10 text-base outline-none transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+            fieldResetClassName,
+            className
+          ),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 right-1 -translate-y-1/2", children: /* @__PURE__ */ jsx(
+        EmojiPickerPopover,
+        {
+          locale,
+          onSelect: handleEmojiSelect,
+          disabled: pickerDisabled,
+          triggerLabel,
+          keepOpenOnSelect,
+          open,
+          onOpenChange,
+          side,
+          align,
+          labels,
+          recentLimit,
+          storageKey,
+          triggerClassName: cn(
+            "size-7 text-muted-foreground",
+            emojiTriggerClassName
+          )
+        }
+      ) })
+    ] });
+  }
+);
+EmojiInput.displayName = "EmojiInput";
+
 // src/components/video/hls-config.ts
 function shouldRetryLiveEdge404(retryConfig, retryCount, _isTimeout, loaderResponse, defaultRetry) {
   if (loaderResponse?.code === 404) {
@@ -2850,27 +3042,27 @@ function useHlsPlayback({
   onError,
   onPlayingChange
 }) {
-  const videoRef = React5.useRef(null);
-  const hlsRef = React5.useRef(null);
-  const [state, setState] = React5.useState("idle");
-  const [qualities, setQualities] = React5.useState([]);
-  const [activeLevel, setActiveLevel] = React5.useState(-1);
-  const [autoplayState, setAutoplayState] = React5.useState("none");
-  const [error, setError] = React5.useState(null);
-  const [reloadKey, setReloadKey] = React5.useState(0);
-  const onErrorRef = React5.useRef(onError);
-  const onPlayingChangeRef = React5.useRef(onPlayingChange);
-  React5.useEffect(() => {
+  const videoRef = React6.useRef(null);
+  const hlsRef = React6.useRef(null);
+  const [state, setState] = React6.useState("idle");
+  const [qualities, setQualities] = React6.useState([]);
+  const [activeLevel, setActiveLevel] = React6.useState(-1);
+  const [autoplayState, setAutoplayState] = React6.useState("none");
+  const [error, setError] = React6.useState(null);
+  const [reloadKey, setReloadKey] = React6.useState(0);
+  const onErrorRef = React6.useRef(onError);
+  const onPlayingChangeRef = React6.useRef(onPlayingChange);
+  React6.useEffect(() => {
     onErrorRef.current = onError;
     onPlayingChangeRef.current = onPlayingChange;
   }, [onError, onPlayingChange]);
-  const retry = React5.useCallback(() => {
+  const retry = React6.useCallback(() => {
     setError(null);
     setState("loading");
     setAutoplayState("none");
     setReloadKey((k) => k + 1);
   }, []);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     const media = videoRef.current;
     if (!media || !src || !active) {
       setState("idle");
@@ -3082,7 +3274,7 @@ function useHlsPlayback({
       destroyHls();
     };
   }, [src, mode, active, autoPlay, muted, reloadKey]);
-  const setLevel = React5.useCallback((index) => {
+  const setLevel = React6.useCallback((index) => {
     const hls = hlsRef.current;
     if (!hls) return;
     hls.nextLevel = index;
@@ -3152,12 +3344,12 @@ function VideoPlayer({
   className
 }) {
   const t = { ...DEFAULT_LABELS2, ...labels };
-  const containerRef = React5.useRef(null);
-  const firstPlayFiredRef = React5.useRef(false);
-  const [userStarted, setUserStarted] = React5.useState(false);
+  const containerRef = React6.useRef(null);
+  const firstPlayFiredRef = React6.useRef(false);
+  const [userStarted, setUserStarted] = React6.useState(false);
   const active = autoPlay || !poster || userStarted;
   const autoplayActive = autoPlay || userStarted;
-  const handlePlayingChange = React5.useCallback(
+  const handlePlayingChange = React6.useCallback(
     (playing) => {
       setIsPlaying(playing);
       if (playing && !firstPlayFiredRef.current) {
@@ -3186,25 +3378,25 @@ function VideoPlayer({
     onError,
     onPlayingChange: handlePlayingChange
   });
-  const [isPlaying, setIsPlaying] = React5.useState(false);
-  const [isMuted, setIsMuted] = React5.useState(muted);
-  const [volume, setVolume] = React5.useState(1);
-  const [currentTime, setCurrentTime] = React5.useState(0);
-  const [duration, setDuration] = React5.useState(0);
-  const [buffered, setBuffered] = React5.useState(0);
-  const [isFullscreen, setIsFullscreen] = React5.useState(false);
-  const [pipActive, setPipActive] = React5.useState(false);
-  const [controlsVisible, setControlsVisible] = React5.useState(true);
-  const [playbackRate, setPlaybackRate] = React5.useState(1);
-  const [openMenu, setOpenMenu] = React5.useState(
+  const [isPlaying, setIsPlaying] = React6.useState(false);
+  const [isMuted, setIsMuted] = React6.useState(muted);
+  const [volume, setVolume] = React6.useState(1);
+  const [currentTime, setCurrentTime] = React6.useState(0);
+  const [duration, setDuration] = React6.useState(0);
+  const [buffered, setBuffered] = React6.useState(0);
+  const [isFullscreen, setIsFullscreen] = React6.useState(false);
+  const [pipActive, setPipActive] = React6.useState(false);
+  const [controlsVisible, setControlsVisible] = React6.useState(true);
+  const [playbackRate, setPlaybackRate] = React6.useState(1);
+  const [openMenu, setOpenMenu] = React6.useState(
     null
   );
-  const [behindLive, setBehindLive] = React5.useState(false);
-  const hideTimerRef = React5.useRef(null);
+  const [behindLive, setBehindLive] = React6.useState(false);
+  const hideTimerRef = React6.useRef(null);
   const pipSupported = typeof document !== "undefined" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled;
   const fullscreenSupported = typeof document !== "undefined" && (!!document.fullscreenEnabled || // Safari
   "webkitFullscreenEnabled" in document);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     const video = videoRef.current;
     if (!video || !active) return;
     const onTimeUpdate = () => {
@@ -3237,12 +3429,12 @@ function VideoPlayer({
       video.removeEventListener("ratechange", onRate);
     };
   }, [videoRef, active, mode]);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     const onFsChange = () => setIsFullscreen(document.fullscreenElement === containerRef.current);
     document.addEventListener("fullscreenchange", onFsChange);
     return () => document.removeEventListener("fullscreenchange", onFsChange);
   }, []);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     const video = videoRef.current;
     if (!video) return;
     const onEnter = () => setPipActive(true);
@@ -3254,18 +3446,18 @@ function VideoPlayer({
       video.removeEventListener("leavepictureinpicture", onLeave);
     };
   }, [videoRef]);
-  const scheduleHide = React5.useCallback(() => {
+  const scheduleHide = React6.useCallback(() => {
     if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
     hideTimerRef.current = setTimeout(() => {
       setControlsVisible(false);
       setOpenMenu(null);
     }, CONTROLS_HIDE_MS);
   }, []);
-  const revealControls = React5.useCallback(() => {
+  const revealControls = React6.useCallback(() => {
     setControlsVisible(true);
     scheduleHide();
   }, [scheduleHide]);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     return () => {
       if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
     };
@@ -3718,8 +3910,8 @@ function MenuItem({
   );
 }
 function usePlaybackStats(statsUrl, { intervalMs = 15e3, enabled = true } = {}) {
-  const [stats, setStats] = React5.useState({});
-  React5.useEffect(() => {
+  const [stats, setStats] = React6.useState({});
+  React6.useEffect(() => {
     if (!statsUrl || !enabled) return;
     let cancelled = false;
     const controller = new AbortController();
@@ -4142,7 +4334,7 @@ function ScrollBar({
   );
 }
 var phoneInputGroupClass = "flex h-9 w-full gap-0 overflow-hidden rounded-md border border-input bg-transparent shadow-xs transition-[color,box-shadow] [--PhoneInputCountrySelect-marginRight:0] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 dark:bg-input/30 [&_.PhoneInputCountry]:mr-0";
-var PhoneInput = React5.forwardRef(
+var PhoneInput = React6.forwardRef(
   ({ className, onChange, value, defaultCountry = "MX", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       RPNInput.default,
@@ -4162,7 +4354,7 @@ var PhoneInput = React5.forwardRef(
   }
 );
 PhoneInput.displayName = "PhoneInput";
-var InputComponent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputComponent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Input,
   {
     className: cn(
@@ -4180,9 +4372,9 @@ var CountrySelect = ({
   options: countryList,
   onChange
 }) => {
-  const scrollAreaRef = React5.useRef(null);
-  const [searchValue, setSearchValue] = React5.useState("");
-  const [isOpen, setIsOpen] = React5.useState(false);
+  const scrollAreaRef = React6.useRef(null);
+  const [searchValue, setSearchValue] = React6.useState("");
+  const [isOpen, setIsOpen] = React6.useState(false);
   return /* @__PURE__ */ jsxs(
     Popover,
     {
@@ -4363,8 +4555,8 @@ var MEXICO_STATE_PATHS = {
 };
 function MexicoMap({ selected, onToggle, className }) {
   const isInteractive = typeof onToggle === "function";
-  const selectedSet = React5.useMemo(() => new Set(selected), [selected]);
-  const handleKeyDown = React5.useCallback(
+  const selectedSet = React6.useMemo(() => new Set(selected), [selected]);
+  const handleKeyDown = React6.useCallback(
     (event, id) => {
       if (!onToggle) return;
       if (event.key === "Enter" || event.key === " ") {
@@ -4847,6 +5039,6 @@ function ChatMessageList({
   ] }) });
 }
 
-export { AvatarEditor, AvatarEditorDialog, Bubble, BubbleContent, BubbleGroup, BubbleReactions, ChatMessageList, ConfirmDestructiveDialog, EmojiPicker, EmojiPickerPopover, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, ErrorState, LanguageContext, LanguageSwitcher, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, OrgSwitcher, PhoneInput, SearchCommand, ThemeSwitcher, VerifiedProfessionalBadge, VideoPlayer, avatarFallbackStyle, bubbleVariants, cn, createLiveHlsConfig, createVodHlsConfig, defaultLanguages, describePlaybackError, fuzzyMatch, getAvatarColors, getInitials, markerVariants, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, usePlaybackStats, useSearchHotkey };
+export { AvatarEditor, AvatarEditorDialog, Bubble, BubbleContent, BubbleGroup, BubbleReactions, ChatMessageList, ConfirmDestructiveDialog, EmojiInput, EmojiPicker, EmojiPickerPopover, EmojiTextarea, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, ErrorState, LanguageContext, LanguageSwitcher, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, OrgSwitcher, PhoneInput, SearchCommand, ThemeSwitcher, VerifiedProfessionalBadge, VideoPlayer, avatarFallbackStyle, bubbleVariants, cn, createLiveHlsConfig, createVodHlsConfig, defaultLanguages, describePlaybackError, fuzzyMatch, getAvatarColors, getInitials, insertAtCaret, markerVariants, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, usePlaybackStats, useSearchHotkey };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map