remotion 4.0.46 → 4.0.48

package/LICENSE.md

@@ -38,4 +38,4 @@ Support is provided on a best-we-can-do basis via GitHub Issues and Discord.
 
 You are required to obtain a company license to use Remotion if you are not within the group of entities eligible for a free license. This license will enable you to use Remotion for the allowed use cases specified in the free license, and give you access to prioritized support (read the [Support Policy](/docs/support)).
 
-Visit [companies.remotion.dev](https://companies.remotion.dev) for pricing and to buy a license.
+Visit [remotion.pro](https://www.remotion.pro) for pricing and to buy a license.

package/dist/cjs/Composition.d.ts

@@ -44,6 +44,7 @@ export type StillProps<Schema extends AnyZodObject, Props extends Record<string,
     id: string;
     schema?: Schema;
 } & StillCalculateMetadataOrExplicit<Schema, Props> & CompProps<Props> & PropsIfHasProps<Schema, Props>;
+export declare const ClipComposition: React.FC<PropsWithChildren>;
 export type CompositionProps<Schema extends AnyZodObject, Props extends Record<string, unknown>> = {
     id: string;
     schema?: Schema;
@@ -53,5 +54,4 @@ export type CompositionProps<Schema extends AnyZodObject, Props extends Record<s
  * @see [Documentation](https://www.remotion.dev/docs/composition)
  */
 export declare const Composition: <Schema extends AnyZodObject, Props extends Record<string, unknown>>({ width, height, fps, durationInFrames, id, defaultProps, schema, ...compProps }: CompositionProps<Schema, Props>) => React.ReactPortal | null;
-export declare const ClipComposition: React.FC<PropsWithChildren>;
 export {};

package/dist/cjs/Composition.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClipComposition = exports.Composition = void 0;
+exports.Composition = exports.ClipComposition = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
@@ -20,6 +20,21 @@ const use_lazy_component_js_1 = require("./use-lazy-component.js");
 const use_video_js_1 = require("./use-video.js");
 const validate_composition_id_js_1 = require("./validation/validate-composition-id.js");
 const validate_default_props_js_1 = require("./validation/validate-default-props.js");
+const ClipComposition = ({ children }) => {
+    const { clipRegion } = (0, react_1.useContext)(NativeLayers_js_1.NativeLayersContext);
+    const style = (0, react_1.useMemo)(() => {
+        return {
+            display: 'flex',
+            flexDirection: 'row',
+            opacity: clipRegion === 'hide' ? 0 : 1,
+            clipPath: clipRegion && clipRegion !== 'hide'
+                ? `polygon(${clipRegion.x}px ${clipRegion.y}px, ${clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.y}px)`
+                : undefined,
+        };
+    }, [clipRegion]);
+    return (0, jsx_runtime_1.jsx)(AbsoluteFill_js_1.AbsoluteFill, { style: style, children: children });
+};
+exports.ClipComposition = ClipComposition;
 const Fallback = () => {
     (0, react_1.useEffect)(() => {
         const fallback = (0, delay_render_js_1.delayRender)('Waiting for Root component to unsuspend');
@@ -106,18 +121,3 @@ const Composition = ({ width, height, fps, durationInFrames, id, defaultProps, s
     return null;
 };
 exports.Composition = Composition;
-const ClipComposition = ({ children }) => {
-    const { clipRegion } = (0, react_1.useContext)(NativeLayers_js_1.NativeLayersContext);
-    const style = (0, react_1.useMemo)(() => {
-        return {
-            display: 'flex',
-            flexDirection: 'row',
-            opacity: clipRegion === 'hide' ? 0 : 1,
-            clipPath: clipRegion && clipRegion !== 'hide'
-                ? `polygon(${clipRegion.x}px ${clipRegion.y}px, ${clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.y}px)`
-                : undefined,
-        };
-    }, [clipRegion]);
-    return (0, jsx_runtime_1.jsx)(AbsoluteFill_js_1.AbsoluteFill, { style: style, children: children });
-};
-exports.ClipComposition = ClipComposition;

package/dist/cjs/CompositionManager.d.ts

@@ -63,6 +63,7 @@ export type TRenderAsset = {
     mediaFrame: number;
     playbackRate: number;
     allowAmplificationDuringRender: boolean;
+    toneFrequency: number | null;
 };
 export declare const compositionsRef: React.RefObject<{
     getCompositions: () => TCompMetadataWithCalcFunction<AnyZodObject, Record<string, unknown>>[];

package/dist/cjs/ResolveCompositionConfig.d.ts

@@ -16,9 +16,9 @@ type VideoConfigState = {
     type: 'error';
     error: Error;
 };
+export declare const needsResolution: (composition: AnyComposition) => boolean;
 export declare const ResolveCompositionConfig: React.FC<PropsWithChildren<{
     children: React.ReactNode;
 }>>;
-export declare const needsResolution: (composition: AnyComposition) => boolean;
 export declare const useResolvedVideoConfig: (preferredCompositionId: string | null) => VideoConfigState | null;
 export {};

package/dist/cjs/ResolveCompositionConfig.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResolvedVideoConfig = exports.needsResolution = exports.ResolveCompositionConfig = exports.resolveCompositionsRef = exports.ResolveCompositionContext = void 0;
+exports.useResolvedVideoConfig = exports.ResolveCompositionConfig = exports.needsResolution = exports.resolveCompositionsRef = exports.ResolveCompositionContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
@@ -10,6 +10,10 @@ const get_remotion_environment_js_1 = require("./get-remotion-environment.js");
 const resolve_video_config_js_1 = require("./resolve-video-config.js");
 exports.ResolveCompositionContext = (0, react_1.createContext)(null);
 exports.resolveCompositionsRef = (0, react_1.createRef)();
+const needsResolution = (composition) => {
+    return Boolean(composition.calculateMetadata);
+};
+exports.needsResolution = needsResolution;
 const ResolveCompositionConfig = ({ children }) => {
     const [currentRenderModalComposition, setCurrentRenderModalComposition] = (0, react_1.useState)(null);
     const { compositions, canvasContent, currentCompositionMetadata } = (0, react_1.useContext)(CompositionManagerContext_js_1.CompositionManager);
@@ -149,10 +153,6 @@ const ResolveCompositionConfig = ({ children }) => {
     return ((0, jsx_runtime_1.jsx)(exports.ResolveCompositionContext.Provider, { value: resolvedConfigsIncludingStaticOnes, children: children }));
 };
 exports.ResolveCompositionConfig = ResolveCompositionConfig;
-const needsResolution = (composition) => {
-    return Boolean(composition.calculateMetadata);
-};
-exports.needsResolution = needsResolution;
 const useResolvedVideoConfig = (preferredCompositionId) => {
     const context = (0, react_1.useContext)(exports.ResolveCompositionContext);
     const { props: allEditorProps } = (0, react_1.useContext)(EditorProps_js_1.EditorPropsContext);

package/dist/cjs/audio/Audio.d.ts

@@ -10,4 +10,5 @@ export declare const Audio: React.ForwardRefExoticComponent<Pick<Omit<React.Deta
     acceptableTimeShiftInSeconds?: number | undefined;
     allowAmplificationDuringRender?: boolean | undefined;
     _remotionInternalNeedsDurationCalculation?: boolean | undefined;
-} & RemotionMainAudioProps, "id" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "volume" | "allowAmplificationDuringRender" | "controlsList" | "crossOrigin" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "playbackRate" | "acceptableTimeShiftInSeconds" | "_remotionInternalNeedsDurationCalculation" | keyof RemotionMainAudioProps> & React.RefAttributes<HTMLAudioElement>>;
+    toneFrequency?: number | undefined;
+} & RemotionMainAudioProps, "id" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "volume" | "allowAmplificationDuringRender" | "controlsList" | "crossOrigin" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "playbackRate" | "acceptableTimeShiftInSeconds" | "_remotionInternalNeedsDurationCalculation" | "toneFrequency" | keyof RemotionMainAudioProps> & React.RefAttributes<HTMLAudioElement>>;

package/dist/cjs/audio/Audio.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Audio = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable @typescript-eslint/no-use-before-define */
 const react_1 = require("react");
 const absolute_src_js_1 = require("../absolute-src.js");
 const calculate_loop_js_1 = require("../calculate-loop.js");

package/dist/cjs/audio/AudioForDevelopment.d.ts

@@ -6,6 +6,7 @@ export declare const AudioForDevelopment: ForwardRefExoticComponent<Omit<React.D
     acceptableTimeShiftInSeconds?: number | undefined;
     allowAmplificationDuringRender?: boolean | undefined;
     _remotionInternalNeedsDurationCalculation?: boolean | undefined;
+    toneFrequency?: number | undefined;
 } & {
     shouldPreMountAudioTags: boolean;
     onDuration: (src: string, durationInSeconds: number) => void;

package/dist/cjs/audio/AudioForRendering.d.ts

@@ -6,6 +6,7 @@ export declare const AudioForRendering: ForwardRefExoticComponent<Omit<React.Det
     acceptableTimeShiftInSeconds?: number | undefined;
     allowAmplificationDuringRender?: boolean | undefined;
     _remotionInternalNeedsDurationCalculation?: boolean | undefined;
+    toneFrequency?: number | undefined;
 } & {
     onDuration: (src: string, durationInSeconds: number) => void;
 } & RefAttributes<HTMLAudioElement>>;

package/dist/cjs/audio/AudioForRendering.js

@@ -25,7 +25,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         var _a;
         return `audio-${(0, random_js_1.random)((_a = props.src) !== null && _a !== void 0 ? _a : '')}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.durationInFrames}`;
     }, [props.src, sequenceContext]);
-    const { volume: volumeProp, playbackRate, allowAmplificationDuringRender, onDuration, _remotionInternalNeedsDurationCalculation, acceptableTimeShiftInSeconds, ...nativeProps } = props;
+    const { volume: volumeProp, playbackRate, allowAmplificationDuringRender, onDuration, toneFrequency, _remotionInternalNeedsDurationCalculation, acceptableTimeShiftInSeconds, ...nativeProps } = props;
     const volume = (0, volume_prop_js_1.evaluateVolume)({
         volume: volumeProp,
         frame: volumePropFrame,
@@ -58,6 +58,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
             mediaFrame: frame,
             playbackRate: (_a = props.playbackRate) !== null && _a !== void 0 ? _a : 1,
             allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
+            toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -73,6 +74,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         playbackRate,
         props.playbackRate,
         allowAmplificationDuringRender,
+        toneFrequency,
     ]);
     const { src } = props;
     // The <audio> tag is only rendered if the duration needs to be calculated for the `loop`

package/dist/cjs/audio/props.d.ts

@@ -10,4 +10,5 @@ export type RemotionAudioProps = Omit<React.DetailedHTMLProps<React.AudioHTMLAtt
     acceptableTimeShiftInSeconds?: number;
     allowAmplificationDuringRender?: boolean;
     _remotionInternalNeedsDurationCalculation?: boolean;
+    toneFrequency?: number;
 };

package/dist/cjs/internals.d.ts

@@ -14,7 +14,6 @@ import { validateDurationInFrames } from './validation/validate-duration-in-fram
 import { validateFps } from './validation/validate-fps.js';
 import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state.js';
 import { useRemotionContexts } from './wrap-remotion-context.js';
-declare const Timeline: typeof TimelinePosition;
 export declare const Internals: {
     readonly useUnsafeVideoConfig: () => import("./video-config.js").VideoConfig | null;
     readonly Timeline: typeof TimelinePosition;
@@ -146,4 +145,4 @@ export declare const Internals: {
     }>;
     readonly isIosSafari: () => boolean;
 };
-export type { TComposition, Timeline, TCompMetadata, TSequence, TRenderAsset as TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, };
+export type { TComposition, TimelinePosition as Timeline, TCompMetadata, TSequence, TRenderAsset as TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, };

package/dist/cjs/internals.js

@@ -66,12 +66,11 @@ const duration_state_js_1 = require("./video/duration-state.js");
 const video_fragment_js_1 = require("./video/video-fragment.js");
 const volume_position_state_js_1 = require("./volume-position-state.js");
 const wrap_remotion_context_js_1 = require("./wrap-remotion-context.js");
-const Timeline = TimelinePosition;
 // Mark them as Internals so use don't assume this is public
 // API and are less likely to use it
 exports.Internals = {
     useUnsafeVideoConfig: use_unsafe_video_config_js_1.useUnsafeVideoConfig,
-    Timeline,
+    Timeline: TimelinePosition,
     CompositionManager: CompositionManagerContext_js_1.CompositionManager,
     SequenceManager: SequenceManager_js_1.SequenceManager,
     RemotionRoot: RemotionRoot_js_1.RemotionRoot,

package/dist/cjs/resolve-video-config.js

@@ -4,6 +4,23 @@ exports.resolveVideoConfig = void 0;
 const validate_dimensions_js_1 = require("./validation/validate-dimensions.js");
 const validate_duration_in_frames_js_1 = require("./validation/validate-duration-in-frames.js");
 const validate_fps_js_1 = require("./validation/validate-fps.js");
+const validateCalculated = ({ composition, calculated, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const calculateMetadataErrorLocation = `calculated by calculateMetadata() for the composition "${composition.id}"`;
+    const defaultErrorLocation = `of the "<Composition />" component with the id "${composition.id}"`;
+    const width = (_b = (_a = calculated === null || calculated === void 0 ? void 0 : calculated.width) !== null && _a !== void 0 ? _a : composition.width) !== null && _b !== void 0 ? _b : undefined;
+    (0, validate_dimensions_js_1.validateDimension)(width, 'width', (calculated === null || calculated === void 0 ? void 0 : calculated.width) ? calculateMetadataErrorLocation : defaultErrorLocation);
+    const height = (_d = (_c = calculated === null || calculated === void 0 ? void 0 : calculated.height) !== null && _c !== void 0 ? _c : composition.height) !== null && _d !== void 0 ? _d : undefined;
+    (0, validate_dimensions_js_1.validateDimension)(height, 'height', (calculated === null || calculated === void 0 ? void 0 : calculated.height) ? calculateMetadataErrorLocation : defaultErrorLocation);
+    const fps = (_f = (_e = calculated === null || calculated === void 0 ? void 0 : calculated.fps) !== null && _e !== void 0 ? _e : composition.fps) !== null && _f !== void 0 ? _f : null;
+    (0, validate_fps_js_1.validateFps)(fps, (calculated === null || calculated === void 0 ? void 0 : calculated.fps) ? calculateMetadataErrorLocation : defaultErrorLocation, false);
+    const durationInFrames = (_h = (_g = calculated === null || calculated === void 0 ? void 0 : calculated.durationInFrames) !== null && _g !== void 0 ? _g : composition.durationInFrames) !== null && _h !== void 0 ? _h : null;
+    (0, validate_duration_in_frames_js_1.validateDurationInFrames)(durationInFrames, {
+        allowFloats: false,
+        component: `of the "<Composition />" component with the id "${composition.id}"`,
+    });
+    return { width, height, fps, durationInFrames };
+};
 const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined, signal, inputProps, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const calculatedProm = composition.calculateMetadata
@@ -61,20 +78,3 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
     };
 };
 exports.resolveVideoConfig = resolveVideoConfig;
-const validateCalculated = ({ composition, calculated, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const calculateMetadataErrorLocation = `calculated by calculateMetadata() for the composition "${composition.id}"`;
-    const defaultErrorLocation = `of the "<Composition />" component with the id "${composition.id}"`;
-    const width = (_b = (_a = calculated === null || calculated === void 0 ? void 0 : calculated.width) !== null && _a !== void 0 ? _a : composition.width) !== null && _b !== void 0 ? _b : undefined;
-    (0, validate_dimensions_js_1.validateDimension)(width, 'width', (calculated === null || calculated === void 0 ? void 0 : calculated.width) ? calculateMetadataErrorLocation : defaultErrorLocation);
-    const height = (_d = (_c = calculated === null || calculated === void 0 ? void 0 : calculated.height) !== null && _c !== void 0 ? _c : composition.height) !== null && _d !== void 0 ? _d : undefined;
-    (0, validate_dimensions_js_1.validateDimension)(height, 'height', (calculated === null || calculated === void 0 ? void 0 : calculated.height) ? calculateMetadataErrorLocation : defaultErrorLocation);
-    const fps = (_f = (_e = calculated === null || calculated === void 0 ? void 0 : calculated.fps) !== null && _e !== void 0 ? _e : composition.fps) !== null && _f !== void 0 ? _f : null;
-    (0, validate_fps_js_1.validateFps)(fps, (calculated === null || calculated === void 0 ? void 0 : calculated.fps) ? calculateMetadataErrorLocation : defaultErrorLocation, false);
-    const durationInFrames = (_h = (_g = calculated === null || calculated === void 0 ? void 0 : calculated.durationInFrames) !== null && _g !== void 0 ? _g : composition.durationInFrames) !== null && _h !== void 0 ? _h : null;
-    (0, validate_duration_in_frames_js_1.validateDurationInFrames)(durationInFrames, {
-        allowFloats: false,
-        component: `of the "<Composition />" component with the id "${composition.id}"`,
-    });
-    return { width, height, fps, durationInFrames };
-};

package/dist/cjs/validation/validate-composition-id.d.ts

@@ -1,3 +1,3 @@
-export declare const validateCompositionId: (id: string) => void;
 export declare const isCompositionIdValid: (id: string) => RegExpMatchArray | null;
+export declare const validateCompositionId: (id: string) => void;
 export declare const invalidCompositionErrorMessage: string;

package/dist/cjs/validation/validate-composition-id.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.invalidCompositionErrorMessage = exports.isCompositionIdValid = exports.validateCompositionId = void 0;
+exports.invalidCompositionErrorMessage = exports.validateCompositionId = exports.isCompositionIdValid = void 0;
+const getRegex = () => /^([a-zA-Z0-9-])+$/g;
+const isCompositionIdValid = (id) => id.match(getRegex());
+exports.isCompositionIdValid = isCompositionIdValid;
 const validateCompositionId = (id) => {
     if (!(0, exports.isCompositionIdValid)(id)) {
         throw new Error(`Composition id can only contain a-z, A-Z, 0-9 and -. You passed ${id}`);
     }
 };
 exports.validateCompositionId = validateCompositionId;
-const getRegex = () => /^([a-zA-Z0-9-])+$/g;
-const isCompositionIdValid = (id) => id.match(getRegex());
-exports.isCompositionIdValid = isCompositionIdValid;
 exports.invalidCompositionErrorMessage = `Composition ID must match ${String(getRegex())}`;

package/dist/cjs/validation/validate-folder-name.d.ts

@@ -1,3 +1,3 @@
-export declare const validateFolderName: (name: string | null) => void;
 export declare const isFolderNameValid: (name: string) => RegExpMatchArray | null;
+export declare const validateFolderName: (name: string | null) => void;
 export declare const invalidFolderNameErrorMessage: string;

package/dist/cjs/validation/validate-folder-name.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.invalidFolderNameErrorMessage = exports.isFolderNameValid = exports.validateFolderName = void 0;
+exports.invalidFolderNameErrorMessage = exports.validateFolderName = exports.isFolderNameValid = void 0;
+const getRegex = () => /^([a-zA-Z0-9-])+$/g;
+const isFolderNameValid = (name) => name.match(getRegex());
+exports.isFolderNameValid = isFolderNameValid;
 const validateFolderName = (name) => {
     if (name === undefined || name === null) {
         throw new TypeError('You must pass a name to a <Folder />.');
@@ -13,7 +16,4 @@ const validateFolderName = (name) => {
     }
 };
 exports.validateFolderName = validateFolderName;
-const getRegex = () => /^([a-zA-Z0-9-])+$/g;
-const isFolderNameValid = (name) => name.match(getRegex());
-exports.isFolderNameValid = isFolderNameValid;
 exports.invalidFolderNameErrorMessage = `Folder name must match ${String(getRegex())}`;

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.46";
+export declare const VERSION = "4.0.48";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '4.0.46';
+exports.VERSION = '4.0.48';

package/dist/cjs/video/OffthreadVideoForRendering.js

@@ -17,7 +17,7 @@ const use_current_frame_js_1 = require("../use-current-frame.js");
 const use_unsafe_video_config_js_1 = require("../use-unsafe-video-config.js");
 const volume_prop_js_1 = require("../volume-prop.js");
 const get_current_time_js_1 = require("./get-current-time.js");
-const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, ...props }) => {
+const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, toneFrequency, ...props }) => {
     const absoluteFrame = (0, timeline_position_state_js_1.useTimelinePosition)();
     const frame = (0, use_current_frame_js_1.useCurrentFrame)();
     const volumePropsFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)();
@@ -67,6 +67,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
             mediaFrame: frame,
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
             allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
+            toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -80,6 +81,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
         absoluteFrame,
         playbackRate,
         allowAmplificationDuringRender,
+        toneFrequency,
     ]);
     const currentTime = (0, react_1.useMemo)(() => {
         return ((0, get_current_time_js_1.getExpectedMediaFrameUncorrected)({

package/dist/cjs/video/Video.d.ts

@@ -9,4 +9,5 @@ export declare const Video: (props: Omit<React.DetailedHTMLProps<React.VideoHTML
     playbackRate?: number | undefined;
     acceptableTimeShiftInSeconds?: number | undefined;
     allowAmplificationDuringRender?: boolean | undefined;
+    toneFrequency?: number | undefined;
 } & RemotionMainVideoProps & React.RefAttributes<HTMLVideoElement | null>) => React.ReactElement | null;

package/dist/cjs/video/Video.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Video = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable @typescript-eslint/no-use-before-define */
 const react_1 = require("react");
 const absolute_src_js_1 = require("../absolute-src.js");
 const calculate_loop_js_1 = require("../calculate-loop.js");

package/dist/cjs/video/VideoForDevelopment.d.ts

@@ -5,6 +5,7 @@ export declare const VideoForDevelopment: ForwardRefExoticComponent<Omit<React.D
     playbackRate?: number | undefined;
     acceptableTimeShiftInSeconds?: number | undefined;
     allowAmplificationDuringRender?: boolean | undefined;
+    toneFrequency?: number | undefined;
 } & {
     onlyWarnForMediaSeekingError: boolean;
     onDuration: (src: string, durationInSeconds: number) => void;

package/dist/cjs/video/VideoForDevelopment.js

@@ -21,7 +21,7 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
     const parentSequence = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
     const { volume, muted, playbackRate, onlyWarnForMediaSeekingError, src, onDuration, 
     // @ts-expect-error
-    acceptableTimeShift, acceptableTimeShiftInSeconds, ...nativeProps } = props;
+    acceptableTimeShift, acceptableTimeShiftInSeconds, toneFrequency, ...nativeProps } = props;
     if (typeof acceptableTimeShift !== 'undefined') {
         throw new Error('acceptableTimeShift has been removed. Use acceptableTimeShiftInSeconds instead.');
     }

package/dist/cjs/video/VideoForRendering.d.ts

@@ -5,6 +5,7 @@ export declare const VideoForRendering: ForwardRefExoticComponent<Omit<React.Det
     playbackRate?: number | undefined;
     acceptableTimeShiftInSeconds?: number | undefined;
     allowAmplificationDuringRender?: boolean | undefined;
+    toneFrequency?: number | undefined;
 } & {
     onDuration: (src: string, durationInSeconds: number) => void;
 } & RefAttributes<HTMLVideoElement>>;

package/dist/cjs/video/VideoForRendering.js

@@ -17,7 +17,7 @@ const use_unsafe_video_config_js_1 = require("../use-unsafe-video-config.js");
 const volume_prop_js_1 = require("../volume-prop.js");
 const warn_about_non_seekable_media_js_1 = require("../warn-about-non-seekable-media.js");
 const get_current_time_js_1 = require("./get-current-time.js");
-const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAmplificationDuringRender, playbackRate, onDuration, ...props }, ref) => {
+const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAmplificationDuringRender, playbackRate, onDuration, toneFrequency, ...props }, ref) => {
     const absoluteFrame = (0, timeline_position_state_js_1.useTimelinePosition)();
     const frame = (0, use_current_frame_js_1.useCurrentFrame)();
     const volumePropsFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)();
