@sesionario/blocks 1.33.1 → 1.34.0

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
-import * as React7 from 'react';
+import * as React2 from 'react';
 import { createContext, forwardRef, useContext, useState, useRef, useId, useEffect, useCallback, useLayoutEffect, 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, LogOut, LogIn, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, Pencil, Play, AlertCircle, VolumeX, Pause, Volume1, Volume2, PictureInPicture2, Minimize, Maximize, ArrowDownIcon, MessageCircleDashedIcon, MessageCircle, XIcon, ChevronUp, ChevronDown, ChevronRightIcon, 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, LogOut, LogIn, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, Pencil, ArrowDownIcon, MessageCircleDashedIcon, MessageCircle, XIcon, ChevronUp, ChevronDown, ChevronRightIcon, CircleIcon } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -2991,7 +2991,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React7.useMemo(
+  const _values = React2.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -4014,22 +4014,22 @@ function EmojiPicker({
   recentLimit = 24,
   storageKey = "blocks-emoji"
 }) {
-  const strings = React7.useMemo(
+  const strings = React2.useMemo(
     () => ({ ...DEFAULT_LABELS[locale], ...labels }),
     [locale, labels]
   );
-  const titles = React7.useMemo(
+  const titles = React2.useMemo(
     () => ({ ...DEFAULT_TITLES[locale], ...labels?.categoryTitles }),
     [locale, labels]
   );
-  const [query, setQuery] = React7.useState("");
-  const [skinTone, setSkinTone] = React7.useState(() => {
+  const [query, setQuery] = React2.useState("");
+  const [skinTone, setSkinTone] = React2.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] = React7.useState(false);
-  const [recents, setRecents] = React7.useState(() => {
+  const [toneOpen, setToneOpen] = React2.useState(false);
+  const [recents, setRecents] = React2.useState(() => {
     const raw = readStored(storageKey, "recent");
     if (!raw) return [];
     try {
@@ -4039,13 +4039,13 @@ function EmojiPicker({
       return [];
     }
   });
-  const [focusIndex, setFocusIndex] = React7.useState(-1);
-  const scrollRef = React7.useRef(null);
-  const sectionRefs = React7.useRef(
+  const [focusIndex, setFocusIndex] = React2.useState(-1);
+  const scrollRef = React2.useRef(null);
+  const sectionRefs = React2.useRef(
     /* @__PURE__ */ new Map()
   );
   const normalizedQuery = normalizeEmojiQuery(query);
-  const sections = React7.useMemo(() => {
+  const sections = React2.useMemo(() => {
     if (normalizedQuery) return [];
     const result = [];
     if (recents.length > 0) {
@@ -4064,7 +4064,7 @@ function EmojiPicker({
     }
     return result;
   }, [normalizedQuery, recents, titles]);
-  const searchResults = React7.useMemo(() => {
+  const searchResults = React2.useMemo(() => {
     if (!normalizedQuery) return [];
     const out = [];
     for (const category of EMOJI_CATEGORIES) {
@@ -4074,21 +4074,21 @@ function EmojiPicker({
     }
     return out;
   }, [normalizedQuery]);
-  const flatList = React7.useMemo(() => {
+  const flatList = React2.useMemo(() => {
     if (normalizedQuery) return searchResults;
     return sections.flatMap((s) => s.emojis);
   }, [normalizedQuery, searchResults, sections]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     setFocusIndex(-1);
   }, [normalizedQuery]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (focusIndex < 0) return;
     const el = scrollRef.current?.querySelector(
       `[data-emoji-index="${focusIndex}"]`
     );
     el?.focus();
   }, [focusIndex]);
-  const commitRecent = React7.useCallback(
+  const commitRecent = React2.useCallback(
     (glyph) => {
       setRecents((prev) => {
         const next = [glyph, ...prev.filter((e) => e !== glyph)].slice(
@@ -4101,14 +4101,14 @@ function EmojiPicker({
     },
     [recentLimit, storageKey]
   );
-  const handleSelect = React7.useCallback(
+  const handleSelect = React2.useCallback(
     (glyph) => {
       commitRecent(glyph);
       onSelect(glyph);
     },
     [commitRecent, onSelect]
   );
-  const chooseTone = React7.useCallback(
+  const chooseTone = React2.useCallback(
     (tone) => {
       setSkinTone(tone);
       setToneOpen(false);
@@ -4414,17 +4414,17 @@ function EmojiPickerPopover({
   locale = "en",
   ...pickerProps
 }) {
-  const [internalOpen, setInternalOpen] = React7.useState(false);
+  const [internalOpen, setInternalOpen] = React2.useState(false);
   const isControlled = open !== void 0;
   const isOpen = isControlled ? open : internalOpen;
-  const setOpen = React7.useCallback(
+  const setOpen = React2.useCallback(
     (next) => {
       if (!isControlled) setInternalOpen(next);
       onOpenChange?.(next);
     },
     [isControlled, onOpenChange]
   );
-  const handleSelect = React7.useCallback(
+  const handleSelect = React2.useCallback(
     (emoji) => {
       onSelect(emoji);
       if (!keepOpenOnSelect) setOpen(false);
@@ -4493,7 +4493,7 @@ function emitChange(element, nextValue, onChange) {
   });
 }
 function useEmojiInsert(fieldRef, value, onChange) {
-  return React7.useCallback(
+  return React2.useCallback(
     (emoji) => {
       const el = fieldRef.current;
       const current = value !== void 0 && value !== null ? String(value) : el?.value ?? "";
@@ -4514,7 +4514,7 @@ function useEmojiInsert(fieldRef, value, onChange) {
     [fieldRef, value, onChange]
   );
 }
-var EmojiTextarea = React7.forwardRef(
+var EmojiTextarea = React2.forwardRef(
   function EmojiTextarea2({
     className,
     locale = "en",
@@ -4534,7 +4534,7 @@ var EmojiTextarea = React7.forwardRef(
     emojiTriggerClassName,
     ...props
   }, ref) {
-    const fieldRef = React7.useRef(null);
+    const fieldRef = React2.useRef(null);
     const handleEmojiSelect = useEmojiInsert(fieldRef, value, onChange);
     const pickerDisabled = Boolean(disabled || readOnly);
     return /* @__PURE__ */ jsxs("div", { className: cn(emojiFieldWrapperClassName, className), children: [
@@ -4580,7 +4580,7 @@ var EmojiTextarea = React7.forwardRef(
   }
 );
 EmojiTextarea.displayName = "EmojiTextarea";
-var EmojiInput = React7.forwardRef(
+var EmojiInput = React2.forwardRef(
   function EmojiInput2({
     className,
     locale = "en",
@@ -4601,7 +4601,7 @@ var EmojiInput = React7.forwardRef(
     emojiTriggerClassName,
     ...props
   }, ref) {
-    const fieldRef = React7.useRef(null);
+    const fieldRef = React2.useRef(null);
     const handleEmojiSelect = useEmojiInsert(fieldRef, value, onChange);
     const pickerDisabled = Boolean(disabled || readOnly);
     return /* @__PURE__ */ jsxs("div", { className: cn(emojiFieldWrapperClassName, className), children: [
@@ -4648,1302 +4648,6 @@ var EmojiInput = React7.forwardRef(
   }
 );
 EmojiInput.displayName = "EmojiInput";
-
-// src/components/video/hls-config.ts
-function shouldRetryLiveEdge404(retryConfig, retryCount, _isTimeout, loaderResponse, defaultRetry) {
-  if (loaderResponse?.code === 404) {
-    return retryConfig != null && retryCount < retryConfig.maxNumRetry;
-  }
-  return defaultRetry;
-}
-var liveEdgeErrorRetry = {
-  maxNumRetry: 8,
-  retryDelayMs: 250,
-  maxRetryDelayMs: 4e3,
-  backoff: "exponential",
-  shouldRetry: shouldRetryLiveEdge404
-};
-function createLiveHlsConfig() {
-  return {
-    enableWorker: true,
-    // No custom request headers: Cache-Control/Pragma are not
-    // CORS-safelisted and would force an OPTIONS preflight before every
-    // manifest poll and segment fetch. Freshness is controlled by the
-    // origin's response Cache-Control headers instead.
-    liveSyncDurationCount: 4,
-    liveMaxLatencyDurationCount: 12,
-    fragLoadPolicy: {
-      default: {
-        maxTimeToFirstByteMs: 1e4,
-        maxLoadTimeMs: 12e4,
-        timeoutRetry: {
-          maxNumRetry: 4,
-          retryDelayMs: 0,
-          maxRetryDelayMs: 0
-        },
-        errorRetry: liveEdgeErrorRetry
-      }
-    },
-    playlistLoadPolicy: {
-      default: {
-        maxTimeToFirstByteMs: 1e4,
-        maxLoadTimeMs: 3e4,
-        timeoutRetry: {
-          maxNumRetry: 2,
-          retryDelayMs: 0,
-          maxRetryDelayMs: 0
-        },
-        errorRetry: {
-          ...liveEdgeErrorRetry,
-          maxNumRetry: 6
-        }
-      }
-    }
-  };
-}
-function createVodHlsConfig() {
-  return {
-    enableWorker: true
-  };
-}
-
-// src/components/video/hls-errors.ts
-var MEDIA_ERROR_NAMES = {
-  1: "MEDIA_ERR_ABORTED",
-  2: "MEDIA_ERR_NETWORK",
-  3: "MEDIA_ERR_DECODE",
-  4: "MEDIA_ERR_SRC_NOT_SUPPORTED"
-};
-var MEDIA_ERR_NETWORK = 2;
-var MEDIA_ERR_DECODE = 3;
-var MEDIA_ERR_SRC_NOT_SUPPORTED = 4;
-function errorMessageFromUnknown(error) {
-  if (error instanceof Error) return error.message;
-  if (typeof error === "string") return error;
-  return void 0;
-}
-function isNotFound(httpStatus, details) {
-  return httpStatus === 404 || details === "manifestLoadError" || details === "levelLoadError" || details === "fragLoadError";
-}
-function kindForHls(input) {
-  const httpStatus = input.response?.code;
-  if (input.type === "networkError" && isNotFound(httpStatus, input.details)) {
-    return input.context.mode === "vod" || !input.context.manifestParsed ? "unavailable" : "network";
-  }
-  if (input.type === "mediaError" || input.details === "bufferAppendError" || input.details === "bufferSeekOverHole") {
-    return "media";
-  }
-  return "generic";
-}
-function kindForNative(input) {
-  const code = input.mediaError?.code;
-  if (code === MEDIA_ERR_DECODE) return "media";
-  if (code === MEDIA_ERR_SRC_NOT_SUPPORTED) return "unsupported";
-  if (code === MEDIA_ERR_NETWORK) return "unavailable";
-  return "generic";
-}
-function describeAvResync(input) {
-  const lag = Number.isFinite(input.lagSeconds) ? input.lagSeconds : 0;
-  return {
-    summary: `av-resync lag=${lag.toFixed(3)}s (non-fatal)`,
-    kind: "resync",
-    detail: {
-      source: input.context.source,
-      kind: "resync",
-      fatal: false,
-      reason: `presented frame lag ${lag.toFixed(3)}s`,
-      context: input.context
-    }
-  };
-}
-function describePlaybackError(input) {
-  if (input.source === "unsupported") {
-    return {
-      summary: "playback unsupported (hls.js unavailable, native HLS unsupported)",
-      kind: "unsupported",
-      detail: {
-        source: "unsupported",
-        kind: "unsupported",
-        context: input.context
-      }
-    };
-  }
-  if (input.source === "native") {
-    const code = input.mediaError?.code;
-    const kind2 = kindForNative(input);
-    const detail2 = {
-      source: "native",
-      kind: kind2,
-      mediaErrorCode: code,
-      mediaErrorName: code !== void 0 ? MEDIA_ERROR_NAMES[code] : void 0,
-      errorMessage: input.mediaError?.message,
-      context: input.context
-    };
-    const name = detail2.mediaErrorName ?? "MEDIA_ERR_UNKNOWN";
-    return {
-      summary: `native ${name}${input.mediaError?.message ? `: ${input.mediaError.message}` : ""}`,
-      kind: kind2,
-      detail: detail2
-    };
-  }
-  const httpStatus = input.response?.code;
-  const kind = kindForHls(input);
-  const detail = {
-    source: "hls",
-    kind,
-    type: input.type,
-    details: input.details,
-    fatal: input.fatal,
-    httpStatus,
-    url: input.url,
-    reason: input.reason,
-    errorMessage: errorMessageFromUnknown(input.error),
-    context: input.context
-  };
-  const statusSuffix = httpStatus !== void 0 ? ` ${httpStatus}` : "";
-  const summary = [
-    "hls",
-    input.type ?? "unknown",
-    input.details ?? "unknown",
-    input.fatal ? "(fatal)" : "(non-fatal)",
-    statusSuffix.trim()
-  ].filter(Boolean).join(" ");
-  return { summary, kind, detail };
-}
-
-// src/components/video/useHlsPlayback.ts
-var RETRY_INTERVAL_MS = 3e3;
-var MAX_MEDIA_ERROR_RETRIES = 5;
-var DRIFT_THRESHOLD_S = 0.4;
-var DRIFT_CONSECUTIVE_SAMPLES = 3;
-var RESYNC_COOLDOWN_MS = 1e4;
-var LIVE_EDGE_RESYNC_THRESHOLD_S = 8;
-function useHlsPlayback({
-  src,
-  mode,
-  active,
-  autoPlay = false,
-  muted = false,
-  onError,
-  onPlayingChange
-}) {
-  const videoRef = React7.useRef(null);
-  const hlsRef = React7.useRef(null);
-  const [state, setState] = React7.useState("idle");
-  const [qualities, setQualities] = React7.useState([]);
-  const [activeLevel, setActiveLevel] = React7.useState(-1);
-  const [autoplayState, setAutoplayState] = React7.useState("none");
-  const [error, setError] = React7.useState(null);
-  const [reloadKey, setReloadKey] = React7.useState(0);
-  const onErrorRef = React7.useRef(onError);
-  const onPlayingChangeRef = React7.useRef(onPlayingChange);
-  React7.useEffect(() => {
-    onErrorRef.current = onError;
-    onPlayingChangeRef.current = onPlayingChange;
-  }, [onError, onPlayingChange]);
-  const retry = React7.useCallback(() => {
-    setError(null);
-    setState("loading");
-    setAutoplayState("none");
-    setReloadKey((k) => k + 1);
-  }, []);
-  React7.useEffect(() => {
-    const media = videoRef.current;
-    if (!media || !src || !active) {
-      setState("idle");
-      return;
-    }
-    let cancelled = false;
-    let retryTimer = null;
-    let manifestParsed = false;
-    let mediaErrorRetries = 0;
-    let playbackSource = "hls";
-    const teardown = [];
-    media.muted = muted;
-    setState("loading");
-    setError(null);
-    setAutoplayState("none");
-    setQualities([]);
-    setActiveLevel(-1);
-    function baseContext() {
-      return {
-        mode,
-        src,
-        manifestParsed,
-        retryCount: mediaErrorRetries,
-        source: playbackSource
-      };
-    }
-    function clearRetryTimer() {
-      if (retryTimer !== null) {
-        clearTimeout(retryTimer);
-        retryTimer = null;
-      }
-    }
-    function destroyHls() {
-      hlsRef.current?.destroy();
-      hlsRef.current = null;
-    }
-    function reportFatal(input) {
-      const described = describePlaybackError(input);
-      onErrorRef.current?.(described);
-      setError(described);
-      setState("error");
-    }
-    function attemptAutoplay(el) {
-      void el.play().then(
-        () => setAutoplayState("playing"),
-        () => {
-          el.muted = true;
-          void el.play().then(
-            () => setAutoplayState("muted"),
-            () => setAutoplayState("blocked")
-          );
-        }
-      );
-    }
-    function scheduleRetry(retryFn) {
-      clearRetryTimer();
-      if (cancelled) return;
-      setState("waiting");
-      retryTimer = setTimeout(() => {
-        retryTimer = null;
-        if (!cancelled) retryFn();
-      }, RETRY_INTERVAL_MS);
-    }
-    function startDriftWatchdog(el) {
-      if (typeof el.requestVideoFrameCallback !== "function") return;
-      let consecutiveLagSamples = 0;
-      let lastResyncAt = 0;
-      let handle = null;
-      const tick = (_now, metadata) => {
-        if (cancelled) return;
-        handle = el.requestVideoFrameCallback(tick);
-        if (el.paused || el.ended) {
-          consecutiveLagSamples = 0;
-          return;
-        }
-        const lag = el.currentTime - metadata.mediaTime;
-        if (!(lag > DRIFT_THRESHOLD_S)) {
-          consecutiveLagSamples = 0;
-          return;
-        }
-        consecutiveLagSamples += 1;
-        if (consecutiveLagSamples < DRIFT_CONSECUTIVE_SAMPLES) return;
-        const nowMs = performance.now();
-        if (nowMs - lastResyncAt < RESYNC_COOLDOWN_MS) return;
-        lastResyncAt = nowMs;
-        consecutiveLagSamples = 0;
-        if (mode === "live" && el.seekable.length > 0) {
-          const edge = el.seekable.end(el.seekable.length - 1);
-          if (edge - el.currentTime > LIVE_EDGE_RESYNC_THRESHOLD_S) {
-            el.currentTime = edge;
-          } else {
-            el.currentTime = el.currentTime + 1e-3;
-          }
-        } else {
-          el.currentTime = el.currentTime + 1e-3;
-        }
-        onErrorRef.current?.(
-          describeAvResync({
-            lagSeconds: lag,
-            context: baseContext()
-          })
-        );
-      };
-      handle = el.requestVideoFrameCallback(tick);
-      teardown.push(() => {
-        if (handle != null && typeof el.cancelVideoFrameCallback === "function") {
-          el.cancelVideoFrameCallback(handle);
-        }
-      });
-    }
-    function onPlaying() {
-      manifestParsed = true;
-      mediaErrorRetries = 0;
-      clearRetryTimer();
-      setState("ready");
-      onPlayingChangeRef.current?.(true);
-    }
-    function onPaused() {
-      onPlayingChangeRef.current?.(false);
-    }
-    media.addEventListener("playing", onPlaying);
-    media.addEventListener("pause", onPaused);
-    media.addEventListener("ended", onPaused);
-    teardown.push(() => {
-      media.removeEventListener("playing", onPlaying);
-      media.removeEventListener("pause", onPaused);
-      media.removeEventListener("ended", onPaused);
-    });
-    startDriftWatchdog(media);
-    function initNative() {
-      playbackSource = "native";
-      manifestParsed = false;
-      media.removeAttribute("src");
-      media.load();
-      media.src = src;
-      const onReady = () => {
-        manifestParsed = true;
-        clearRetryTimer();
-        setState("ready");
-        if (mode === "live" || autoPlay) attemptAutoplay(media);
-      };
-      const onErr = () => {
-        if (manifestParsed) {
-          reportFatal({
-            source: "native",
-            mediaError: media.error,
-            context: baseContext()
-          });
-          return;
-        }
-        onErrorRef.current?.(
-          describePlaybackError({
-            source: "native",
-            mediaError: media.error,
-            context: baseContext()
-          })
-        );
-        scheduleRetry(() => {
-          media.src = src;
-          media.load();
-        });
-      };
-      media.addEventListener("loadedmetadata", onReady);
-      media.addEventListener("error", onErr);
-      teardown.push(() => {
-        media.removeEventListener("loadedmetadata", onReady);
-        media.removeEventListener("error", onErr);
-      });
-    }
-    function initHlsJs(Hls) {
-      playbackSource = "hls";
-      destroyHls();
-      manifestParsed = false;
-      const config = mode === "live" ? createLiveHlsConfig() : createVodHlsConfig();
-      const hls = new Hls(config);
-      hlsRef.current = hls;
-      hls.loadSource(src);
-      hls.attachMedia(media);
-      hls.on(Hls.Events.MANIFEST_PARSED, (_e, data) => {
-        manifestParsed = true;
-        clearRetryTimer();
-        setQualities(
-          data.levels.map((l, index) => ({ index, height: l.height }))
-        );
-        setState("ready");
-        if (mode === "live" || autoPlay) attemptAutoplay(media);
-      });
-      hls.on(Hls.Events.LEVEL_SWITCHED, (_e, data) => {
-        if (hls.autoLevelEnabled) setActiveLevel(-1);
-        else setActiveLevel(data.level);
-      });
-      hls.on(Hls.Events.ERROR, (_e, data) => {
-        onErrorRef.current?.(
-          describePlaybackError({
-            source: "hls",
-            type: data.type,
-            details: data.details,
-            fatal: data.fatal,
-            url: data.url,
-            response: data.response,
-            reason: data.reason,
-            error: data.error,
-            context: baseContext()
-          })
-        );
-        if (!data.fatal) return;
-        if (data.type === Hls.ErrorTypes.NETWORK_ERROR) {
-          if (!manifestParsed) {
-            scheduleRetry(() => initHlsJs(Hls));
-            return;
-          }
-          hls.startLoad();
-          return;
-        }
-        mediaErrorRetries += 1;
-        if (mediaErrorRetries === 1) {
-          hls.recoverMediaError();
-          return;
-        }
-        if (mediaErrorRetries === 2) {
-          hls.swapAudioCodec();
-          hls.recoverMediaError();
-          return;
-        }
-        if (mediaErrorRetries < MAX_MEDIA_ERROR_RETRIES) {
-          scheduleRetry(() => initHlsJs(Hls));
-          return;
-        }
-        reportFatal({
-          source: "hls",
-          type: data.type,
-          details: data.details,
-          fatal: true,
-          url: data.url,
-          response: data.response,
-          reason: data.reason,
-          error: data.error,
-          context: baseContext()
-        });
-      });
-    }
-    async function setup() {
-      let Hls = null;
-      try {
-        Hls = (await import('hls.js')).default;
-      } catch {
-        Hls = null;
-      }
-      if (cancelled) return;
-      if (Hls && Hls.isSupported()) {
-        initHlsJs(Hls);
-      } else if (media.canPlayType("application/vnd.apple.mpegurl")) {
-        initNative();
-      } else {
-        playbackSource = "unsupported";
-        reportFatal({
-          source: "unsupported",
-          context: baseContext()
-        });
-      }
-    }
-    void setup();
-    return () => {
-      cancelled = true;
-      clearRetryTimer();
-      for (const fn of teardown) fn();
-      destroyHls();
-    };
-  }, [src, mode, active, autoPlay, muted, reloadKey]);
-  const setLevel = React7.useCallback((index) => {
-    const hls = hlsRef.current;
-    if (!hls) return;
-    hls.nextLevel = index;
-    setActiveLevel(index);
-  }, []);
-  return {
-    videoRef,
-    state,
-    qualities,
-    activeLevel,
-    setLevel,
-    autoplayState,
-    error,
-    retry
-  };
-}
-var DEFAULT_LABELS2 = {
-  play: "Play",
-  pause: "Pause",
-  mute: "Mute",
-  unmute: "Unmute",
-  enterFullscreen: "Fullscreen",
-  exitFullscreen: "Exit fullscreen",
-  pictureInPicture: "Picture in picture",
-  settings: "Settings",
-  quality: "Quality",
-  auto: "Auto",
-  speed: "Speed",
-  live: "LIVE",
-  goLive: "Go live",
-  tapToUnmute: "Tap to unmute",
-  loading: "Loading\u2026",
-  waiting: "Waiting for stream\u2026",
-  retry: "Retry",
-  errorUnavailable: "This video isn't available yet.",
-  errorNetwork: "We couldn't load the video. Check your connection.",
-  errorMedia: "There was a playback problem.",
-  errorUnsupported: "Your browser can't play this video.",
-  errorGeneric: "We couldn't play this video."
-};
-var PLAYBACK_RATES = [0.75, 1, 1.25, 1.5, 2];
-var CONTROLS_HIDE_MS = 3e3;
-var LIVE_EDGE_THRESHOLD_S = 8;
-var SEEK_STEP_S = 5;
-function asWebkitVideo(video) {
-  return video;
-}
-function hasWebkitVideoFullscreen(video) {
-  const webkit = asWebkitVideo(video);
-  return typeof webkit?.webkitEnterFullscreen === "function";
-}
-function hasStandardFullscreen() {
-  if (typeof document === "undefined") return false;
-  if (document.fullscreenEnabled) return true;
-  const doc = document;
-  return !!doc.webkitFullscreenEnabled;
-}
-function formatTime(seconds) {
-  if (!Number.isFinite(seconds) || seconds < 0) return "0:00";
-  const total = Math.floor(seconds);
-  const h = Math.floor(total / 3600);
-  const m = Math.floor(total % 3600 / 60);
-  const s = total % 60;
-  const mm = h > 0 ? String(m).padStart(2, "0") : String(m);
-  const ss = String(s).padStart(2, "0");
-  return h > 0 ? `${h}:${mm}:${ss}` : `${mm}:${ss}`;
-}
-function VideoPlayer({
-  src,
-  mode,
-  poster,
-  autoPlay = false,
-  muted = false,
-  stats,
-  labels,
-  showQualitySelector = true,
-  paused = false,
-  onPlayingChange,
-  onFirstPlay,
-  onError,
-  fit = "aspect-video",
-  className
-}) {
-  const t = { ...DEFAULT_LABELS2, ...labels };
-  const containerRef = React7.useRef(null);
-  const firstPlayFiredRef = React7.useRef(false);
-  const [userStarted, setUserStarted] = React7.useState(false);
-  const active = autoPlay || !poster || userStarted;
-  const autoplayActive = autoPlay || userStarted;
-  const handlePlayingChange = React7.useCallback(
-    (playing) => {
-      setIsPlaying(playing);
-      if (playing && !firstPlayFiredRef.current) {
-        firstPlayFiredRef.current = true;
-        onFirstPlay?.();
-      }
-      onPlayingChange?.(playing);
-    },
-    [onFirstPlay, onPlayingChange]
-  );
-  const {
-    videoRef,
-    state,
-    qualities,
-    activeLevel,
-    setLevel,
-    autoplayState,
-    error,
-    retry
-  } = useHlsPlayback({
-    src,
-    mode,
-    active,
-    autoPlay: autoplayActive,
-    muted,
-    onError,
-    onPlayingChange: handlePlayingChange
-  });
-  const [isPlaying, setIsPlaying] = React7.useState(false);
-  const [isMuted, setIsMuted] = React7.useState(muted);
-  const [volume, setVolume] = React7.useState(1);
-  const [currentTime, setCurrentTime] = React7.useState(0);
-  const [duration, setDuration] = React7.useState(0);
-  const [buffered, setBuffered] = React7.useState(0);
-  const [isFullscreen, setIsFullscreen] = React7.useState(false);
-  const [pipActive, setPipActive] = React7.useState(false);
-  const [controlsVisible, setControlsVisible] = React7.useState(true);
-  const [playbackRate, setPlaybackRate] = React7.useState(1);
-  const [openMenu, setOpenMenu] = React7.useState(
-    null
-  );
-  const [behindLive, setBehindLive] = React7.useState(false);
-  const [webkitFullscreenSupported, setWebkitFullscreenSupported] = React7.useState(false);
-  const hideTimerRef = React7.useRef(null);
-  const pipSupported = typeof document !== "undefined" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled;
-  const fullscreenSupported = hasStandardFullscreen() || webkitFullscreenSupported;
-  React7.useEffect(() => {
-    const video = videoRef.current;
-    if (!video || !active) return;
-    const onTimeUpdate = () => {
-      setCurrentTime(video.currentTime);
-      if (video.buffered.length > 0) {
-        setBuffered(video.buffered.end(video.buffered.length - 1));
-      }
-      if (mode === "live" && video.seekable.length > 0) {
-        const edge = video.seekable.end(video.seekable.length - 1);
-        setBehindLive(edge - video.currentTime > LIVE_EDGE_THRESHOLD_S);
-      }
-    };
-    const onDuration = () => setDuration(video.duration);
-    const onVolume = () => {
-      setIsMuted(video.muted);
-      setVolume(video.volume);
-    };
-    const onRate = () => setPlaybackRate(video.playbackRate);
-    video.addEventListener("timeupdate", onTimeUpdate);
-    video.addEventListener("durationchange", onDuration);
-    video.addEventListener("loadedmetadata", onDuration);
-    video.addEventListener("volumechange", onVolume);
-    video.addEventListener("ratechange", onRate);
-    onVolume();
-    return () => {
-      video.removeEventListener("timeupdate", onTimeUpdate);
-      video.removeEventListener("durationchange", onDuration);
-      video.removeEventListener("loadedmetadata", onDuration);
-      video.removeEventListener("volumechange", onVolume);
-      video.removeEventListener("ratechange", onRate);
-    };
-  }, [videoRef, active, mode]);
-  React7.useEffect(() => {
-    const video = videoRef.current;
-    if (!paused || !video || !isPlaying) return;
-    video.pause();
-  }, [paused, videoRef, isPlaying]);
-  React7.useEffect(() => {
-    setWebkitFullscreenSupported(hasWebkitVideoFullscreen(videoRef.current));
-  }, [videoRef, active]);
-  React7.useEffect(() => {
-    const onFsChange = () => setIsFullscreen(document.fullscreenElement === containerRef.current);
-    document.addEventListener("fullscreenchange", onFsChange);
-    return () => document.removeEventListener("fullscreenchange", onFsChange);
-  }, []);
-  React7.useEffect(() => {
-    const video = asWebkitVideo(videoRef.current);
-    if (!video) return;
-    const onBegin = () => setIsFullscreen(true);
-    const onEnd = () => setIsFullscreen(false);
-    video.addEventListener("webkitbeginfullscreen", onBegin);
-    video.addEventListener("webkitendfullscreen", onEnd);
-    return () => {
-      video.removeEventListener("webkitbeginfullscreen", onBegin);
-      video.removeEventListener("webkitendfullscreen", onEnd);
-    };
-  }, [videoRef, active]);
-  React7.useEffect(() => {
-    const video = videoRef.current;
-    if (!video) return;
-    const onEnter = () => setPipActive(true);
-    const onLeave = () => setPipActive(false);
-    video.addEventListener("enterpictureinpicture", onEnter);
-    video.addEventListener("leavepictureinpicture", onLeave);
-    return () => {
-      video.removeEventListener("enterpictureinpicture", onEnter);
-      video.removeEventListener("leavepictureinpicture", onLeave);
-    };
-  }, [videoRef]);
-  const scheduleHide = React7.useCallback(() => {
-    if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
-    hideTimerRef.current = setTimeout(() => {
-      setControlsVisible(false);
-      setOpenMenu(null);
-    }, CONTROLS_HIDE_MS);
-  }, []);
-  const revealControls = React7.useCallback(() => {
-    setControlsVisible(true);
-    scheduleHide();
-  }, [scheduleHide]);
-  React7.useEffect(() => {
-    return () => {
-      if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
-    };
-  }, []);
-  function togglePlay() {
-    const video = videoRef.current;
-    if (!video) return;
-    if (video.paused) void video.play();
-    else video.pause();
-  }
-  function toggleMute() {
-    const video = videoRef.current;
-    if (!video) return;
-    video.muted = !video.muted;
-  }
-  function changeVolume(next) {
-    const video = videoRef.current;
-    if (!video) return;
-    video.volume = next;
-    video.muted = next === 0;
-  }
-  function seekTo(next) {
-    const video = videoRef.current;
-    if (!video) return;
-    video.currentTime = next;
-    setCurrentTime(next);
-  }
-  function seekBy(delta) {
-    const video = videoRef.current;
-    if (!video) return;
-    seekTo(Math.min(Math.max(video.currentTime + delta, 0), duration || 0));
-  }
-  function goToLiveEdge() {
-    const video = videoRef.current;
-    if (!video || video.seekable.length === 0) return;
-    video.currentTime = video.seekable.end(video.seekable.length - 1);
-    if (video.paused) void video.play();
-  }
-  function toggleFullscreen() {
-    const el = containerRef.current;
-    const video = asWebkitVideo(videoRef.current);
-    if (el && document.fullscreenElement === el) {
-      void document.exitFullscreen();
-      return;
-    }
-    if (video?.webkitDisplayingFullscreen && video.webkitExitFullscreen) {
-      video.webkitExitFullscreen();
-      return;
-    }
-    if (el && hasStandardFullscreen() && typeof el.requestFullscreen === "function") {
-      void el.requestFullscreen();
-      return;
-    }
-    if (video && typeof video.webkitEnterFullscreen === "function") {
-      video.webkitEnterFullscreen();
-    }
-  }
-  function togglePip() {
-    const video = videoRef.current;
-    if (!video) return;
-    if (document.pictureInPictureElement === video) {
-      void document.exitPictureInPicture();
-    } else {
-      void video.requestPictureInPicture?.();
-    }
-  }
-  function changeRate(rate) {
-    const video = videoRef.current;
-    if (video) video.playbackRate = rate;
-    setPlaybackRate(rate);
-    setOpenMenu(null);
-  }
-  function chooseLevel(index) {
-    setLevel(index);
-    setOpenMenu(null);
-  }
-  function handleKeyDown(e) {
-    if (!active) return;
-    switch (e.key) {
-      case " ":
-      case "k":
-        e.preventDefault();
-        togglePlay();
-        break;
-      case "m":
-        toggleMute();
-        break;
-      case "f":
-        toggleFullscreen();
-        break;
-      case "ArrowLeft":
-        if (mode === "vod") {
-          e.preventDefault();
-          seekBy(-SEEK_STEP_S);
-        }
-        break;
-      case "ArrowRight":
-        if (mode === "vod") {
-          e.preventDefault();
-          seekBy(SEEK_STEP_S);
-        }
-        break;
-      case "ArrowUp":
-        e.preventDefault();
-        changeVolume(Math.min((videoRef.current?.volume ?? 1) + 0.1, 1));
-        break;
-      case "ArrowDown":
-        e.preventDefault();
-        changeVolume(Math.max((videoRef.current?.volume ?? 0) - 0.1, 0));
-        break;
-    }
-    revealControls();
-  }
-  function errorMessage(err) {
-    switch (err.kind) {
-      case "unavailable":
-        return t.errorUnavailable;
-      case "network":
-        return t.errorNetwork;
-      case "media":
-        return t.errorMedia;
-      case "unsupported":
-        return t.errorUnsupported;
-      case "resync":
-        return t.errorMedia;
-      case "generic":
-        return t.errorGeneric;
-      default: {
-        const _exhaustive = err.kind;
-        return _exhaustive;
-      }
-    }
-  }
-  const VolumeIcon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2;
-  const showSpinner = active && (state === "loading" || state === "waiting");
-  const showControls = active && state === "ready" && (controlsVisible || !isPlaying);
-  const showPoster = !active && !!poster;
-  const currentLevelLabel = activeLevel < 0 ? t.auto : `${qualities.find((q) => q.index === activeLevel)?.height ?? ""}p`;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: containerRef,
-      "data-slot": "video-player",
-      "data-mode": mode,
-      "data-fit": fit,
-      className: cn(
-        "group relative w-full overflow-hidden rounded-lg bg-black text-white select-none",
-        fit === "contain" ? "h-full min-h-0 aspect-auto" : "aspect-video",
-        className
-      ),
-      onMouseMove: revealControls,
-      onMouseLeave: () => {
-        if (isPlaying) setControlsVisible(false);
-      },
-      onKeyDown: handleKeyDown,
-      tabIndex: 0,
-      role: "region",
-      "aria-label": "Video player",
-      children: [
-        /* @__PURE__ */ jsx(
-          "video",
-          {
-            ref: videoRef,
-            playsInline: true,
-            className: "h-full w-full bg-black object-contain",
-            onClick: active ? togglePlay : void 0,
-            poster
-          }
-        ),
-        showPoster && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": t.play,
-            onClick: () => {
-              setUserStarted(true);
-              revealControls();
-            },
-            className: "absolute inset-0 flex items-center justify-center bg-black bg-contain bg-center bg-no-repeat",
-            style: poster ? { backgroundImage: `url(${poster})` } : void 0,
-            children: /* @__PURE__ */ jsx("span", { className: "flex size-16 items-center justify-center rounded-full bg-black/50 backdrop-blur-sm transition group-hover:bg-black/70", children: /* @__PURE__ */ jsx(Play, { className: "size-8 translate-x-0.5", fill: "currentColor" }) })
-          }
-        ),
-        showSpinner && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-3 bg-black/50 text-sm", children: [
-          /* @__PURE__ */ jsx(Loader2, { className: "size-8 animate-spin" }),
-          /* @__PURE__ */ jsx("span", { children: state === "loading" ? t.loading : t.waiting })
-        ] }),
-        state === "error" && error && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-4 bg-black/70 px-6 text-center text-sm", children: [
-          /* @__PURE__ */ jsx(AlertCircle, { className: "text-red-400 size-8" }),
-          /* @__PURE__ */ jsx("p", { className: "text-red-200", children: errorMessage(error) }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: retry,
-              className: "inline-flex items-center gap-2 rounded-md bg-white/15 px-3 py-1.5 text-sm hover:bg-white/25",
-              children: [
-                /* @__PURE__ */ jsx(RotateCw, { className: "size-4" }),
-                t.retry
-              ]
-            }
-          )
-        ] }),
-        state === "ready" && autoplayState === "blocked" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": t.play,
-            onClick: togglePlay,
-            className: "flex size-16 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm transition hover:bg-white/30",
-            children: /* @__PURE__ */ jsx(Play, { className: "size-8 translate-x-0.5", fill: "currentColor" })
-          }
-        ) }),
-        state === "ready" && autoplayState === "muted" && /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: toggleMute,
-            className: "absolute top-3 right-3 flex items-center gap-1.5 rounded-full bg-black/70 px-3 py-1.5 text-xs backdrop-blur-sm transition hover:bg-black/90",
-            children: [
-              /* @__PURE__ */ jsx(VolumeX, { className: "size-4" }),
-              t.tapToUnmute
-            ]
-          }
-        ),
-        mode === "live" && active && state === "ready" && /* @__PURE__ */ jsxs("div", { className: "absolute top-3 left-3 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 rounded bg-red-600 px-2 py-0.5 text-xs font-semibold tracking-wide", children: [
-            /* @__PURE__ */ jsx("span", { className: "size-1.5 animate-pulse rounded-full bg-white" }),
-            t.live
-          ] }),
-          typeof stats?.viewers === "number" && /* @__PURE__ */ jsx("span", { className: "rounded bg-black/60 px-2 py-0.5 text-xs", children: t.formatViewers ? t.formatViewers(stats.viewers) : `\u{1F441} ${stats.viewers}` })
-        ] }),
-        active && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "absolute inset-x-0 bottom-0 flex flex-col gap-1 bg-gradient-to-t from-black/80 to-transparent px-3 pt-8 pb-2 transition-opacity",
-              showControls ? "opacity-100" : "pointer-events-none opacity-0"
-            ),
-            "data-slot": "video-controls",
-            children: [
-              mode === "vod" && /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
-                /* @__PURE__ */ jsx(
-                  Slider,
-                  {
-                    "aria-label": "Seek",
-                    min: 0,
-                    max: duration || 0,
-                    step: 0.1,
-                    value: [Math.min(currentTime, duration || 0)],
-                    onValueChange: (v) => seekTo(v[0] ?? 0),
-                    className: "w-full"
-                  }
-                ),
-                duration > 0 && buffered > currentTime && /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    className: "pointer-events-none absolute top-1/2 left-0 h-1.5 -translate-y-1/2 rounded-full bg-white/25",
-                    style: {
-                      width: `${Math.min(buffered / duration * 100, 100)}%`
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  ControlButton,
-                  {
-                    label: isPlaying ? t.pause : t.play,
-                    onClick: togglePlay,
-                    children: isPlaying ? /* @__PURE__ */ jsx(Pause, { className: "size-5", fill: "currentColor" }) : /* @__PURE__ */ jsx(Play, { className: "size-5", fill: "currentColor" })
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "group/vol flex items-center", children: [
-                  /* @__PURE__ */ jsx(
-                    ControlButton,
-                    {
-                      label: isMuted ? t.unmute : t.mute,
-                      onClick: toggleMute,
-                      children: /* @__PURE__ */ jsx(VolumeIcon, { className: "size-5" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("div", { className: "w-0 overflow-hidden transition-all group-hover/vol:w-20 group-hover/vol:px-1", children: /* @__PURE__ */ jsx(
-                    Slider,
-                    {
-                      "aria-label": "Volume",
-                      min: 0,
-                      max: 1,
-                      step: 0.05,
-                      value: [isMuted ? 0 : volume],
-                      onValueChange: (v) => changeVolume(v[0] ?? 0)
-                    }
-                  ) })
-                ] }),
-                mode === "vod" && /* @__PURE__ */ jsxs("span", { className: "ml-1 text-xs tabular-nums", children: [
-                  formatTime(currentTime),
-                  " / ",
-                  formatTime(duration)
-                ] }),
-                mode === "live" && behindLive && /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: goToLiveEdge,
-                    className: "ml-1 flex items-center gap-1 rounded bg-white/15 px-2 py-0.5 text-xs hover:bg-white/25",
-                    children: [
-                      /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-red-500" }),
-                      t.goLive
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
-                  mode === "vod" && typeof stats?.views === "number" && /* @__PURE__ */ jsx("span", { className: "mr-1 text-xs", children: t.formatViews ? t.formatViews(stats.views) : `${stats.views} views` }),
-                  mode === "vod" && /* @__PURE__ */ jsx(
-                    MenuControl,
-                    {
-                      label: t.speed,
-                      open: openMenu === "speed",
-                      onOpenChange: (o) => setOpenMenu(o ? "speed" : null),
-                      trigger: /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold", children: [
-                        playbackRate,
-                        "\xD7"
-                      ] }),
-                      children: PLAYBACK_RATES.map((rate) => /* @__PURE__ */ jsxs(
-                        MenuItem,
-                        {
-                          selected: rate === playbackRate,
-                          onSelect: () => changeRate(rate),
-                          children: [
-                            rate,
-                            "\xD7"
-                          ]
-                        },
-                        rate
-                      ))
-                    }
-                  ),
-                  showQualitySelector && qualities.length > 1 && /* @__PURE__ */ jsxs(
-                    MenuControl,
-                    {
-                      label: t.quality,
-                      open: openMenu === "quality",
-                      onOpenChange: (o) => setOpenMenu(o ? "quality" : null),
-                      trigger: /* @__PURE__ */ jsx(Settings, { className: "size-5" }),
-                      triggerBadge: currentLevelLabel,
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          MenuItem,
-                          {
-                            selected: activeLevel < 0,
-                            onSelect: () => chooseLevel(-1),
-                            children: t.auto
-                          }
-                        ),
-                        qualities.map((q) => /* @__PURE__ */ jsxs(
-                          MenuItem,
-                          {
-                            selected: activeLevel === q.index,
-                            onSelect: () => chooseLevel(q.index),
-                            children: [
-                              q.height,
-                              "p"
-                            ]
-                          },
-                          q.index
-                        ))
-                      ]
-                    }
-                  ),
-                  pipSupported && /* @__PURE__ */ jsx(ControlButton, { label: t.pictureInPicture, onClick: togglePip, children: /* @__PURE__ */ jsx(
-                    PictureInPicture2,
-                    {
-                      className: cn("size-5", pipActive && "text-primary")
-                    }
-                  ) }),
-                  fullscreenSupported && /* @__PURE__ */ jsx(
-                    ControlButton,
-                    {
-                      label: isFullscreen ? t.exitFullscreen : t.enterFullscreen,
-                      onClick: toggleFullscreen,
-                      children: isFullscreen ? /* @__PURE__ */ jsx(Minimize, { className: "size-5" }) : /* @__PURE__ */ jsx(Maximize, { className: "size-5" })
-                    }
-                  )
-                ] })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function ControlButton({
-  label,
-  onClick,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": label,
-      title: label,
-      onClick,
-      className: "flex size-8 items-center justify-center rounded-md text-white/90 outline-none hover:bg-white/15 hover:text-white focus-visible:ring-2 focus-visible:ring-white/60",
-      children
-    }
-  );
-}
-function MenuControl({
-  label,
-  open,
-  onOpenChange,
-  trigger,
-  triggerBadge,
-  children
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        "aria-label": label,
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        title: label,
-        onClick: () => onOpenChange(!open),
-        className: "flex h-8 items-center gap-1 rounded-md px-1.5 text-white/90 outline-none hover:bg-white/15 hover:text-white focus-visible:ring-2 focus-visible:ring-white/60",
-        children: [
-          trigger,
-          triggerBadge && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium", children: triggerBadge })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "menu",
-        className: "absolute right-0 bottom-full z-10 mb-2 min-w-24 rounded-md bg-black/90 p-1 text-sm shadow-lg backdrop-blur-sm",
-        children
-      }
-    )
-  ] });
-}
-function MenuItem({
-  selected,
-  onSelect,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      role: "menuitemradio",
-      "aria-checked": selected,
-      onClick: onSelect,
-      className: "flex w-full items-center justify-between gap-3 rounded px-2 py-1.5 text-left text-white/90 hover:bg-white/15",
-      children: [
-        children,
-        selected && /* @__PURE__ */ jsx(Check, { className: "size-4" })
-      ]
-    }
-  );
-}
-
-// src/components/video/feedPlaybackCoordinator.ts
-var players = /* @__PURE__ */ new Map();
-function registerFeedPlayer(id, pause) {
-  players.set(id, pause);
-  return () => {
-    if (players.get(id) === pause) {
-      players.delete(id);
-    }
-  };
-}
-function claimFeedPlaying(id) {
-  for (const [otherId, pause] of players) {
-    if (otherId !== id) pause();
-  }
-}
-
-// src/components/video/useFeedExclusivePlayback.ts
-var VISIBILITY_THRESHOLDS = [0, 0.5, 1];
-var MIN_VISIBLE_RATIO = 0.5;
-function videoInPictureInPicture(container) {
-  if (typeof document === "undefined" || !container) return false;
-  const pip = document.pictureInPictureElement;
-  if (!pip) return false;
-  return container.contains(pip);
-}
-function useFeedExclusivePlayback(playbackId) {
-  const containerRef = React7.useRef(null);
-  const [forcePaused, setForcePaused] = React7.useState(false);
-  const requestPause = React7.useCallback(() => {
-    if (videoInPictureInPicture(containerRef.current)) return;
-    setForcePaused(true);
-  }, []);
-  React7.useEffect(() => {
-    return registerFeedPlayer(playbackId, requestPause);
-  }, [playbackId, requestPause]);
-  React7.useEffect(() => {
-    const node = containerRef.current;
-    if (!node || typeof IntersectionObserver === "undefined") return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const entry = entries[0];
-        if (!entry) return;
-        if (!entry.isIntersecting || entry.intersectionRatio < MIN_VISIBLE_RATIO) {
-          requestPause();
-        }
-      },
-      { threshold: [...VISIBILITY_THRESHOLDS] }
-    );
-    observer.observe(node);
-    return () => observer.disconnect();
-  }, [requestPause]);
-  React7.useEffect(() => {
-    const onVisibility = () => {
-      if (document.hidden) requestPause();
-    };
-    document.addEventListener("visibilitychange", onVisibility);
-    return () => document.removeEventListener("visibilitychange", onVisibility);
-  }, [requestPause]);
-  const onPlayingChange = React7.useCallback(
-    (playing) => {
-      if (!playing) return;
-      setForcePaused(false);
-      claimFeedPlaying(playbackId);
-    },
-    [playbackId]
-  );
-  return {
-    containerRef,
-    paused: forcePaused,
-    onPlayingChange
-  };
-}
-function FeedVideoPlayer({
-  playbackId,
-  onPlayingChange,
-  paused: pausedProp,
-  fit = "aspect-video",
-  className,
-  ...playerProps
-}) {
-  const {
-    containerRef,
-    paused: exclusivePaused,
-    onPlayingChange: onExclusivePlayingChange
-  } = useFeedExclusivePlayback(playbackId);
-  const handlePlayingChange = React7.useCallback(
-    (playing) => {
-      onExclusivePlayingChange(playing);
-      onPlayingChange?.(playing);
-    },
-    [onExclusivePlayingChange, onPlayingChange]
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: containerRef,
-      "data-slot": "feed-video-player",
-      className: cn(fit === "contain" && "h-full min-h-0 w-full", className),
-      children: /* @__PURE__ */ jsx(
-        VideoPlayer,
-        {
-          ...playerProps,
-          fit,
-          paused: pausedProp || exclusivePaused,
-          onPlayingChange: handlePlayingChange,
-          className: fit === "contain" ? "h-full min-h-0" : void 0
-        }
-      )
-    }
-  );
-}
-function usePlaybackStats(statsUrl, { intervalMs = 15e3, enabled = true } = {}) {
-  const [stats, setStats] = React7.useState({});
-  React7.useEffect(() => {
-    if (!statsUrl || !enabled) return;
-    let cancelled = false;
-    const controller = new AbortController();
-    async function poll() {
-      try {
-        const res = await fetch(statsUrl, {
-          signal: controller.signal
-        });
-        if (!res.ok) return;
-        const data = await res.json();
-        if (cancelled) return;
-        setStats({
-          viewers: typeof data.viewers === "number" ? data.viewers : void 0,
-          views: typeof data.views === "number" ? data.views : void 0
-        });
-      } catch {
-      }
-    }
-    void poll();
-    const timer = setInterval(() => void poll(), intervalMs);
-    return () => {
-      cancelled = true;
-      controller.abort();
-      clearInterval(timer);
-    };
-  }, [statsUrl, intervalMs, enabled]);
-  return stats;
-}
 function useDebouncedValue(value, delayMs) {
   const [debounced, setDebounced] = useState(value);
   useEffect(() => {
@@ -7274,7 +5978,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 = React7.forwardRef(
+var PhoneInput = React2.forwardRef(
   ({ className, onChange, value, defaultCountry = "MX", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       RPNInput.default,
@@ -7294,7 +5998,7 @@ var PhoneInput = React7.forwardRef(
   }
 );
 PhoneInput.displayName = "PhoneInput";
-var InputComponent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputComponent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Input,
   {
     className: cn(
@@ -7312,9 +6016,9 @@ var CountrySelect = ({
   options: countryList,
   onChange
 }) => {
-  const scrollAreaRef = React7.useRef(null);
-  const [searchValue, setSearchValue] = React7.useState("");
-  const [isOpen, setIsOpen] = React7.useState(false);
+  const scrollAreaRef = React2.useRef(null);
+  const [searchValue, setSearchValue] = React2.useState("");
+  const [isOpen, setIsOpen] = React2.useState(false);
   return /* @__PURE__ */ jsxs(
     Popover,
     {
@@ -7495,8 +6199,8 @@ var MEXICO_STATE_PATHS = {
 };
 function MexicoMap({ selected, onToggle, className }) {
   const isInteractive = typeof onToggle === "function";
-  const selectedSet = React7.useMemo(() => new Set(selected), [selected]);
-  const handleKeyDown = React7.useCallback(
+  const selectedSet = React2.useMemo(() => new Set(selected), [selected]);
+  const handleKeyDown = React2.useCallback(
     (event, id) => {
       if (!onToggle) return;
       if (event.key === "Enter" || event.key === " ") {
@@ -8422,7 +7126,7 @@ function ChatMessageList({
     /* @__PURE__ */ jsx(MessageScrollerButton, {})
   ] }) });
 }
-var MessageComposer = React7.forwardRef(function MessageComposer2({
+var MessageComposer = React2.forwardRef(function MessageComposer2({
   className,
   locale = "en",
   disabled,
@@ -8452,13 +7156,13 @@ var MessageComposer = React7.forwardRef(function MessageComposer2({
   rows = 2,
   ...props
 }, ref) {
-  const formRef = React7.useRef(null);
-  const fieldRef = React7.useRef(null);
+  const formRef = React2.useRef(null);
+  const fieldRef = React2.useRef(null);
   const handleEmojiSelect = useEmojiInsert(fieldRef, value, onChange);
   const pickerDisabled = Boolean(disabled || readOnly);
   const draft = value !== void 0 && value !== null ? String(value) : "";
   const canSubmit = (allowEmptySubmit || Boolean(draft.trim())) && !sendDisabled && !disabled && !readOnly;
-  const handleSubmit = React7.useCallback(
+  const handleSubmit = React2.useCallback(
     (event) => {
       event.preventDefault();
       if (!canSubmit) return;
@@ -8466,7 +7170,7 @@ var MessageComposer = React7.forwardRef(function MessageComposer2({
     },
     [canSubmit, onSubmit]
   );
-  const handleKeyDown = React7.useCallback(
+  const handleKeyDown = React2.useCallback(
     (event) => {
       onKeyDown?.(event);
       if (event.defaultPrevented) return;
@@ -9375,6 +8079,6 @@ function useRealtimeChannel({
   }, [enabled, reconnectDelayMs]);
 }
 
-export { AvatarEditor, AvatarEditorDialog, BrandX, Bubble, BubbleContent, BubbleGroup, BubbleReactions, ChatMessageList, ConfirmDestructiveDialog, DEFAULT_EDITABLE_SECTION_LABELS, DataList, DataListItem, DropdownMenuItem, DropdownMenuSeparator, EditableSection, EmojiInput, EmojiPicker, EmojiPickerPopover, EmojiTextarea, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, ErrorState, ExpandableText, FeedVideoPlayer, FieldMessage, ImageLightbox, LanguageContext, LanguageSwitcher, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, MediaCarousel, MediaViewerDialog, Message, MessageAvatar, MessageComposer, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, OrgSwitcher, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT, PaymentIcon, PhoneInput, PlatformAccountMenu, PlatformNavbar, SafeImage, ScrollRestorationProvider, SearchCommand, SearchablePicker, SupportMessengerProvider, ThemeSwitcher, VerifiedProfessionalBadge, VideoPlayer, ZOOM_PAN_MAX_SCALE, ZOOM_PAN_MIN_SCALE, ZOOM_PAN_SWIPE_COMMIT_PX, ZOOM_PAN_SWIPE_SNAP_MS, avatarFallbackStyle, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, formatPaymentCardBrand, fuzzyMatch, getAvatarColors, getInitials, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, normalizePaymentCardBrand, paymentIconBrandFromStripe, paymentTypeFromStripeBrand, prefersReducedMotion, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useEditableSection, useFeedExclusivePlayback, useHlsPlayback, useLanguageContext, useMediaQuery2 as useMediaQuery, usePlaybackStats, useRealtimeChannel, useRestorableState, useScrollFadeXEdges, useScrollRestorationContext, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional, useZoomPanGestures, zoomToward };
+export { AvatarEditor, AvatarEditorDialog, BrandX, Bubble, BubbleContent, BubbleGroup, BubbleReactions, ChatMessageList, ConfirmDestructiveDialog, DEFAULT_EDITABLE_SECTION_LABELS, DataList, DataListItem, DropdownMenuItem, DropdownMenuSeparator, EditableSection, EmojiInput, EmojiPicker, EmojiPickerPopover, EmojiTextarea, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, ErrorState, ExpandableText, FieldMessage, ImageLightbox, LanguageContext, LanguageSwitcher, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, MediaCarousel, MediaViewerDialog, Message, MessageAvatar, MessageComposer, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, OrgSwitcher, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT, PaymentIcon, PhoneInput, PlatformAccountMenu, PlatformNavbar, SafeImage, ScrollRestorationProvider, SearchCommand, SearchablePicker, SupportMessengerProvider, ThemeSwitcher, VerifiedProfessionalBadge, ZOOM_PAN_MAX_SCALE, ZOOM_PAN_MIN_SCALE, ZOOM_PAN_SWIPE_COMMIT_PX, ZOOM_PAN_SWIPE_SNAP_MS, avatarFallbackStyle, bubbleVariants, cn, createSupportChatClient, defaultLanguages, formatPaymentCardBrand, fuzzyMatch, getAvatarColors, getInitials, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, normalizePaymentCardBrand, paymentIconBrandFromStripe, paymentTypeFromStripeBrand, prefersReducedMotion, useDebouncedValue, useDebouncedValueStrict, useEditableSection, useLanguageContext, useMediaQuery2 as useMediaQuery, useRealtimeChannel, useRestorableState, useScrollFadeXEdges, useScrollRestorationContext, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional, useZoomPanGestures, zoomToward };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map