@remotion/promo-pages 4.0.430 → 4.0.432

package/dist/experts/experts-data.js

@@ -1,4 +1,19 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {

package/dist/experts.js

@@ -1,4 +1,19 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {
@@ -845,7 +860,8 @@ import { useMemo as useMemo27 } from "react";
 import { createContext as createContext20, useContext as useContext31, useMemo as useMemo26 } from "react";
 import { jsx as jsx26 } from "react/jsx-runtime";
 import { jsx as jsx27 } from "react/jsx-runtime";
-import React27, { createContext as createContext21 } from "react";
+import React27 from "react";
+import React28, { createContext as createContext21 } from "react";
 import { useContext as useContext32, useMemo as useMemo28, useState as useState17 } from "react";
 import { useContext as useContext33 } from "react";
 import { useCallback as useCallback15 } from "react";
@@ -858,7 +874,7 @@ import {
   useState as useState18
 } from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
-import React29, {
+import React30, {
   forwardRef as forwardRef9,
   useContext as useContext35,
   useEffect as useEffect17,
@@ -870,14 +886,14 @@ import React29, {
 import { useEffect as useEffect16 } from "react";
 import { jsx as jsx29 } from "react/jsx-runtime";
 import { jsx as jsx30 } from "react/jsx-runtime";
-import React31, { useMemo as useMemo31 } from "react";
+import React32, { useMemo as useMemo31 } from "react";
 import { jsx as jsx31 } from "react/jsx-runtime";
 import { Children, forwardRef as forwardRef10, useMemo as useMemo32 } from "react";
-import React32 from "react";
-import React33, { createContext as createContext22 } from "react";
+import React33 from "react";
+import React34, { createContext as createContext22 } from "react";
 import { jsx as jsx32 } from "react/jsx-runtime";
 import { jsx as jsx33 } from "react/jsx-runtime";
-import React35 from "react";
+import React36 from "react";
 import { forwardRef as forwardRef12, useCallback as useCallback16, useContext as useContext37 } from "react";
 import {
   forwardRef as forwardRef11,
@@ -935,7 +951,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.430";
+var VERSION = "4.0.432";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -1093,6 +1109,7 @@ __export2(exports_timeline_position_state, {
   useTimelineSetFrame: () => useTimelineSetFrame,
   useTimelinePosition: () => useTimelinePosition,
   usePlayingState: () => usePlayingState,
+  useAbsoluteTimelinePosition: () => useAbsoluteTimelinePosition,
   persistCurrentFrame: () => persistCurrentFrame,
   getInitialFrameState: () => getInitialFrameState,
   getFrameForComposition: () => getFrameForComposition
@@ -1489,9 +1506,8 @@ var getFrameForComposition = (composition) => {
   }
   return window.remotion_initialFrame ?? 0;
 };
-var useTimelinePosition = () => {
+var useTimelinePositionFromContext = (state) => {
   const videoConfig = useVideo();
-  const state = useContext5(TimelineContext);
   const env = useRemotionEnvironment();
   if (!videoConfig) {
     return typeof window === "undefined" ? 0 : window.remotion_initialFrame ?? 0;
@@ -1499,6 +1515,14 @@ var useTimelinePosition = () => {
   const unclamped = state.frame[videoConfig.id] ?? (env.isPlayer ? 0 : getFrameForComposition(videoConfig.id));
   return Math.min(videoConfig.durationInFrames - 1, unclamped);
 };
+var useTimelinePosition = () => {
+  const state = useContext5(TimelineContext);
+  return useTimelinePositionFromContext(state);
+};
+var useAbsoluteTimelinePosition = () => {
+  const state = useContext5(AbsoluteTimeContext);
+  return useTimelinePositionFromContext(state);
+};
 var useTimelineSetFrame = () => {
   const { setFrame } = useContext5(SetTimelineContext);
   return setFrame;
@@ -1766,6 +1790,19 @@ var TimelineContext = createContext9({
   },
   audioAndVideoTags: { current: [] }
 });
+var AbsoluteTimeContext = createContext9({
+  frame: {},
+  playing: false,
+  playbackRate: 1,
+  rootId: "",
+  imperativePlaying: {
+    current: false
+  },
+  setPlaybackRate: () => {
+    throw new Error("default");
+  },
+  audioAndVideoTags: { current: [] }
+});
 var TimelineContextProvider = ({ children, frameState }) => {
   const [playing, setPlaying] = useState2(false);
   const imperativePlaying = useRef(false);
@@ -1818,11 +1855,14 @@ var TimelineContextProvider = ({ children, frameState }) => {
       setPlaying
     };
   }, []);
-  return /* @__PURE__ */ jsx4(TimelineContext.Provider, {
+  return /* @__PURE__ */ jsx4(AbsoluteTimeContext.Provider, {
     value: timelineContextValue,
-    children: /* @__PURE__ */ jsx4(SetTimelineContext.Provider, {
-      value: setTimelineContextValue,
-      children
+    children: /* @__PURE__ */ jsx4(TimelineContext.Provider, {
+      value: timelineContextValue,
+      children: /* @__PURE__ */ jsx4(SetTimelineContext.Provider, {
+        value: setTimelineContextValue,
+        children
+      })
     })
   });
 };
@@ -2006,22 +2046,28 @@ var SequenceVisibilityToggleContext = React8.createContext({
     throw new Error("SequenceVisibilityToggle not initialized");
   }
 });
-var SequenceControlOverrideContext = React8.createContext({
-  overrides: {},
-  setOverride: () => {
-    throw new Error("SequenceControlOverrideContext not initialized");
+var VisualModeOverridesContext = React8.createContext({
+  dragOverrides: {},
+  setDragOverrides: () => {
+    throw new Error("VisualModeOverridesContext not initialized");
   },
-  clearOverrides: () => {
-    throw new Error("SequenceControlOverrideContext not initialized");
-  }
+  clearDragOverrides: () => {
+    throw new Error("VisualModeOverridesContext not initialized");
+  },
+  codeValues: {},
+  setCodeValues: () => {
+    throw new Error("VisualModeOverridesContext not initialized");
+  },
+  visualModeEnabled: false
 });
-var SequenceManagerProvider = ({ children }) => {
+var SequenceManagerProvider = ({ children, visualModeEnabled }) => {
   const [sequences, setSequences] = useState4([]);
   const [hidden, setHidden] = useState4({});
-  const [controlOverrides, setControlOverrides] = useState4({});
-  const controlOverridesRef = useRef3(controlOverrides);
-  controlOverridesRef.current = controlOverrides;
-  const setOverride = useCallback3((sequenceId, key, value) => {
+  const [dragOverrides, setControlOverrides] = useState4({});
+  const controlOverridesRef = useRef3(dragOverrides);
+  controlOverridesRef.current = dragOverrides;
+  const [codeValues, setCodeValuesMapState] = useState4({});
+  const setDragOverrides = useCallback3((sequenceId, key, value) => {
     setControlOverrides((prev) => ({
       ...prev,
       [sequenceId]: {
@@ -2030,7 +2076,7 @@ var SequenceManagerProvider = ({ children }) => {
       }
     }));
   }, []);
-  const clearOverrides = useCallback3((sequenceId) => {
+  const clearDragOverrides = useCallback3((sequenceId) => {
     setControlOverrides((prev) => {
       if (!prev[sequenceId]) {
         return prev;
@@ -2040,6 +2086,22 @@ var SequenceManagerProvider = ({ children }) => {
       return next;
     });
   }, []);
+  const setCodeValues = useCallback3((sequenceId, values) => {
+    setCodeValuesMapState((prev) => {
+      if (prev[sequenceId] === values) {
+        return prev;
+      }
+      if (values === null) {
+        if (!(sequenceId in prev)) {
+          return prev;
+        }
+        const next = { ...prev };
+        delete next[sequenceId];
+        return next;
+      }
+      return { ...prev, [sequenceId]: values };
+    });
+  }, []);
   const registerSequence = useCallback3((seq) => {
     setSequences((seqs) => {
       return [...seqs, seq];
@@ -2063,16 +2125,26 @@ var SequenceManagerProvider = ({ children }) => {
   }, [hidden]);
   const overrideContext = useMemo9(() => {
     return {
-      overrides: controlOverrides,
-      setOverride,
-      clearOverrides
+      visualModeEnabled,
+      dragOverrides,
+      setDragOverrides,
+      clearDragOverrides,
+      codeValues,
+      setCodeValues
     };
-  }, [controlOverrides, setOverride, clearOverrides]);
+  }, [
+    visualModeEnabled,
+    dragOverrides,
+    setDragOverrides,
+    clearDragOverrides,
+    codeValues,
+    setCodeValues
+  ]);
   return /* @__PURE__ */ jsx7(SequenceManager.Provider, {
     value: sequenceContext,
     children: /* @__PURE__ */ jsx7(SequenceVisibilityToggleContext.Provider, {
       value: hiddenContext,
-      children: /* @__PURE__ */ jsx7(SequenceControlOverrideContext.Provider, {
+      children: /* @__PURE__ */ jsx7(VisualModeOverridesContext.Provider, {
         value: overrideContext,
         children
       })
@@ -2237,7 +2309,8 @@ var RegularSequenceRefForwardingFunction = ({
 };
 var RegularSequence = forwardRef2(RegularSequenceRefForwardingFunction);
 var PremountedPostmountedSequenceRefForwardingFunction = (props, ref) => {
-  const frame = useCurrentFrame();
+  const parentPremountContext = useContext13(PremountContext);
+  const frame = useCurrentFrame() - parentPremountContext.premountFramesRemaining;
   if (props.layout === "none") {
     throw new Error('`<Sequence>` with `premountFor` and `postmountFor` props does not support layout="none"');
   }
@@ -2271,9 +2344,8 @@ var PremountedPostmountedSequenceRefForwardingFunction = (props, ref) => {
     styleWhilePremounted,
     styleWhilePostmounted
   ]);
-  const parentPremountContext = useContext13(PremountContext);
   const { playing } = useContext13(TimelineContext);
-  const premountFramesRemaining = parentPremountContext.premountFramesRemaining + (premountingActive ? from - frame : 0);
+  const premountFramesRemaining = premountingActive ? from - frame : 0;
   const premountContextValue = useMemo10(() => {
     return {
       premountFramesRemaining,
@@ -3418,6 +3490,63 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, audioLatencyHin
     latencyHint: audioLatencyHint,
     audioEnabled
   });
+  const audioSyncAnchor = useMemo15(() => ({ value: 0 }), []);
+  const prevEndTimes = useRef7({ scheduledEndTime: null, mediaEndTime: null });
+  const scheduleAudioNode = useMemo15(() => {
+    return ({
+      node,
+      mediaTimestamp,
+      targetTime,
+      currentTime,
+      sequenceEndTime,
+      sequenceStartTime,
+      debugAudioScheduling
+    }) => {
+      if (!audioContext) {
+        throw new Error("Audio context not found");
+      }
+      const bufferDuration = node.buffer?.duration ?? 0;
+      const unclampedMediaEndTime = mediaTimestamp + bufferDuration;
+      const needsTrimEnd = unclampedMediaEndTime > sequenceEndTime;
+      const needsTrimStart = mediaTimestamp < sequenceStartTime;
+      const offsetBecauseOfTrim = needsTrimStart ? sequenceStartTime - mediaTimestamp : 0;
+      const offsetBecauseOfTooLate = targetTime < 0 ? -targetTime : 0;
+      const offset = offsetBecauseOfTrim + offsetBecauseOfTooLate;
+      const duration = needsTrimEnd ? bufferDuration - Math.max(0, unclampedMediaEndTime - sequenceEndTime) - offset : bufferDuration - offset;
+      const scheduledTime = targetTime + currentTime + offset;
+      if (offset < 0) {
+        throw new Error("offset < 0: " + JSON.stringify({
+          offset,
+          targetTime,
+          currentTime,
+          offsetBecauseOfTrim,
+          offsetBecauseOfTooLate
+        }));
+      }
+      if (duration > 0) {
+        node.start(scheduledTime, offset, duration);
+      }
+      const scheduledEndTime = scheduledTime + duration / node.playbackRate.value;
+      const mediaTime = mediaTimestamp + offset;
+      const mediaEndTime = mediaTime + duration;
+      const latency = audioContext.baseLatency + audioContext.outputLatency;
+      const timeDiff = scheduledTime - currentTime - latency;
+      const prev = prevEndTimes.current;
+      const scheduledMismatch = prev.scheduledEndTime !== null && Math.abs(scheduledTime - prev.scheduledEndTime) > 0.001;
+      const mediaMismatch = prev.mediaEndTime !== null && Math.abs(mediaTime - prev.mediaEndTime) > 0.001;
+      if (debugAudioScheduling) {
+        Log.info({ logLevel, tag: "audio-scheduling" }, "scheduled %c%s%c %s %c%s%c %s %c%s%c %s %s %s", scheduledMismatch ? "color: red; font-weight: bold" : "", scheduledTime.toFixed(4), "", scheduledEndTime.toFixed(4), mediaMismatch ? "color: red; font-weight: bold" : "", mediaTime.toFixed(4), "", mediaEndTime.toFixed(4), duration < 0 ? "color: red; font-weight: bold" : timeDiff < 0 ? "color: red; font-weight: bold" : "color: blue; font-weight: bold", duration < 0 ? "missed " + Math.abs(offset).toFixed(2) + "s" : Math.abs(timeDiff).toFixed(2) + (timeDiff < 0 ? " delay" : " ahead"), "", "current=" + currentTime.toFixed(4), "offset=" + offset.toFixed(4), "latency=" + latency.toFixed(4), "state=" + audioContext.state);
+      }
+      prev.scheduledEndTime = scheduledEndTime;
+      prev.mediaEndTime = mediaEndTime;
+      return duration > 0 ? {
+        type: "started",
+        scheduledTime
+      } : {
+        type: "not-started"
+      };
+    };
+  }, [audioContext, logLevel]);
   const refs = useMemo15(() => {
     return new Array(numberOfAudioTags).fill(true).map(() => {
       const ref = createRef2();
@@ -3564,7 +3693,9 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, audioLatencyHin
       updateAudio,
       playAllAudios,
       numberOfAudioTags,
-      audioContext
+      audioContext,
+      audioSyncAnchor,
+      scheduleAudioNode
     };
   }, [
     numberOfAudioTags,
@@ -3572,7 +3703,9 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, audioLatencyHin
     registerAudio,
     unregisterAudio,
     updateAudio,
-    audioContext
+    audioContext,
+    audioSyncAnchor,
+    scheduleAudioNode
   ]);
   return /* @__PURE__ */ jsxs2(SharedAudioContext.Provider, {
     value,
@@ -5713,6 +5846,7 @@ var ImgRefForwarding = ({
       imageRef.current.setAttribute("src", newSrc);
     }, timeout);
   }, []);
+  const { delayRender: delayRender2, continueRender: continueRender2, cancelRender: cancelRender2 } = useDelayRender();
   const didGetError = useCallback12((e) => {
     if (!errors.current) {
       return;
@@ -5728,9 +5862,10 @@ var ImgRefForwarding = ({
       retryIn(backoff);
       return;
     }
-    cancelRender("Error loading image with src: " + imageRef.current?.src);
-  }, [maxRetries, onError, retryIn]);
-  const { delayRender: delayRender2, continueRender: continueRender2 } = useDelayRender();
+    try {
+      cancelRender2("Error loading image with src: " + imageRef.current?.src);
+    } catch {}
+  }, [cancelRender2, maxRetries, onError, retryIn]);
   if (typeof window !== "undefined") {
     const isPremounting = Boolean(sequenceContext?.premounting);
     const isPostmounting = Boolean(sequenceContext?.postmounting);
@@ -5775,7 +5910,7 @@ var ImgRefForwarding = ({
       current.src = actualSrc;
       current.decode().then(onComplete).catch((err) => {
         console.warn(err);
-        if (current.complete) {
+        if (current.complete && current.naturalWidth > 0 && current.naturalHeight > 0) {
           onComplete();
         } else {
           current.addEventListener("load", onComplete);
@@ -5975,6 +6110,26 @@ var makeDefaultPreviewCSS = (scope, backgroundColor) => {
     }
   `;
 };
+var getEffectiveVisualModeValue = ({
+  codeValue,
+  runtimeValue,
+  dragOverrideValue,
+  defaultValue
+}) => {
+  if (dragOverrideValue !== undefined) {
+    return dragOverrideValue;
+  }
+  if (!codeValue) {
+    return runtimeValue;
+  }
+  if (!codeValue.canUpdate) {
+    return runtimeValue;
+  }
+  if (codeValue.codeValue === undefined) {
+    return defaultValue;
+  }
+  return codeValue.codeValue;
+};
 var REMOTION_STUDIO_CONTAINER_ELEMENT = "__remotion-studio-container";
 var getPreviewDomElement = () => {
   return document.getElementById(REMOTION_STUDIO_CONTAINER_ELEMENT);
@@ -6037,7 +6192,8 @@ var RemotionRootContexts = ({
   videoEnabled,
   audioEnabled,
   frameState,
-  nonceContextSeed
+  nonceContextSeed,
+  visualModeEnabled
 }) => {
   const nonceContext = useMemo27(() => {
     let counter = 0;
@@ -6060,6 +6216,7 @@ var RemotionRootContexts = ({
           children: /* @__PURE__ */ jsx27(EditorPropsProvider, {
             children: /* @__PURE__ */ jsx27(PrefetchProvider, {
               children: /* @__PURE__ */ jsx27(SequenceManagerProvider, {
+                visualModeEnabled,
                 children: /* @__PURE__ */ jsx27(SharedAudioContextProvider, {
                   numberOfAudioTags,
                   audioLatencyHint,
@@ -6242,6 +6399,7 @@ var resolveVideoConfigOrCatch = (params) => {
     };
   }
 };
+var SequenceStackTracesUpdateContext = React27.createContext(() => {});
 var getEnvVariables = () => {
   if (getRemotionEnvironment().isRendering) {
     const param = window.remotion_envVariables;
@@ -6267,7 +6425,7 @@ var setupEnvVariables = () => {
     window.process.env[key] = env[key];
   });
 };
-var CurrentScaleContext = React27.createContext(null);
+var CurrentScaleContext = React28.createContext(null);
 var PreviewSizeContext = createContext21({
   setSize: () => {
     return;
@@ -6306,34 +6464,62 @@ var useSchema = (schema, currentValue) => {
     return earlyReturn;
   }
   const [overrideId] = useState17(() => String(Math.random()));
-  const { overrides } = useContext32(SequenceControlOverrideContext);
-  return useMemo28(() => {
+  const {
+    visualModeEnabled,
+    dragOverrides: overrides,
+    codeValues
+  } = useContext32(VisualModeOverridesContext);
+  const controls = useMemo28(() => {
+    if (!visualModeEnabled) {
+      return;
+    }
     if (schema === null || currentValue === null) {
+      return;
+    }
+    return {
+      schema,
+      currentValue,
+      overrideId
+    };
+  }, [schema, currentValue, overrideId, visualModeEnabled]);
+  return useMemo28(() => {
+    if (controls === undefined || currentValue === null || schema === null || !visualModeEnabled) {
       return {
         controls: undefined,
         values: currentValue ?? {}
       };
     }
     const overrideValues = overrides[overrideId] ?? {};
-    const merged = { ...currentValue };
-    for (const key of Object.keys(overrideValues)) {
-      if (key in merged) {
-        merged[key] = overrideValues[key];
-      }
+    const propStatus = codeValues[overrideId];
+    const currentValueKeys = Object.keys(currentValue);
+    const keysToUpdate = new Set(currentValueKeys).values();
+    const merged = {};
+    for (const key of keysToUpdate) {
+      const codeValueStatus = propStatus?.[key] ?? null;
+      merged[key] = getEffectiveVisualModeValue({
+        codeValue: codeValueStatus,
+        runtimeValue: currentValue[key],
+        dragOverrideValue: overrideValues[key],
+        defaultValue: schema[key]?.default
+      });
     }
     return {
-      controls: {
-        schema,
-        currentValue,
-        overrideId
-      },
+      controls,
       values: merged
     };
-  }, [schema, currentValue, overrides, overrideId]);
+  }, [
+    controls,
+    currentValue,
+    overrideId,
+    overrides,
+    codeValues,
+    schema,
+    visualModeEnabled
+  ]);
 };
 var useSequenceControlOverride = (key) => {
   const seqContext = useContext33(SequenceContext);
-  const { overrides } = useContext33(SequenceControlOverrideContext);
+  const { dragOverrides: overrides } = useContext33(VisualModeOverridesContext);
   if (!seqContext) {
     return;
   }
@@ -6589,7 +6775,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
       ref: videoRef
     });
   }, [context.audioContext]);
-  const effectToUse = React29.useInsertionEffect ?? React29.useLayoutEffect;
+  const effectToUse = React30.useInsertionEffect ?? React30.useLayoutEffect;
   effectToUse(() => {
     return () => {
       requestAnimationFrame(() => {
@@ -6948,18 +7134,18 @@ var OffthreadVideo = ({
 addSequenceStackTraces(OffthreadVideo);
 var WATCH_REMOTION_STATIC_FILES = "remotion_staticFilesChanged";
 function useRemotionContexts() {
-  const compositionManagerCtx = React31.useContext(CompositionManager);
-  const timelineContext = React31.useContext(TimelineContext);
-  const setTimelineContext = React31.useContext(SetTimelineContext);
-  const sequenceContext = React31.useContext(SequenceContext);
-  const nonceContext = React31.useContext(NonceContext);
-  const canUseRemotionHooksContext = React31.useContext(CanUseRemotionHooks);
-  const preloadContext = React31.useContext(PreloadContext);
-  const resolveCompositionContext = React31.useContext(ResolveCompositionContext);
-  const renderAssetManagerContext = React31.useContext(RenderAssetManager);
-  const sequenceManagerContext = React31.useContext(SequenceManager);
-  const bufferManagerContext = React31.useContext(BufferingContextReact);
-  const logLevelContext = React31.useContext(LogLevelContext);
+  const compositionManagerCtx = React32.useContext(CompositionManager);
+  const timelineContext = React32.useContext(TimelineContext);
+  const setTimelineContext = React32.useContext(SetTimelineContext);
+  const sequenceContext = React32.useContext(SequenceContext);
+  const nonceContext = React32.useContext(NonceContext);
+  const canUseRemotionHooksContext = React32.useContext(CanUseRemotionHooks);
+  const preloadContext = React32.useContext(PreloadContext);
+  const resolveCompositionContext = React32.useContext(ResolveCompositionContext);
+  const renderAssetManagerContext = React32.useContext(RenderAssetManager);
+  const sequenceManagerContext = React32.useContext(SequenceManager);
+  const bufferManagerContext = React32.useContext(BufferingContextReact);
+  const logLevelContext = React32.useContext(LogLevelContext);
   return useMemo31(() => ({
     compositionManagerCtx,
     timelineContext,
@@ -7034,6 +7220,7 @@ var Internals = {
   useUnsafeVideoConfig,
   useFrameForVolumeProp,
   useTimelinePosition,
+  useAbsoluteTimelinePosition,
   evaluateVolume,
   getAbsoluteSrc,
   Timeline: exports_timeline_position_state,
@@ -7043,8 +7230,9 @@ var Internals = {
   VideoForPreview,
   CompositionManager,
   CompositionSetters,
-  SequenceControlOverrideContext,
+  VisualModeOverridesContext,
   SequenceManager,
+  SequenceStackTracesUpdateContext,
   SequenceVisibilityToggleContext,
   useSchema,
   useSequenceControlOverride,
@@ -7128,7 +7316,9 @@ var Internals = {
   TimelinePosition: exports_timeline_position_state,
   DelayRenderContextType,
   TimelineContext,
-  RenderAssetManagerProvider
+  AbsoluteTimeContext,
+  RenderAssetManagerProvider,
+  getEffectiveVisualModeValue
 };
 var NUMBER = "[-+]?\\d*\\.?\\d+";
 var PERCENTAGE = NUMBER + "%";
@@ -7157,9 +7347,9 @@ var validateFrame = ({
   }
 };
 var flattenChildren = (children) => {
-  const childrenArray = React32.Children.toArray(children);
+  const childrenArray = React33.Children.toArray(children);
   return childrenArray.reduce((flatChildren, child) => {
-    if (child.type === React32.Fragment) {
+    if (child.type === React33.Fragment) {
       return flatChildren.concat(flattenChildren(child.props.children));
     }
     flatChildren.push(child);
@@ -7180,7 +7370,7 @@ var IsNotInsideSeriesProvider = ({ children }) => {
   });
 };
 var useRequireToBeInsideSeries = () => {
-  const isInsideSeries = React33.useContext(IsInsideSeriesContext);
+  const isInsideSeries = React34.useContext(IsInsideSeriesContext);
   if (!isInsideSeries) {
     throw new Error("This component must be inside a <Series /> component.");
   }