remotion 4.0.361 → 4.0.363

package/dist/cjs/Img.js

@@ -110,7 +110,9 @@ const ImgRefForwarding = ({ onError, maxRetries = 2, src, pauseWhenLoading, dela
                     onImageFrame === null || onImageFrame === void 0 ? void 0 : onImageFrame(current);
                 }
                 unblock();
-                continueRender(newHandle);
+                requestAnimationFrame(() => {
+                    continueRender(newHandle);
+                });
             };
             if (!imageRef.current) {
                 onComplete();

package/dist/cjs/RemotionRoot.d.ts

@@ -8,4 +8,6 @@ export declare const RemotionRoot: React.FC<{
     readonly onlyRenderComposition: string | null;
     readonly currentCompositionMetadata: BaseMetadata | null;
     readonly audioLatencyHint: AudioContextLatencyCategory;
+    readonly videoEnabled: boolean | null;
+    readonly audioEnabled: boolean | null;
 }>;

package/dist/cjs/RemotionRoot.js

@@ -12,8 +12,9 @@ const prefetch_state_js_1 = require("./prefetch-state.js");
 const random_js_1 = require("./random.js");
 const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const use_delay_render_js_1 = require("./use-delay-render.js");
+const use_media_enabled_js_1 = require("./use-media-enabled.js");
 const duration_state_js_1 = require("./video/duration-state.js");
-const RemotionRoot = ({ children, numberOfAudioTags, logLevel, onlyRenderComposition, currentCompositionMetadata, audioLatencyHint, }) => {
+const RemotionRoot = ({ children, numberOfAudioTags, logLevel, onlyRenderComposition, currentCompositionMetadata, audioLatencyHint, videoEnabled, audioEnabled, }) => {
     const [remotionRootId] = (0, react_1.useState)(() => String((0, random_js_1.random)(null)));
     const [frame, setFrame] = (0, react_1.useState)(() => (0, timeline_position_state_js_1.getInitialFrameState)());
     const [playing, setPlaying] = (0, react_1.useState)(false);
@@ -100,6 +101,6 @@ const RemotionRoot = ({ children, numberOfAudioTags, logLevel, onlyRenderComposi
     const logging = (0, react_1.useMemo)(() => {
         return { logLevel, mountTime: Date.now() };
     }, [logLevel]);
-    return ((0, jsx_runtime_1.jsx)(log_level_context_js_1.LogLevelContext.Provider, { value: logging, children: (0, jsx_runtime_1.jsx)(nonce_js_1.NonceContext.Provider, { value: nonceContext, children: (0, jsx_runtime_1.jsx)(nonce_js_1.SetNonceContext.Provider, { value: setNonceContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.SetTimelineContext.Provider, { value: setTimelineContextValue, children: (0, jsx_runtime_1.jsx)(EditorProps_js_1.EditorPropsProvider, { children: (0, jsx_runtime_1.jsx)(prefetch_state_js_1.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(CompositionManager_js_1.CompositionManagerProvider, { numberOfAudioTags: numberOfAudioTags, onlyRenderComposition: onlyRenderComposition, currentCompositionMetadata: currentCompositionMetadata, audioLatencyHint: audioLatencyHint, children: (0, jsx_runtime_1.jsx)(duration_state_js_1.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(buffering_js_1.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(log_level_context_js_1.LogLevelContext.Provider, { value: logging, children: (0, jsx_runtime_1.jsx)(nonce_js_1.NonceContext.Provider, { value: nonceContext, children: (0, jsx_runtime_1.jsx)(nonce_js_1.SetNonceContext.Provider, { value: setNonceContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.SetTimelineContext.Provider, { value: setTimelineContextValue, children: (0, jsx_runtime_1.jsx)(use_media_enabled_js_1.MediaEnabledProvider, { videoEnabled: videoEnabled, audioEnabled: audioEnabled, children: (0, jsx_runtime_1.jsx)(EditorProps_js_1.EditorPropsProvider, { children: (0, jsx_runtime_1.jsx)(prefetch_state_js_1.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(CompositionManager_js_1.CompositionManagerProvider, { numberOfAudioTags: numberOfAudioTags, onlyRenderComposition: onlyRenderComposition, currentCompositionMetadata: currentCompositionMetadata, audioLatencyHint: audioLatencyHint, children: (0, jsx_runtime_1.jsx)(duration_state_js_1.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(buffering_js_1.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }) }) }));
 };
 exports.RemotionRoot = RemotionRoot;

package/dist/cjs/config/input-props.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInputProps = void 0;
 const get_remotion_environment_js_1 = require("../get-remotion-environment.js");
+const input_props_override_js_1 = require("../input-props-override.js");
 const input_props_serialization_js_1 = require("../input-props-serialization.js");
 let didWarnSSRImport = false;
 const warnOnceSSRImport = () => {
@@ -24,6 +25,10 @@ const getInputProps = () => {
     if ((0, get_remotion_environment_js_1.getRemotionEnvironment)().isPlayer) {
         throw new Error('You cannot call `getInputProps()` from a <Player>. Instead, the props are available as React props from component that you passed as `component` prop.');
     }
+    const override = (0, input_props_override_js_1.getInputPropsOverride)();
+    if (override) {
+        return override;
+    }
     const param = window.remotion_inputProps;
     if (!param) {
         return {};

package/dist/cjs/enable-sequence-stack-traces.js

@@ -5,16 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addSequenceStackTraces = exports.enableSequenceStackTraces = void 0;
 const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = __importDefault(require("react/jsx-runtime"));
 const get_remotion_environment_1 = require("./get-remotion-environment");
 const originalCreateElement = react_1.default.createElement;
+const originalJsx = jsx_runtime_1.default.jsx;
 const componentsToAddStacksTo = [];
-// Gets called when a new component is added,
-// also when the Studio is mounted
-const enableSequenceStackTraces = () => {
-    if (!(0, get_remotion_environment_1.getRemotionEnvironment)().isStudio) {
-        return;
-    }
-    const proxy = new Proxy(originalCreateElement, {
+const enableProxy = (api) => {
+    return new Proxy(api, {
         apply(target, thisArg, argArray) {
             if (componentsToAddStacksTo.includes(argArray[0])) {
                 const [first, props, ...rest] = argArray;
@@ -27,7 +24,15 @@ const enableSequenceStackTraces = () => {
             return Reflect.apply(target, thisArg, argArray);
         },
     });
-    react_1.default.createElement = proxy;
+};
+// Gets called when a new component is added,
+// also when the Studio is mounted
+const enableSequenceStackTraces = () => {
+    if (!(0, get_remotion_environment_1.getRemotionEnvironment)().isStudio) {
+        return;
+    }
+    react_1.default.createElement = enableProxy(originalCreateElement);
+    jsx_runtime_1.default.jsx = enableProxy(originalJsx);
 };
 exports.enableSequenceStackTraces = enableSequenceStackTraces;
 const addSequenceStackTraces = (component) => {

package/dist/cjs/input-props-override.d.ts

@@ -0,0 +1,2 @@
+export declare const getInputPropsOverride: () => Record<string, unknown> | null;
+export declare const setInputPropsOverride: (override: Record<string, unknown> | null) => void;

package/dist/cjs/input-props-override.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setInputPropsOverride = exports.getInputPropsOverride = void 0;
+const getKey = () => {
+    return `remotion_inputPropsOverride` + window.location.origin;
+};
+const getInputPropsOverride = () => {
+    if (typeof localStorage === 'undefined')
+        return null;
+    const override = localStorage.getItem(getKey());
+    if (!override)
+        return null;
+    return JSON.parse(override);
+};
+exports.getInputPropsOverride = getInputPropsOverride;
+const setInputPropsOverride = (override) => {
+    if (typeof localStorage === 'undefined')
+        return;
+    if (override === null) {
+        localStorage.removeItem(getKey());
+        return;
+    }
+    localStorage.setItem(getKey(), JSON.stringify(override));
+};
+exports.setInputPropsOverride = setInputPropsOverride;

package/dist/cjs/internals.d.ts

@@ -78,6 +78,8 @@ export declare const Internals: {
         readonly onlyRenderComposition: string | null;
         readonly currentCompositionMetadata: import("./CompositionManagerContext.js").BaseMetadata | null;
         readonly audioLatencyHint: AudioContextLatencyCategory;
+        readonly videoEnabled: boolean | null;
+        readonly audioEnabled: boolean | null;
     }>;
     readonly useVideo: () => (import("./video-config.js").VideoConfig & {
         component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>>;
@@ -350,5 +352,9 @@ export declare const Internals: {
         isStudio: boolean;
         finalDisplayName: string;
     };
+    readonly getInputPropsOverride: () => Record<string, unknown> | null;
+    readonly setInputPropsOverride: (override: Record<string, unknown> | null) => void;
+    readonly useVideoEnabled: () => boolean;
+    readonly useAudioEnabled: () => boolean;
 };
 export type { CompositionManagerContext, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -50,6 +50,7 @@ const EditorProps_js_1 = require("./EditorProps.js");
 const enable_sequence_stack_traces_js_1 = require("./enable-sequence-stack-traces.js");
 const get_preview_dom_element_js_1 = require("./get-preview-dom-element.js");
 const get_remotion_environment_js_1 = require("./get-remotion-environment.js");
+const input_props_override_js_1 = require("./input-props-override.js");
 const is_player_js_1 = require("./is-player.js");
 const log_level_context_js_1 = require("./log-level-context.js");
 const log_js_1 = require("./log.js");
@@ -72,6 +73,7 @@ const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const truthy_js_1 = require("./truthy.js");
 const use_current_scale_js_1 = require("./use-current-scale.js");
 const use_lazy_component_js_1 = require("./use-lazy-component.js");
+const use_media_enabled_js_1 = require("./use-media-enabled.js");
 const use_media_in_timeline_js_1 = require("./use-media-in-timeline.js");
 const use_unsafe_video_config_js_1 = require("./use-unsafe-video-config.js");
 const use_video_js_1 = require("./use-video.js");
@@ -176,4 +178,8 @@ exports.Internals = {
     OBJECTFIT_CONTAIN_CLASS_NAME: default_css_js_1.OBJECTFIT_CONTAIN_CLASS_NAME,
     InnerOffthreadVideo: OffthreadVideo_js_1.InnerOffthreadVideo,
     useBasicMediaInTimeline: use_media_in_timeline_js_1.useBasicMediaInTimeline,
+    getInputPropsOverride: input_props_override_js_1.getInputPropsOverride,
+    setInputPropsOverride: input_props_override_js_1.setInputPropsOverride,
+    useVideoEnabled: use_media_enabled_js_1.useVideoEnabled,
+    useAudioEnabled: use_media_enabled_js_1.useAudioEnabled,
 };

package/dist/cjs/log.js

@@ -17,7 +17,9 @@ const transformArgs = ({ args, logLevel, tag, }) => {
         !(0, get_remotion_environment_1.getRemotionEnvironment)().isClientSideRendering) {
         arr.unshift(Symbol.for(`__remotion_level_${logLevel}`));
     }
-    if (tag) {
+    if (tag &&
+        (0, get_remotion_environment_1.getRemotionEnvironment)().isRendering &&
+        !(0, get_remotion_environment_1.getRemotionEnvironment)().isClientSideRendering) {
         arr.unshift(Symbol.for(`__remotion_tag_${tag}`));
     }
     return arr;

package/dist/cjs/use-enabled-media.d.ts

@@ -0,0 +1,2 @@
+export declare const useVideoEnabled: () => boolean;
+export declare const useAudioEnabled: () => boolean;

package/dist/cjs/use-enabled-media.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAudioEnabled = exports.useVideoEnabled = void 0;
+const useVideoEnabled = () => {
+    return window.remotion_videoEnabled;
+};
+exports.useVideoEnabled = useVideoEnabled;
+const useAudioEnabled = () => {
+    return window.remotion_audioEnabled;
+};
+exports.useAudioEnabled = useAudioEnabled;

package/dist/cjs/use-media-enabled.d.ts

@@ -0,0 +1,7 @@
+export declare const useVideoEnabled: () => boolean;
+export declare const useAudioEnabled: () => boolean;
+export declare const MediaEnabledProvider: ({ children, videoEnabled, audioEnabled, }: {
+    readonly children: React.ReactNode;
+    readonly videoEnabled: boolean | null;
+    readonly audioEnabled: boolean | null;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/use-media-enabled.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaEnabledProvider = exports.useAudioEnabled = exports.useVideoEnabled = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const MediaEnabledContext = (0, react_1.createContext)(null);
+const useVideoEnabled = () => {
+    const context = (0, react_1.useContext)(MediaEnabledContext);
+    if (!context) {
+        return window.remotion_videoEnabled;
+    }
+    if (context.videoEnabled === null) {
+        return window.remotion_videoEnabled;
+    }
+    return context.videoEnabled;
+};
+exports.useVideoEnabled = useVideoEnabled;
+const useAudioEnabled = () => {
+    const context = (0, react_1.useContext)(MediaEnabledContext);
+    if (!context) {
+        return window.remotion_audioEnabled;
+    }
+    if (context.audioEnabled === null) {
+        return window.remotion_audioEnabled;
+    }
+    return context.audioEnabled;
+};
+exports.useAudioEnabled = useAudioEnabled;
+const MediaEnabledProvider = ({ children, videoEnabled, audioEnabled, }) => {
+    const value = (0, react_1.useMemo)(() => ({ videoEnabled, audioEnabled }), [videoEnabled, audioEnabled]);
+    return ((0, jsx_runtime_1.jsx)(MediaEnabledContext.Provider, { value: value, children: children }));
+};
+exports.MediaEnabledProvider = MediaEnabledProvider;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.361";
+export declare const VERSION = "4.0.363";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.361';
+exports.VERSION = '4.0.363';

package/dist/esm/index.mjs

@@ -34,6 +34,7 @@ var Clipper = () => {
 
 // src/enable-sequence-stack-traces.ts
 import React from "react";
+import JsxRuntime from "react/jsx-runtime";
 
 // src/get-remotion-environment.ts
 function getNodeEnvString() {
@@ -58,12 +59,10 @@ var getRemotionEnvironment = () => {
 
 // src/enable-sequence-stack-traces.ts
 var originalCreateElement = React.createElement;
+var originalJsx = JsxRuntime.jsx;
 var componentsToAddStacksTo = [];
-var enableSequenceStackTraces = () => {
-  if (!getRemotionEnvironment().isStudio) {
-    return;
-  }
-  const proxy = new Proxy(originalCreateElement, {
+var enableProxy = (api) => {
+  return new Proxy(api, {
     apply(target, thisArg, argArray) {
       if (componentsToAddStacksTo.includes(argArray[0])) {
         const [first, props, ...rest] = argArray;
@@ -76,7 +75,13 @@ var enableSequenceStackTraces = () => {
       return Reflect.apply(target, thisArg, argArray);
     }
   });
-  React.createElement = proxy;
+};
+var enableSequenceStackTraces = () => {
+  if (!getRemotionEnvironment().isStudio) {
+    return;
+  }
+  React.createElement = enableProxy(originalCreateElement);
+  JsxRuntime.jsx = enableProxy(originalJsx);
 };
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
@@ -105,7 +110,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.361";
+var VERSION = "4.0.363";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -456,6 +461,28 @@ var EditorPropsProvider = ({ children }) => {
   });
 };
 
+// src/input-props-override.ts
+var getKey = () => {
+  return `remotion_inputPropsOverride` + window.location.origin;
+};
+var getInputPropsOverride = () => {
+  if (typeof localStorage === "undefined")
+    return null;
+  const override = localStorage.getItem(getKey());
+  if (!override)
+    return null;
+  return JSON.parse(override);
+};
+var setInputPropsOverride = (override) => {
+  if (typeof localStorage === "undefined")
+    return;
+  if (override === null) {
+    localStorage.removeItem(getKey());
+    return;
+  }
+  localStorage.setItem(getKey(), JSON.stringify(override));
+};
+
 // src/input-props-serialization.ts
 var DATE_TOKEN = "remotion-date:";
 var FILE_TOKEN = "remotion-file:";
@@ -538,6 +565,10 @@ var getInputProps = () => {
   if (getRemotionEnvironment().isPlayer) {
     throw new Error("You cannot call `getInputProps()` from a <Player>. Instead, the props are available as React props from component that you passed as `component` prop.");
   }
+  const override = getInputPropsOverride();
+  if (override) {
+    return override;
+  }
   const param = window.remotion_inputProps;
   if (!param) {
     return {};
@@ -1643,7 +1674,7 @@ var transformArgs = ({
   if (getRemotionEnvironment().isRendering && !getRemotionEnvironment().isClientSideRendering) {
     arr.unshift(Symbol.for(`__remotion_level_${logLevel}`));
   }
-  if (tag) {
+  if (tag && getRemotionEnvironment().isRendering && !getRemotionEnvironment().isClientSideRendering) {
     arr.unshift(Symbol.for(`__remotion_tag_${tag}`));
   }
   return arr;
@@ -5656,7 +5687,9 @@ var ImgRefForwarding = ({
           onImageFrame?.(current);
         }
         unblock();
-        continueRender2(newHandle);
+        requestAnimationFrame(() => {
+          continueRender2(newHandle);
+        });
       };
       if (!imageRef.current) {
         onComplete();
@@ -5925,18 +5958,58 @@ var waitForRoot = (fn) => {
 import {
   useEffect as useEffect18,
   useLayoutEffect as useLayoutEffect8,
-  useMemo as useMemo25,
+  useMemo as useMemo26,
   useRef as useRef15,
   useState as useState17
 } from "react";
+
+// src/use-media-enabled.tsx
+import { createContext as createContext18, useContext as useContext30, useMemo as useMemo25 } from "react";
 import { jsx as jsx26 } from "react/jsx-runtime";
+var MediaEnabledContext = createContext18(null);
+var useVideoEnabled = () => {
+  const context = useContext30(MediaEnabledContext);
+  if (!context) {
+    return window.remotion_videoEnabled;
+  }
+  if (context.videoEnabled === null) {
+    return window.remotion_videoEnabled;
+  }
+  return context.videoEnabled;
+};
+var useAudioEnabled = () => {
+  const context = useContext30(MediaEnabledContext);
+  if (!context) {
+    return window.remotion_audioEnabled;
+  }
+  if (context.audioEnabled === null) {
+    return window.remotion_audioEnabled;
+  }
+  return context.audioEnabled;
+};
+var MediaEnabledProvider = ({
+  children,
+  videoEnabled,
+  audioEnabled
+}) => {
+  const value = useMemo25(() => ({ videoEnabled, audioEnabled }), [videoEnabled, audioEnabled]);
+  return /* @__PURE__ */ jsx26(MediaEnabledContext.Provider, {
+    value,
+    children
+  });
+};
+
+// src/RemotionRoot.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
 var RemotionRoot = ({
   children,
   numberOfAudioTags,
   logLevel,
   onlyRenderComposition,
   currentCompositionMetadata,
-  audioLatencyHint
+  audioLatencyHint,
+  videoEnabled,
+  audioEnabled
 }) => {
   const [remotionRootId] = useState17(() => String(random(null)));
   const [frame, setFrame] = useState17(() => getInitialFrameState());
@@ -5973,7 +6046,7 @@ var RemotionRoot = ({
       window.remotion_isPlayer = false;
     }, [continueRender2, delayRender2]);
   }
-  const timelineContextValue = useMemo25(() => {
+  const timelineContextValue = useMemo26(() => {
     return {
       frame,
       playing,
@@ -5984,13 +6057,13 @@ var RemotionRoot = ({
       audioAndVideoTags
     };
   }, [frame, playbackRate, playing, remotionRootId]);
-  const setTimelineContextValue = useMemo25(() => {
+  const setTimelineContextValue = useMemo26(() => {
     return {
       setFrame,
       setPlaying
     };
   }, []);
-  const nonceContext = useMemo25(() => {
+  const nonceContext = useMemo26(() => {
     let counter = 0;
     return {
       getNonce: () => counter++,
@@ -5998,7 +6071,7 @@ var RemotionRoot = ({
       manualRefreshes
     };
   }, [fastRefreshes, manualRefreshes]);
-  const setNonceContext = useMemo25(() => {
+  const setNonceContext = useMemo26(() => {
     return {
       increaseManualRefreshes: () => {
         setManualRefreshes((i) => i + 1);
@@ -6016,29 +6089,33 @@ var RemotionRoot = ({
       }
     }
   }, []);
-  const logging = useMemo25(() => {
+  const logging = useMemo26(() => {
     return { logLevel, mountTime: Date.now() };
   }, [logLevel]);
-  return /* @__PURE__ */ jsx26(LogLevelContext.Provider, {
+  return /* @__PURE__ */ jsx27(LogLevelContext.Provider, {
     value: logging,
-    children: /* @__PURE__ */ jsx26(NonceContext.Provider, {
+    children: /* @__PURE__ */ jsx27(NonceContext.Provider, {
       value: nonceContext,
-      children: /* @__PURE__ */ jsx26(SetNonceContext.Provider, {
+      children: /* @__PURE__ */ jsx27(SetNonceContext.Provider, {
         value: setNonceContext,
-        children: /* @__PURE__ */ jsx26(TimelineContext.Provider, {
+        children: /* @__PURE__ */ jsx27(TimelineContext.Provider, {
           value: timelineContextValue,
-          children: /* @__PURE__ */ jsx26(SetTimelineContext.Provider, {
+          children: /* @__PURE__ */ jsx27(SetTimelineContext.Provider, {
             value: setTimelineContextValue,
-            children: /* @__PURE__ */ jsx26(EditorPropsProvider, {
-              children: /* @__PURE__ */ jsx26(PrefetchProvider, {
-                children: /* @__PURE__ */ jsx26(CompositionManagerProvider, {
-                  numberOfAudioTags,
-                  onlyRenderComposition,
-                  currentCompositionMetadata,
-                  audioLatencyHint,
-                  children: /* @__PURE__ */ jsx26(DurationsContextProvider, {
-                    children: /* @__PURE__ */ jsx26(BufferingProvider, {
-                      children
+            children: /* @__PURE__ */ jsx27(MediaEnabledProvider, {
+              videoEnabled,
+              audioEnabled,
+              children: /* @__PURE__ */ jsx27(EditorPropsProvider, {
+                children: /* @__PURE__ */ jsx27(PrefetchProvider, {
+                  children: /* @__PURE__ */ jsx27(CompositionManagerProvider, {
+                    numberOfAudioTags,
+                    onlyRenderComposition,
+                    currentCompositionMetadata,
+                    audioLatencyHint,
+                    children: /* @__PURE__ */ jsx27(DurationsContextProvider, {
+                      children: /* @__PURE__ */ jsx27(BufferingProvider, {
+                        children
+                      })
                     })
                   })
                 })
@@ -6079,9 +6156,9 @@ var setupEnvVariables = () => {
 };
 
 // src/use-current-scale.ts
-import React26, { createContext as createContext18 } from "react";
+import React26, { createContext as createContext19 } from "react";
 var CurrentScaleContext = React26.createContext(null);
-var PreviewSizeContext = createContext18({
+var PreviewSizeContext = createContext19({
   setSize: () => {
     return;
   },
@@ -6141,10 +6218,10 @@ import { useCallback as useCallback16 } from "react";
 // src/video/OffthreadVideoForRendering.tsx
 import {
   useCallback as useCallback15,
-  useContext as useContext30,
+  useContext as useContext31,
   useEffect as useEffect19,
   useLayoutEffect as useLayoutEffect9,
-  useMemo as useMemo26,
+  useMemo as useMemo27,
   useState as useState18
 } from "react";
 
@@ -6159,7 +6236,7 @@ var getOffthreadVideoSource = ({
 };
 
 // src/video/OffthreadVideoForRendering.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var OffthreadVideoForRendering = ({
   onError,
   volume: volumeProp,
@@ -6183,13 +6260,13 @@ var OffthreadVideoForRendering = ({
   const frame = useCurrentFrame();
   const volumePropsFrame = useFrameForVolumeProp(loopVolumeCurveBehavior);
   const videoConfig = useUnsafeVideoConfig();
-  const sequenceContext = useContext30(SequenceContext);
+  const sequenceContext = useContext31(SequenceContext);
   const mediaStartsAt = useMediaStartsAt();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext30(RenderAssetManager);
+  const { registerRenderAsset, unregisterRenderAsset } = useContext31(RenderAssetManager);
   if (!src) {
     throw new TypeError("No `src` was passed to <OffthreadVideo>.");
   }
-  const id = useMemo26(() => `offthreadvideo-${random(src)}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
+  const id = useMemo27(() => `offthreadvideo-${random(src)}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     src,
     sequenceContext?.cumulatedFrom,
     sequenceContext?.relativeFrom,
@@ -6244,14 +6321,14 @@ var OffthreadVideoForRendering = ({
     sequenceContext?.relativeFrom,
     audioStreamIndex
   ]);
-  const currentTime = useMemo26(() => {
+  const currentTime = useMemo27(() => {
     return getExpectedMediaFrameUncorrected({
       frame,
       playbackRate: playbackRate || 1,
       startFrom: -mediaStartsAt
     }) / videoConfig.fps;
   }, [frame, mediaStartsAt, playbackRate, videoConfig.fps]);
-  const actualSrc = useMemo26(() => {
+  const actualSrc = useMemo27(() => {
     return getOffthreadVideoSource({
       src,
       currentTime,
@@ -6339,7 +6416,7 @@ var OffthreadVideoForRendering = ({
       cancelRender("Failed to load image with src " + imageSrc);
     }
   }, [imageSrc, onError]);
-  const className = useMemo26(() => {
+  const className = useMemo27(() => {
     return [OBJECTFIT_CONTAIN_CLASS_NAME, props2.className].filter(truthy).join(" ");
   }, [props2.className]);
   const onImageFrame = useCallback15((img) => {
@@ -6351,7 +6428,7 @@ var OffthreadVideoForRendering = ({
     return null;
   }
   continueRender2(imageSrc.handle);
-  return /* @__PURE__ */ jsx27(Img, {
+  return /* @__PURE__ */ jsx28(Img, {
     src: imageSrc.src,
     delayRenderRetries,
     delayRenderTimeoutInMilliseconds,
@@ -6365,10 +6442,10 @@ var OffthreadVideoForRendering = ({
 // src/video/VideoForPreview.tsx
 import {
   forwardRef as forwardRef9,
-  useContext as useContext31,
+  useContext as useContext32,
   useEffect as useEffect21,
   useImperativeHandle as useImperativeHandle9,
-  useMemo as useMemo27,
+  useMemo as useMemo28,
   useRef as useRef16,
   useState as useState19
 } from "react";
@@ -6403,14 +6480,14 @@ var useEmitVideoFrame = ({
 };
 
 // src/video/VideoForPreview.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
-  const context = useContext31(SharedAudioContext);
+  const context = useContext32(SharedAudioContext);
   if (!context) {
     throw new Error("SharedAudioContext not found");
   }
   const videoRef = useRef16(null);
-  const sharedSource = useMemo27(() => {
+  const sharedSource = useMemo28(() => {
     if (!context.audioContext) {
       return null;
     }
@@ -6453,8 +6530,8 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   }
   const volumePropFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const { fps, durationInFrames } = useVideoConfig();
-  const parentSequence = useContext31(SequenceContext);
-  const { hidden } = useContext31(SequenceVisibilityToggleContext);
+  const parentSequence = useContext32(SequenceContext);
+  const { hidden } = useContext32(SequenceVisibilityToggleContext);
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
   const [timelineId] = useState19(() => String(Math.random()));
@@ -6588,7 +6665,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
       current.preload = "auto";
     }
   }, []);
-  const actualStyle = useMemo27(() => {
+  const actualStyle = useMemo28(() => {
     return {
       ...style,
       opacity: isSequenceHidden ? 0 : style?.opacity ?? 1
@@ -6598,7 +6675,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     crossOrigin,
     requestsVideoFrame: Boolean(onVideoFrame)
   });
-  return /* @__PURE__ */ jsx28("video", {
+  return /* @__PURE__ */ jsx29("video", {
     ref: videoRef,
     muted: muted || mediaMuted || isSequenceHidden || userPreferredVolume <= 0,
     playsInline: true,
@@ -6613,7 +6690,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
 var VideoForPreview = forwardRef9(VideoForDevelopmentRefForwardingFunction);
 
 // src/video/OffthreadVideo.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var InnerOffthreadVideo = (props2) => {
   const {
     startFrom,
@@ -6641,13 +6718,13 @@ var InnerOffthreadVideo = (props2) => {
     trimAfter
   });
   if (typeof trimBeforeValue !== "undefined" || typeof trimAfterValue !== "undefined") {
-    return /* @__PURE__ */ jsx29(Sequence, {
+    return /* @__PURE__ */ jsx30(Sequence, {
       layout: "none",
       from: 0 - (trimBeforeValue ?? 0),
       showInTimeline: false,
       durationInFrames: trimAfterValue,
       name,
-      children: /* @__PURE__ */ jsx29(InnerOffthreadVideo, {
+      children: /* @__PURE__ */ jsx30(InnerOffthreadVideo, {
         pauseWhenBuffering: pauseWhenBuffering ?? false,
         ...otherProps,
         trimAfter: undefined,
@@ -6662,7 +6739,7 @@ var InnerOffthreadVideo = (props2) => {
   }
   validateMediaProps(props2, "Video");
   if (environment.isRendering) {
-    return /* @__PURE__ */ jsx29(OffthreadVideoForRendering, {
+    return /* @__PURE__ */ jsx30(OffthreadVideoForRendering, {
       pauseWhenBuffering: pauseWhenBuffering ?? false,
       ...otherProps,
       trimAfter: undefined,
@@ -6684,7 +6761,7 @@ var InnerOffthreadVideo = (props2) => {
     delayRenderTimeoutInMilliseconds,
     ...propsForPreview
   } = otherProps;
-  return /* @__PURE__ */ jsx29(VideoForPreview, {
+  return /* @__PURE__ */ jsx30(VideoForPreview, {
     _remotionInternalStack: stack ?? null,
     onDuration,
     onlyWarnForMediaSeekingError: true,
@@ -6733,7 +6810,7 @@ var OffthreadVideo = ({
   if (imageFormat) {
     throw new TypeError(`The \`<OffthreadVideo>\` tag does no longer accept \`imageFormat\`. Use the \`transparent\` prop if you want to render a transparent video.`);
   }
-  return /* @__PURE__ */ jsx29(InnerOffthreadVideo, {
+  return /* @__PURE__ */ jsx30(InnerOffthreadVideo, {
     acceptableTimeShiftInSeconds,
     allowAmplificationDuringRender: allowAmplificationDuringRender ?? true,
     audioStreamIndex: audioStreamIndex ?? 0,
@@ -6806,8 +6883,8 @@ var watchStaticFile = (fileName, callback) => {
 };
 
 // src/wrap-remotion-context.tsx
-import React30, { useMemo as useMemo28 } from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import React30, { useMemo as useMemo29 } from "react";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function useRemotionContexts() {
   const compositionManagerCtx = React30.useContext(CompositionManager);
   const timelineContext = React30.useContext(TimelineContext);
@@ -6821,7 +6898,7 @@ function useRemotionContexts() {
   const sequenceManagerContext = React30.useContext(SequenceManager);
   const bufferManagerContext = React30.useContext(BufferingContextReact);
   const logLevelContext = React30.useContext(LogLevelContext);
-  return useMemo28(() => ({
+  return useMemo29(() => ({
     compositionManagerCtx,
     timelineContext,
     setTimelineContext,
@@ -6851,29 +6928,29 @@ function useRemotionContexts() {
 }
 var RemotionContextProvider = (props2) => {
   const { children, contexts } = props2;
-  return /* @__PURE__ */ jsx30(LogLevelContext.Provider, {
+  return /* @__PURE__ */ jsx31(LogLevelContext.Provider, {
     value: contexts.logLevelContext,
-    children: /* @__PURE__ */ jsx30(CanUseRemotionHooks.Provider, {
+    children: /* @__PURE__ */ jsx31(CanUseRemotionHooks.Provider, {
       value: contexts.canUseRemotionHooksContext,
-      children: /* @__PURE__ */ jsx30(NonceContext.Provider, {
+      children: /* @__PURE__ */ jsx31(NonceContext.Provider, {
         value: contexts.nonceContext,
-        children: /* @__PURE__ */ jsx30(PreloadContext.Provider, {
+        children: /* @__PURE__ */ jsx31(PreloadContext.Provider, {
           value: contexts.preloadContext,
-          children: /* @__PURE__ */ jsx30(CompositionManager.Provider, {
+          children: /* @__PURE__ */ jsx31(CompositionManager.Provider, {
             value: contexts.compositionManagerCtx,
-            children: /* @__PURE__ */ jsx30(SequenceManager.Provider, {
+            children: /* @__PURE__ */ jsx31(SequenceManager.Provider, {
               value: contexts.sequenceManagerContext,
-              children: /* @__PURE__ */ jsx30(RenderAssetManager.Provider, {
+              children: /* @__PURE__ */ jsx31(RenderAssetManager.Provider, {
                 value: contexts.renderAssetManagerContext,
-                children: /* @__PURE__ */ jsx30(ResolveCompositionContext.Provider, {
+                children: /* @__PURE__ */ jsx31(ResolveCompositionContext.Provider, {
                   value: contexts.resolveCompositionContext,
-                  children: /* @__PURE__ */ jsx30(TimelineContext.Provider, {
+                  children: /* @__PURE__ */ jsx31(TimelineContext.Provider, {
                     value: contexts.timelineContext,
-                    children: /* @__PURE__ */ jsx30(SetTimelineContext.Provider, {
+                    children: /* @__PURE__ */ jsx31(SetTimelineContext.Provider, {
                       value: contexts.setTimelineContext,
-                      children: /* @__PURE__ */ jsx30(SequenceContext.Provider, {
+                      children: /* @__PURE__ */ jsx31(SequenceContext.Provider, {
                         value: contexts.sequenceContext,
-                        children: /* @__PURE__ */ jsx30(BufferingContextReact.Provider, {
+                        children: /* @__PURE__ */ jsx31(BufferingContextReact.Provider, {
                           value: contexts.bufferManagerContext,
                           children
                         })
@@ -6975,7 +7052,11 @@ var Internals = {
   AudioForPreview,
   OBJECTFIT_CONTAIN_CLASS_NAME,
   InnerOffthreadVideo,
-  useBasicMediaInTimeline
+  useBasicMediaInTimeline,
+  getInputPropsOverride,
+  setInputPropsOverride,
+  useVideoEnabled,
+  useAudioEnabled
 };
 // src/interpolate-colors.ts
 var NUMBER = "[-+]?\\d*\\.?\\d+";
@@ -7341,7 +7422,7 @@ var validateFrame = ({
   }
 };
 // src/series/index.tsx
-import { Children, forwardRef as forwardRef10, useMemo as useMemo29 } from "react";
+import { Children, forwardRef as forwardRef10, useMemo as useMemo30 } from "react";
 
 // src/series/flatten-children.tsx
 import React31 from "react";
@@ -7357,17 +7438,17 @@ var flattenChildren = (children) => {
 };
 
 // src/series/is-inside-series.tsx
-import React32, { createContext as createContext19 } from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
-var IsInsideSeriesContext = createContext19(false);
+import React32, { createContext as createContext20 } from "react";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var IsInsideSeriesContext = createContext20(false);
 var IsInsideSeriesContainer = ({ children }) => {
-  return /* @__PURE__ */ jsx31(IsInsideSeriesContext.Provider, {
+  return /* @__PURE__ */ jsx32(IsInsideSeriesContext.Provider, {
     value: true,
     children
   });
 };
 var IsNotInsideSeriesProvider = ({ children }) => {
-  return /* @__PURE__ */ jsx31(IsInsideSeriesContext.Provider, {
+  return /* @__PURE__ */ jsx32(IsInsideSeriesContext.Provider, {
     value: false,
     children
   });
@@ -7380,16 +7461,16 @@ var useRequireToBeInsideSeries = () => {
 };
 
 // src/series/index.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
   useRequireToBeInsideSeries();
-  return /* @__PURE__ */ jsx32(IsNotInsideSeriesProvider, {
+  return /* @__PURE__ */ jsx33(IsNotInsideSeriesProvider, {
     children
   });
 };
 var SeriesSequence = forwardRef10(SeriesSequenceRefForwardingFunction);
 var Series = (props2) => {
-  const childrenValue = useMemo29(() => {
+  const childrenValue = useMemo30(() => {
     let startFrame = 0;
     const flattenedChildren = flattenChildren(props2.children);
     return Children.map(flattenedChildren, (child, i) => {
@@ -7433,7 +7514,7 @@ var Series = (props2) => {
       }
       const currentStartFrame = startFrame + offset;
       startFrame += durationInFramesProp + offset;
-      return /* @__PURE__ */ jsx32(Sequence, {
+      return /* @__PURE__ */ jsx33(Sequence, {
         name: name || "<Series.Sequence>",
         from: currentStartFrame,
         durationInFrames: durationInFramesProp,
@@ -7444,14 +7525,14 @@ var Series = (props2) => {
     });
   }, [props2.children]);
   if (ENABLE_V5_BREAKING_CHANGES) {
-    return /* @__PURE__ */ jsx32(IsInsideSeriesContainer, {
-      children: /* @__PURE__ */ jsx32(Sequence, {
+    return /* @__PURE__ */ jsx33(IsInsideSeriesContainer, {
+      children: /* @__PURE__ */ jsx33(Sequence, {
         ...props2,
         children: childrenValue
       })
     });
   }
-  return /* @__PURE__ */ jsx32(IsInsideSeriesContainer, {
+  return /* @__PURE__ */ jsx33(IsInsideSeriesContainer, {
     children: childrenValue
   });
 };
@@ -7798,16 +7879,16 @@ var Still = (props2) => {
   return React34.createElement(Composition, newProps);
 };
 // src/video/Video.tsx
-import { forwardRef as forwardRef12, useCallback as useCallback17, useContext as useContext33 } from "react";
+import { forwardRef as forwardRef12, useCallback as useCallback17, useContext as useContext34 } from "react";
 
 // src/video/VideoForRendering.tsx
 import {
   forwardRef as forwardRef11,
-  useContext as useContext32,
+  useContext as useContext33,
   useEffect as useEffect22,
   useImperativeHandle as useImperativeHandle10,
   useLayoutEffect as useLayoutEffect10,
-  useMemo as useMemo30,
+  useMemo as useMemo31,
   useRef as useRef17
 } from "react";
 
@@ -7936,7 +8017,7 @@ var seekToTimeMultipleUntilRight = ({
 };
 
 // src/video/VideoForRendering.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var VideoForRenderingForwardFunction = ({
   onError,
   volume: volumeProp,
@@ -7957,14 +8038,14 @@ var VideoForRenderingForwardFunction = ({
   const volumePropsFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const videoConfig = useUnsafeVideoConfig();
   const videoRef = useRef17(null);
-  const sequenceContext = useContext32(SequenceContext);
+  const sequenceContext = useContext33(SequenceContext);
   const mediaStartsAt = useMediaStartsAt();
   const environment = useRemotionEnvironment();
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
   const { delayRender: delayRender2, continueRender: continueRender2 } = useDelayRender();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext32(RenderAssetManager);
-  const id = useMemo30(() => `video-${random(props2.src ?? "")}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
+  const { registerRenderAsset, unregisterRenderAsset } = useContext33(RenderAssetManager);
+  const id = useMemo31(() => `video-${random(props2.src ?? "")}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     props2.src,
     sequenceContext?.cumulatedFrom,
     sequenceContext?.relativeFrom,
@@ -8140,7 +8221,7 @@ var VideoForRenderingForwardFunction = ({
       delayRender2
     ]);
   }
-  return /* @__PURE__ */ jsx33("video", {
+  return /* @__PURE__ */ jsx34("video", {
     ref: videoRef,
     disableRemotePlayback: true,
     ...props2
@@ -8149,7 +8230,7 @@ var VideoForRenderingForwardFunction = ({
 var VideoForRendering = forwardRef11(VideoForRenderingForwardFunction);
 
 // src/video/Video.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var VideoForwardingFunction = (props2, ref) => {
   const {
     startFrom,
@@ -8167,7 +8248,7 @@ var VideoForwardingFunction = (props2, ref) => {
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
-  const { durations, setDurations } = useContext33(DurationsContext);
+  const { durations, setDurations } = useContext34(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");
   }
@@ -8189,14 +8270,14 @@ var VideoForwardingFunction = (props2, ref) => {
   });
   if (loop && durationFetched !== undefined) {
     if (!Number.isFinite(durationFetched)) {
-      return /* @__PURE__ */ jsx34(Html5Video, {
+      return /* @__PURE__ */ jsx35(Html5Video, {
         ...propsOtherThanLoop,
         ref,
         _remotionInternalNativeLoopPassed: true
       });
     }
     const mediaDuration = durationFetched * fps;
-    return /* @__PURE__ */ jsx34(Loop, {
+    return /* @__PURE__ */ jsx35(Loop, {
       durationInFrames: calculateMediaDuration({
         trimAfter: trimAfterValue,
         mediaDurationInFrames: mediaDuration,
@@ -8205,7 +8286,7 @@ var VideoForwardingFunction = (props2, ref) => {
       }),
       layout: "none",
       name,
-      children: /* @__PURE__ */ jsx34(Html5Video, {
+      children: /* @__PURE__ */ jsx35(Html5Video, {
         ...propsOtherThanLoop,
         ref,
         _remotionInternalNativeLoopPassed: true
@@ -8213,13 +8294,13 @@ var VideoForwardingFunction = (props2, ref) => {
     });
   }
   if (typeof trimBeforeValue !== "undefined" || typeof trimAfterValue !== "undefined") {
-    return /* @__PURE__ */ jsx34(Sequence, {
+    return /* @__PURE__ */ jsx35(Sequence, {
       layout: "none",
       from: 0 - (trimBeforeValue ?? 0),
       showInTimeline: false,
       durationInFrames: trimAfterValue,
       name,
-      children: /* @__PURE__ */ jsx34(Html5Video, {
+      children: /* @__PURE__ */ jsx35(Html5Video, {
         pauseWhenBuffering: pauseWhenBuffering ?? false,
         ...otherProps,
         ref
@@ -8228,14 +8309,14 @@ var VideoForwardingFunction = (props2, ref) => {
   }
   validateMediaProps({ playbackRate: props2.playbackRate, volume: props2.volume }, "Html5Video");
   if (environment.isRendering) {
-    return /* @__PURE__ */ jsx34(VideoForRendering, {
+    return /* @__PURE__ */ jsx35(VideoForRendering, {
       onDuration,
       onVideoFrame: onVideoFrame ?? null,
       ...otherProps,
       ref
     });
   }
-  return /* @__PURE__ */ jsx34(VideoForPreview, {
+  return /* @__PURE__ */ jsx35(VideoForPreview, {
     onlyWarnForMediaSeekingError: false,
     ...otherProps,
     ref,

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.361";
+var VERSION = "4.0.363";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
 	},
 	"name": "remotion",
-	"version": "4.0.361",
+	"version": "4.0.363",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -29,12 +29,12 @@
 		"@testing-library/dom": "10.4.0",
 		"@happy-dom/global-registrator": "14.5.1",
 		"@types/dom-webcodecs": "0.1.11",
-		"happy-dom": "15.10.2",
+		"happy-dom": "20.0.2",
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
 		"webpack": "5.96.1",
 		"zod": "3.22.3",
-		"@remotion/eslint-config-internal": "4.0.361",
+		"@remotion/eslint-config-internal": "4.0.363",
 		"eslint": "9.19.0"
 	},
 	"keywords": [