@@ -69,6 +69,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
             mediaFrame: frame,
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
             allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
+            toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -82,6 +83,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
         absoluteFrame,
         playbackRate,
         allowAmplificationDuringRender,
+        toneFrequency,
     ]);
     (0, react_1.useImperativeHandle)(ref, () => {
         return videoRef.current;

package/dist/cjs/video/props.d.ts

@@ -9,6 +9,7 @@ export type RemotionVideoProps = Omit<React.DetailedHTMLProps<React.VideoHTMLAtt
     playbackRate?: number;
     acceptableTimeShiftInSeconds?: number;
     allowAmplificationDuringRender?: boolean;
+    toneFrequency?: number;
 };
 type DeprecatedOffthreadVideoProps = {
     /**
@@ -27,6 +28,7 @@ export type OffthreadVideoProps = {
     onError?: React.ReactEventHandler<HTMLVideoElement | HTMLImageElement>;
     acceptableTimeShiftInSeconds?: number;
     allowAmplificationDuringRender?: boolean;
+    toneFrequency?: number;
     transparent?: boolean;
 } & RemotionMainVideoProps & DeprecatedOffthreadVideoProps;
 export {};

package/dist/cjs/video/video-fragment.d.ts

@@ -1,13 +1,13 @@
-export declare const useAppendVideoFragment: ({ actualSrc: initialActualSrc, actualFrom: initialActualFrom, duration: initialDuration, fps, }: {
+export declare const appendVideoFragment: ({ actualSrc, actualFrom, duration, fps, }: {
     actualSrc: string;
     actualFrom: number;
     duration: number;
     fps: number;
 }) => string;
-export declare const isIosSafari: () => boolean;
-export declare const appendVideoFragment: ({ actualSrc, actualFrom, duration, fps, }: {
+export declare const useAppendVideoFragment: ({ actualSrc: initialActualSrc, actualFrom: initialActualFrom, duration: initialDuration, fps, }: {
     actualSrc: string;
     actualFrom: number;
     duration: number;
     fps: number;
 }) => string;
+export declare const isIosSafari: () => boolean;

package/dist/cjs/video/video-fragment.js

@@ -1,39 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.appendVideoFragment = exports.isIosSafari = exports.useAppendVideoFragment = void 0;
+exports.isIosSafari = exports.useAppendVideoFragment = exports.appendVideoFragment = void 0;
 const react_1 = require("react");
 const toSeconds = (time, fps) => {
     return Math.round((time / fps) * 100) / 100;
 };
-const isSubsetOfDuration = (prevStartFrom, newStartFrom, prevDuration, newDuration) => {
-    return (prevStartFrom <= newStartFrom &&
-        prevStartFrom + prevDuration >= newStartFrom + newDuration);
-};
-const useAppendVideoFragment = ({ actualSrc: initialActualSrc, actualFrom: initialActualFrom, duration: initialDuration, fps, }) => {
-    const actualFromRef = (0, react_1.useRef)(initialActualFrom);
-    const actualDuration = (0, react_1.useRef)(initialDuration);
-    const actualSrc = (0, react_1.useRef)(initialActualSrc);
-    if (!isSubsetOfDuration || initialActualSrc !== actualSrc.current) {
-        actualFromRef.current = initialActualFrom;
-        actualDuration.current = initialDuration;
-        actualSrc.current = initialActualSrc;
-    }
-    const appended = (0, exports.appendVideoFragment)({
-        actualSrc: actualSrc.current,
-        actualFrom: actualFromRef.current,
-        duration: actualDuration.current,
-        fps,
-    });
-    return appended;
-};
-exports.useAppendVideoFragment = useAppendVideoFragment;
-const isIosSafari = () => {
-    return typeof window === 'undefined'
-        ? false
-        : /iP(ad|od|hone)/i.test(window.navigator.userAgent) &&
-            Boolean(navigator.userAgent.match(/Version\/[\d.]+.*Safari/));
-};
-exports.isIosSafari = isIosSafari;
 // https://github.com/remotion-dev/remotion/issues/1655
 const isIOSSafariCase = (actualSrc) => {
     return typeof window === 'undefined'
@@ -65,3 +36,32 @@ const appendVideoFragment = ({ actualSrc, actualFrom, duration, fps, }) => {
     return actualSrc;
 };
 exports.appendVideoFragment = appendVideoFragment;
+const isSubsetOfDuration = (prevStartFrom, newStartFrom, prevDuration, newDuration) => {
+    return (prevStartFrom <= newStartFrom &&
+        prevStartFrom + prevDuration >= newStartFrom + newDuration);
+};
+const useAppendVideoFragment = ({ actualSrc: initialActualSrc, actualFrom: initialActualFrom, duration: initialDuration, fps, }) => {
+    const actualFromRef = (0, react_1.useRef)(initialActualFrom);
+    const actualDuration = (0, react_1.useRef)(initialDuration);
+    const actualSrc = (0, react_1.useRef)(initialActualSrc);
+    if (!isSubsetOfDuration || initialActualSrc !== actualSrc.current) {
+        actualFromRef.current = initialActualFrom;
+        actualDuration.current = initialDuration;
+        actualSrc.current = initialActualSrc;
+    }
+    const appended = (0, exports.appendVideoFragment)({
+        actualSrc: actualSrc.current,
+        actualFrom: actualFromRef.current,
+        duration: actualDuration.current,
+        fps,
+    });
+    return appended;
+};
+exports.useAppendVideoFragment = useAppendVideoFragment;
+const isIosSafari = () => {
+    return typeof window === 'undefined'
+        ? false
+        : /iP(ad|od|hone)/i.test(window.navigator.userAgent) &&
+            Boolean(navigator.userAgent.match(/Version\/[\d.]+.*Safari/));
+};
+exports.isIosSafari = isIosSafari;

package/dist/esm/index.mjs

@@ -59,7 +59,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.46';
+const VERSION = '4.0.48';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -570,6 +570,23 @@ function validateFps(fps, location, isGif) {
     }
 }
 
+const validateCalculated = ({ composition, calculated, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const calculateMetadataErrorLocation = `calculated by calculateMetadata() for the composition "${composition.id}"`;
+    const defaultErrorLocation = `of the "<Composition />" component with the id "${composition.id}"`;
+    const width = (_b = (_a = calculated === null || calculated === void 0 ? void 0 : calculated.width) !== null && _a !== void 0 ? _a : composition.width) !== null && _b !== void 0 ? _b : undefined;
+    validateDimension(width, 'width', (calculated === null || calculated === void 0 ? void 0 : calculated.width) ? calculateMetadataErrorLocation : defaultErrorLocation);
+    const height = (_d = (_c = calculated === null || calculated === void 0 ? void 0 : calculated.height) !== null && _c !== void 0 ? _c : composition.height) !== null && _d !== void 0 ? _d : undefined;
+    validateDimension(height, 'height', (calculated === null || calculated === void 0 ? void 0 : calculated.height) ? calculateMetadataErrorLocation : defaultErrorLocation);
+    const fps = (_f = (_e = calculated === null || calculated === void 0 ? void 0 : calculated.fps) !== null && _e !== void 0 ? _e : composition.fps) !== null && _f !== void 0 ? _f : null;
+    validateFps(fps, (calculated === null || calculated === void 0 ? void 0 : calculated.fps) ? calculateMetadataErrorLocation : defaultErrorLocation, false);
+    const durationInFrames = (_h = (_g = calculated === null || calculated === void 0 ? void 0 : calculated.durationInFrames) !== null && _g !== void 0 ? _g : composition.durationInFrames) !== null && _h !== void 0 ? _h : null;
+    validateDurationInFrames(durationInFrames, {
+        allowFloats: false,
+        component: `of the "<Composition />" component with the id "${composition.id}"`,
+    });
+    return { width, height, fps, durationInFrames };
+};
 const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined, signal, inputProps, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const calculatedProm = composition.calculateMetadata
@@ -626,26 +643,12 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
         props: (_g = (_f = calculatedProm.props) !== null && _f !== void 0 ? _f : composition.defaultProps) !== null && _g !== void 0 ? _g : {},
     };
 };
-const validateCalculated = ({ composition, calculated, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const calculateMetadataErrorLocation = `calculated by calculateMetadata() for the composition "${composition.id}"`;
-    const defaultErrorLocation = `of the "<Composition />" component with the id "${composition.id}"`;
-    const width = (_b = (_a = calculated === null || calculated === void 0 ? void 0 : calculated.width) !== null && _a !== void 0 ? _a : composition.width) !== null && _b !== void 0 ? _b : undefined;
-    validateDimension(width, 'width', (calculated === null || calculated === void 0 ? void 0 : calculated.width) ? calculateMetadataErrorLocation : defaultErrorLocation);
-    const height = (_d = (_c = calculated === null || calculated === void 0 ? void 0 : calculated.height) !== null && _c !== void 0 ? _c : composition.height) !== null && _d !== void 0 ? _d : undefined;
-    validateDimension(height, 'height', (calculated === null || calculated === void 0 ? void 0 : calculated.height) ? calculateMetadataErrorLocation : defaultErrorLocation);
-    const fps = (_f = (_e = calculated === null || calculated === void 0 ? void 0 : calculated.fps) !== null && _e !== void 0 ? _e : composition.fps) !== null && _f !== void 0 ? _f : null;
-    validateFps(fps, (calculated === null || calculated === void 0 ? void 0 : calculated.fps) ? calculateMetadataErrorLocation : defaultErrorLocation, false);
-    const durationInFrames = (_h = (_g = calculated === null || calculated === void 0 ? void 0 : calculated.durationInFrames) !== null && _g !== void 0 ? _g : composition.durationInFrames) !== null && _h !== void 0 ? _h : null;
-    validateDurationInFrames(durationInFrames, {
-        allowFloats: false,
-        component: `of the "<Composition />" component with the id "${composition.id}"`,
-    });
-    return { width, height, fps, durationInFrames };
-};
 
 const ResolveCompositionContext = createContext(null);
 const resolveCompositionsRef = createRef();
+const needsResolution = (composition) => {
+    return Boolean(composition.calculateMetadata);
+};
 const ResolveCompositionConfig = ({ children }) => {
     const [currentRenderModalComposition, setCurrentRenderModalComposition] = useState(null);
     const { compositions, canvasContent, currentCompositionMetadata } = useContext(CompositionManager);
@@ -784,9 +787,6 @@ const ResolveCompositionConfig = ({ children }) => {
     }, [compositions, resolvedConfigs]);
     return (jsx(ResolveCompositionContext.Provider, { value: resolvedConfigsIncludingStaticOnes, children: children }));
 };
-const needsResolution = (composition) => {
-    return Boolean(composition.calculateMetadata);
-};
 const useResolvedVideoConfig = (preferredCompositionId) => {
     const context = useContext(ResolveCompositionContext);
     const { props: allEditorProps } = useContext(EditorPropsContext);
@@ -1765,33 +1765,6 @@ const getMediaTime = ({ fps, frame, src, playbackRate, startFrom, mediaType, })
 const toSeconds = (time, fps) => {
     return Math.round((time / fps) * 100) / 100;
 };
-const isSubsetOfDuration = (prevStartFrom, newStartFrom, prevDuration, newDuration) => {
-    return (prevStartFrom <= newStartFrom &&
-        prevStartFrom + prevDuration >= newStartFrom + newDuration);
-};
-const useAppendVideoFragment = ({ actualSrc: initialActualSrc, actualFrom: initialActualFrom, duration: initialDuration, fps, }) => {
-    const actualFromRef = useRef(initialActualFrom);
-    const actualDuration = useRef(initialDuration);
-    const actualSrc = useRef(initialActualSrc);
-    if (!isSubsetOfDuration || initialActualSrc !== actualSrc.current) {
-        actualFromRef.current = initialActualFrom;
-        actualDuration.current = initialDuration;
-        actualSrc.current = initialActualSrc;
-    }
-    const appended = appendVideoFragment({
-        actualSrc: actualSrc.current,
-        actualFrom: actualFromRef.current,
-        duration: actualDuration.current,
-        fps,
-    });
-    return appended;
-};
-const isIosSafari = () => {
-    return typeof window === 'undefined'
-        ? false
-        : /iP(ad|od|hone)/i.test(window.navigator.userAgent) &&
-            Boolean(navigator.userAgent.match(/Version\/[\d.]+.*Safari/));
-};
 // https://github.com/remotion-dev/remotion/issues/1655
 const isIOSSafariCase = (actualSrc) => {
     return typeof window === 'undefined'
@@ -1822,6 +1795,33 @@ const appendVideoFragment = ({ actualSrc, actualFrom, duration, fps, }) => {
     actualSrc += `,${toSeconds(duration, fps)}`;
     return actualSrc;
 };
+const isSubsetOfDuration = (prevStartFrom, newStartFrom, prevDuration, newDuration) => {
+    return (prevStartFrom <= newStartFrom &&
+        prevStartFrom + prevDuration >= newStartFrom + newDuration);
+};
+const useAppendVideoFragment = ({ actualSrc: initialActualSrc, actualFrom: initialActualFrom, duration: initialDuration, fps, }) => {
+    const actualFromRef = useRef(initialActualFrom);
+    const actualDuration = useRef(initialDuration);
+    const actualSrc = useRef(initialActualSrc);
+    if (!isSubsetOfDuration || initialActualSrc !== actualSrc.current) {
+        actualFromRef.current = initialActualFrom;
+        actualDuration.current = initialDuration;
+        actualSrc.current = initialActualSrc;
+    }
+    const appended = appendVideoFragment({
+        actualSrc: actualSrc.current,
+        actualFrom: actualFromRef.current,
+        duration: actualDuration.current,
+        fps,
+    });
+    return appended;
+};
+const isIosSafari = () => {
+    return typeof window === 'undefined'
+        ? false
+        : /iP(ad|od|hone)/i.test(window.navigator.userAgent) &&
+            Boolean(navigator.userAgent.match(/Version\/[\d.]+.*Safari/));
+};
 
 const alreadyWarned = {};
 const warnAboutNonSeekableMedia = (ref, type) => {
@@ -2453,7 +2453,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         var _a;
         return `audio-${random((_a = props.src) !== null && _a !== void 0 ? _a : '')}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.durationInFrames}`;
     }, [props.src, sequenceContext]);
-    const { volume: volumeProp, playbackRate, allowAmplificationDuringRender, onDuration, _remotionInternalNeedsDurationCalculation, acceptableTimeShiftInSeconds, ...nativeProps } = props;
+    const { volume: volumeProp, playbackRate, allowAmplificationDuringRender, onDuration, toneFrequency, _remotionInternalNeedsDurationCalculation, acceptableTimeShiftInSeconds, ...nativeProps } = props;
     const volume = evaluateVolume({
         volume: volumeProp,
         frame: volumePropFrame,
@@ -2486,6 +2486,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
             mediaFrame: frame,
             playbackRate: (_a = props.playbackRate) !== null && _a !== void 0 ? _a : 1,
             allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
+            toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -2501,6 +2502,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         playbackRate,
         props.playbackRate,
         allowAmplificationDuringRender,
+        toneFrequency,
     ]);
     const { src } = props;
     // The <audio> tag is only rendered if the duration needs to be calculated for the `loop`
@@ -2595,6 +2597,8 @@ const AudioRefForwardingFunction = (props, ref) => {
  */
 const Audio = forwardRef(AudioRefForwardingFunction);
 
+const getRegex$1 = () => /^([a-zA-Z0-9-])+$/g;
+const isFolderNameValid = (name) => name.match(getRegex$1());
 const validateFolderName = (name) => {
     if (name === undefined || name === null) {
         throw new TypeError('You must pass a name to a <Folder />.');
@@ -2606,8 +2610,6 @@ const validateFolderName = (name) => {
         throw new Error(`Folder name can only contain a-z, A-Z, 0-9 and -. You passed ${name}`);
     }
 };
-const getRegex$1 = () => /^([a-zA-Z0-9-])+$/g;
-const isFolderNameValid = (name) => name.match(getRegex$1());
 
 const FolderContext = createContext({
     folderName: null,
@@ -2710,13 +2712,13 @@ const useLazyComponent = (compProps) => {
     return lazy;
 };
 
+const getRegex = () => /^([a-zA-Z0-9-])+$/g;
+const isCompositionIdValid = (id) => id.match(getRegex());
 const validateCompositionId = (id) => {
     if (!isCompositionIdValid(id)) {
         throw new Error(`Composition id can only contain a-z, A-Z, 0-9 and -. You passed ${id}`);
     }
 };
-const getRegex = () => /^([a-zA-Z0-9-])+$/g;
-const isCompositionIdValid = (id) => id.match(getRegex());
 const invalidCompositionErrorMessage = `Composition ID must match ${String(getRegex())}`;
 
 const validateDefaultAndInputProps = (defaultProps, name, compositionId) => {
@@ -2731,6 +2733,20 @@ const validateDefaultAndInputProps = (defaultProps, name, compositionId) => {
     }
 };
 
+const ClipComposition = ({ children }) => {
+    const { clipRegion } = useContext(NativeLayersContext);
+    const style = useMemo(() => {
+        return {
+            display: 'flex',
+            flexDirection: 'row',
+            opacity: clipRegion === 'hide' ? 0 : 1,
+            clipPath: clipRegion && clipRegion !== 'hide'
+                ? `polygon(${clipRegion.x}px ${clipRegion.y}px, ${clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.y}px)`
+                : undefined,
+        };
+    }, [clipRegion]);
+    return jsx(AbsoluteFill, { style: style, children: children });
+};
 const Fallback = () => {
     useEffect(() => {
         const fallback = delayRender('Waiting for Root component to unsuspend');
@@ -2816,20 +2832,6 @@ const Composition = ({ width, height, fps, durationInFrames, id, defaultProps, s
     }
     return null;
 };
-const ClipComposition = ({ children }) => {
-    const { clipRegion } = useContext(NativeLayersContext);
-    const style = useMemo(() => {
-        return {
-            display: 'flex',
-            flexDirection: 'row',
-            opacity: clipRegion === 'hide' ? 0 : 1,
-            clipPath: clipRegion && clipRegion !== 'hide'
-                ? `polygon(${clipRegion.x}px ${clipRegion.y}px, ${clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.y}px)`
-                : undefined,
-        };
-    }, [clipRegion]);
-    return jsx(AbsoluteFill, { style: style, children: children });
-};
 
 // Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/bezier.js
 const NEWTON_ITERATIONS = 4;
@@ -3924,12 +3926,11 @@ const RemotionContextProvider = (props) => {
     return (jsx(CanUseRemotionHooks.Provider, { value: contexts.canUseRemotionHooksContext, children: jsx(NonceContext.Provider, { value: contexts.nonceContext, children: jsx(NativeLayersContext.Provider, { value: contexts.nativeLayersContext, children: jsx(PreloadContext.Provider, { value: contexts.preloadContext, children: jsx(CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: jsx(SequenceManager.Provider, { value: contexts.sequenceManagerContext, children: jsx(RenderAssetManager.Provider, { value: contexts.renderAssetManagerContext, children: jsx(ResolveCompositionContext.Provider, { value: contexts.resolveCompositionContext, children: jsx(TimelineContext.Provider, { value: contexts.timelineContext, children: jsx(SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: jsx(SequenceContext.Provider, { value: contexts.sequenceContext, children: children }) }) }) }) }) }) }) }) }) }) }));
 };
 
-const Timeline = TimelinePosition;
 // Mark them as Internals so use don't assume this is public
 // API and are less likely to use it
 const Internals = {
     useUnsafeVideoConfig,
-    Timeline,
+    Timeline: TimelinePosition,
     CompositionManager,
     SequenceManager,
     RemotionRoot,
@@ -4323,7 +4324,7 @@ const Still = (props) => {
     return React.createElement((Composition), newProps);
 };
 
-const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, ...props }) => {
+const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, toneFrequency, ...props }) => {
     const absoluteFrame = useTimelinePosition();
     const frame = useCurrentFrame();
     const volumePropsFrame = useFrameForVolumeProp();
@@ -4373,6 +4374,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
             mediaFrame: frame,
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
             allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
+            toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -4386,6 +4388,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
         absoluteFrame,
         playbackRate,
         allowAmplificationDuringRender,
+        toneFrequency,
     ]);
     const currentTime = useMemo(() => {
         return (getExpectedMediaFrameUncorrected({
@@ -4421,7 +4424,7 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
     const parentSequence = useContext(SequenceContext);
     const { volume, muted, playbackRate, onlyWarnForMediaSeekingError, src, onDuration, 
     // @ts-expect-error
-    acceptableTimeShift, acceptableTimeShiftInSeconds, ...nativeProps } = props;
+    acceptableTimeShift, acceptableTimeShiftInSeconds, toneFrequency, ...nativeProps } = props;
     if (typeof acceptableTimeShift !== 'undefined') {
         throw new Error('acceptableTimeShift has been removed. Use acceptableTimeShiftInSeconds instead.');
     }
@@ -4550,7 +4553,7 @@ const OffthreadVideo = (props) => {
     return (jsx(VideoForDevelopment, { onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...withoutTransparent }));
 };
 
-const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAmplificationDuringRender, playbackRate, onDuration, ...props }, ref) => {
+const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAmplificationDuringRender, playbackRate, onDuration, toneFrequency, ...props }, ref) => {
     const absoluteFrame = useTimelinePosition();
     const frame = useCurrentFrame();
     const volumePropsFrame = useFrameForVolumeProp();
@@ -4602,6 +4605,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
             mediaFrame: frame,
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
             allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
+            toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -4615,6 +4619,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
         absoluteFrame,
         playbackRate,
         allowAmplificationDuringRender,
+        toneFrequency,
     ]);
     useImperativeHandle(ref, () => {
         return videoRef.current;

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.46';
+const VERSION = '4.0.48';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.46",
+  "version": "4.0.48",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -18,7 +18,7 @@
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@jonny/eslint-config": "3.0.273",
+    "@jonny/eslint-config": "3.0.276",
     "@rollup/plugin-typescript": "^8.2.0",
     "@testing-library/react": "14.0.0",
     "@types/node": "18.14.6",