remotion 4.0.537 → 4.0.538

package/dist/cjs/audio/html5-audio.d.ts

@@ -5,54 +5,54 @@ import type { RemotionMainAudioProps } from './props.js';
  * @see [Documentation](https://remotion.dev/docs/html5-audio)
  */
 export declare const Html5Audio: React.ForwardRefExoticComponent<Omit<import("./props.js").NativeAudioProps & {
-    name?: string | undefined;
-    volume?: import("../volume-prop.js").VolumeProp | undefined;
-    playbackRate?: number | undefined;
-    preservePitch?: boolean | undefined;
-    acceptableTimeShiftInSeconds?: number | undefined;
-    allowAmplificationDuringRender?: boolean | undefined;
-    _remotionInternalNeedsDurationCalculation?: boolean | undefined;
-    _remotionInternalNativeLoopPassed?: boolean | undefined;
-    toneFrequency?: number | undefined;
-    useWebAudioApi?: boolean | undefined;
-    pauseWhenBuffering?: boolean | undefined;
-    showInTimeline?: boolean | undefined;
-    delayRenderTimeoutInMilliseconds?: number | undefined;
-    delayRenderRetries?: number | undefined;
-    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior | undefined;
-    onError?: ((err: Error) => void) | undefined;
-    audioStreamIndex?: number | undefined;
+    name?: string;
+    volume?: import("../volume-prop.js").VolumeProp;
+    playbackRate?: number;
+    preservePitch?: boolean;
+    acceptableTimeShiftInSeconds?: number;
+    allowAmplificationDuringRender?: boolean;
+    _remotionInternalNeedsDurationCalculation?: boolean;
+    _remotionInternalNativeLoopPassed?: boolean;
+    toneFrequency?: number;
+    useWebAudioApi?: boolean;
+    pauseWhenBuffering?: boolean;
+    showInTimeline?: boolean;
+    delayRenderTimeoutInMilliseconds?: number;
+    delayRenderRetries?: number;
+    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior;
+    onError?: (err: Error) => void;
+    audioStreamIndex?: number;
 } & RemotionMainAudioProps & {
     /**
      * @deprecated For internal use only
      */
-    readonly _remotionInternalStack?: string | undefined;
+    readonly _remotionInternalStack?: string;
 }, "ref"> & React.RefAttributes<HTMLAudioElement>>;
 /**
  * @deprecated This component has been renamed to `Html5Audio`.
  * @see [Documentation](https://remotion.dev/docs/mediabunny/new-video)
  */
 export declare const Audio: React.ForwardRefExoticComponent<Omit<import("./props.js").NativeAudioProps & {
-    name?: string | undefined;
-    volume?: import("../volume-prop.js").VolumeProp | undefined;
-    playbackRate?: number | undefined;
-    preservePitch?: boolean | undefined;
-    acceptableTimeShiftInSeconds?: number | undefined;
-    allowAmplificationDuringRender?: boolean | undefined;
-    _remotionInternalNeedsDurationCalculation?: boolean | undefined;
-    _remotionInternalNativeLoopPassed?: boolean | undefined;
-    toneFrequency?: number | undefined;
-    useWebAudioApi?: boolean | undefined;
-    pauseWhenBuffering?: boolean | undefined;
-    showInTimeline?: boolean | undefined;
-    delayRenderTimeoutInMilliseconds?: number | undefined;
-    delayRenderRetries?: number | undefined;
-    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior | undefined;
-    onError?: ((err: Error) => void) | undefined;
-    audioStreamIndex?: number | undefined;
+    name?: string;
+    volume?: import("../volume-prop.js").VolumeProp;
+    playbackRate?: number;
+    preservePitch?: boolean;
+    acceptableTimeShiftInSeconds?: number;
+    allowAmplificationDuringRender?: boolean;
+    _remotionInternalNeedsDurationCalculation?: boolean;
+    _remotionInternalNativeLoopPassed?: boolean;
+    toneFrequency?: number;
+    useWebAudioApi?: boolean;
+    pauseWhenBuffering?: boolean;
+    showInTimeline?: boolean;
+    delayRenderTimeoutInMilliseconds?: number;
+    delayRenderRetries?: number;
+    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior;
+    onError?: (err: Error) => void;
+    audioStreamIndex?: number;
 } & RemotionMainAudioProps & {
     /**
      * @deprecated For internal use only
      */
-    readonly _remotionInternalStack?: string | undefined;
+    readonly _remotionInternalStack?: string;
 }, "ref"> & React.RefAttributes<HTMLAudioElement>>;

package/dist/cjs/audio/html5-audio.js

@@ -61,9 +61,7 @@ const AudioRefForwardingFunction = (props, ref) => {
             console.warn(errMessage);
         }
     }, [loop, onRemotionError, preloadedSrc]);
-    const onDuration = (0, react_1.useCallback)((src, durationInSeconds) => {
-        setDurations({ type: 'got-duration', durationInSeconds, src });
-    }, [setDurations]);
+    const onDuration = (0, react_1.useMemo)(() => duration_state_js_1.onMediaDuration.bind(null, setDurations), [setDurations]);
     const durationFetched = (_a = durations[(0, absolute_src_js_1.getAbsoluteSrc)(preloadedSrc)]) !== null && _a !== void 0 ? _a : durations[(0, absolute_src_js_1.getAbsoluteSrc)(props.src)];
     (0, validate_start_from_props_js_1.validateMediaTrimProps)({ startFrom, endAt, trimBefore, trimAfter });
     if (durationInFrames !== undefined) {
@@ -88,22 +86,22 @@ const AudioRefForwardingFunction = (props, ref) => {
     const loopDuration = effectiveTrimAfter !== null && effectiveTrimAfter !== void 0 ? effectiveTrimAfter : (durationFetched === undefined ? undefined : durationFetched * fps);
     if (loop && loopDuration !== undefined) {
         if (!Number.isFinite(loopDuration)) {
-            return (jsx_runtime_1.jsx(exports.Html5Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }));
+            return ((0, jsx_runtime_1.jsx)(exports.Html5Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }));
         }
-        return (jsx_runtime_1.jsx(index_js_1.Loop, { layout: "none", durationInFrames: (0, calculate_media_duration_js_1.calculateMediaDuration)({
+        return ((0, jsx_runtime_1.jsx)(index_js_1.Loop, { layout: "none", durationInFrames: (0, calculate_media_duration_js_1.calculateMediaDuration)({
                 trimAfter: effectiveTrimAfter,
                 mediaDurationInFrames: loopDuration,
                 playbackRate: (_b = props.playbackRate) !== null && _b !== void 0 ? _b : 1,
                 trimBefore: trimBeforeValue,
-            }), children: jsx_runtime_1.jsx(exports.Html5Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
+            }), children: (0, jsx_runtime_1.jsx)(exports.Html5Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
     }
     if (typeof trimBeforeValue !== 'undefined' ||
         typeof effectiveTrimAfter !== 'undefined') {
-        return (jsx_runtime_1.jsx(use_audio_frame_js_1.Html5MediaTrimContext.Provider, { value: trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0, children: jsx_runtime_1.jsx(Sequence_js_1.Sequence, { layout: "none", from: 0 - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0), showInTimeline: false, durationInFrames: effectiveTrimAfter === undefined
+        return ((0, jsx_runtime_1.jsx)(use_audio_frame_js_1.Html5MediaTrimContext.Provider, { value: trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0, children: (0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0), showInTimeline: false, durationInFrames: effectiveTrimAfter === undefined
                     ? undefined
                     : (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0) +
                         (effectiveTrimAfter - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0)) /
-                            ((_c = props.playbackRate) !== null && _c !== void 0 ? _c : 1), name: name, children: jsx_runtime_1.jsx(exports.Html5Audio, { _remotionInternalNeedsDurationCalculation: Boolean(loop), pauseWhenBuffering: shouldPauseWhenBuffering, ...otherProps, ref: ref }) }) }));
+                            ((_c = props.playbackRate) !== null && _c !== void 0 ? _c : 1), name: name, children: (0, jsx_runtime_1.jsx)(exports.Html5Audio, { _remotionInternalNeedsDurationCalculation: Boolean(loop), pauseWhenBuffering: shouldPauseWhenBuffering, ...otherProps, ref: ref }) }) }));
     }
     (0, validate_media_props_js_1.validateMediaProps)({
         playbackRate: props.playbackRate,
@@ -111,9 +109,9 @@ const AudioRefForwardingFunction = (props, ref) => {
         volume: props.volume,
     }, 'Html5Audio');
     if (environment.isRendering) {
-        return (jsx_runtime_1.jsx(AudioForRendering_js_1.AudioForRendering, { onDuration: onDuration, ...props, ref: ref, onNativeError: onError, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
+        return ((0, jsx_runtime_1.jsx)(AudioForRendering_js_1.AudioForRendering, { onDuration: onDuration, ...props, ref: ref, onNativeError: onError, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
     }
-    return (jsx_runtime_1.jsx(AudioForPreview_js_1.AudioForPreview, { _remotionInternalNativeLoopPassed: (_d = props._remotionInternalNativeLoopPassed) !== null && _d !== void 0 ? _d : false, _remotionInternalStack: _remotionInternalStack !== null && _remotionInternalStack !== void 0 ? _remotionInternalStack : null, shouldPreMountAudioTags: audioTagsContext !== null && audioTagsContext.numberOfAudioTags > 0, ...props, ref: ref, onNativeError: onError, onDuration: onDuration, pauseWhenBuffering: shouldPauseWhenBuffering, _remotionInternalNeedsDurationCalculation: Boolean(loop), showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true }));
+    return ((0, jsx_runtime_1.jsx)(AudioForPreview_js_1.AudioForPreview, { _remotionInternalNativeLoopPassed: (_d = props._remotionInternalNativeLoopPassed) !== null && _d !== void 0 ? _d : false, _remotionInternalStack: _remotionInternalStack !== null && _remotionInternalStack !== void 0 ? _remotionInternalStack : null, shouldPreMountAudioTags: audioTagsContext !== null && audioTagsContext.numberOfAudioTags > 0, ...props, ref: ref, onNativeError: onError, onDuration: onDuration, pauseWhenBuffering: shouldPauseWhenBuffering, _remotionInternalNeedsDurationCalculation: Boolean(loop), showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true }));
 };
 /**
  * @description With this component, you can add audio to your video. All audio formats which are supported by Chromium are supported by the component.

package/dist/cjs/audio/index.js

@@ -15,7 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Html5Audio = exports.Audio = void 0;
-const html5_audio_js_1 = require("./html5-audio.js");
+var html5_audio_js_1 = require("./html5-audio.js");
 Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return html5_audio_js_1.Audio; } });
 Object.defineProperty(exports, "Html5Audio", { enumerable: true, get: function () { return html5_audio_js_1.Html5Audio; } });
 __exportStar(require("./props.js"), exports);

package/dist/cjs/audio/shared-audio-tags.js

@@ -319,10 +319,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
         return {
             sampleRate,
             audioContext: (_a = ctxAndGain === null || ctxAndGain === void 0 ? void 0 : ctxAndGain.audioContext) !== null && _a !== void 0 ? _a : null,
-            getAudioContextState: () => {
-                var _a;
-                return (_a = ctxAndGain === null || ctxAndGain === void 0 ? void 0 : ctxAndGain.getState()) !== null && _a !== void 0 ? _a : null;
-            },
+            getAudioContextState: () => { var _a; return (_a = ctxAndGain === null || ctxAndGain === void 0 ? void 0 : ctxAndGain.getState()) !== null && _a !== void 0 ? _a : null; },
             gainNode: (_b = ctxAndGain === null || ctxAndGain === void 0 ? void 0 : ctxAndGain.gainNode) !== null && _b !== void 0 ? _b : null,
             audioSyncAnchor,
             audioSyncAnchorEmitter,
@@ -347,7 +344,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
         unscheduleAudioNode,
         _experimentalKeepAudioContextAlive,
     ]);
-    return (jsx_runtime_1.jsx(exports.SharedAudioContext.Provider, { value: audioContextValue, children: children }));
+    return ((0, jsx_runtime_1.jsx)(exports.SharedAudioContext.Provider, { value: audioContextValue, children: children }));
 };
 exports.SharedAudioContextProvider = SharedAudioContextProvider;
 const SharedAudioTagsContextProvider = ({ children, numberOfAudioTags }) => {
@@ -543,16 +540,17 @@ const SharedAudioTagsContextProvider = ({ children, numberOfAudioTags }) => {
     ]);
     const sharedAudioTagElements = (0, react_1.useMemo)(() => {
         return refs.map(({ id, ref }) => {
-            return (
-            // Without preload="metadata", iOS will seek the time internally
-            // but not actually with sound. Adding `preload="metadata"` helps here.
-            // https://discord.com/channels/809501355504959528/817306414069710848/1130519583367888906
-            jsx_runtime_1.jsx("audio", { ref: ref, preload: "metadata", src: EMPTY_AUDIO }, id));
+            return ((0, jsx_runtime_1.jsx)("audio", { ref: ref, preload: "metadata", src: EMPTY_AUDIO }, id));
         });
     }, [refs]);
-    return (jsx_runtime_1.jsxs(exports.SharedAudioTagsContext.Provider, { value: audioTagsValue, children: [sharedAudioTagElements, children] }));
+    return ((0, jsx_runtime_1.jsxs)(exports.SharedAudioTagsContext.Provider, { value: audioTagsValue, children: [sharedAudioTagElements, children] }));
 };
 exports.SharedAudioTagsContextProvider = SharedAudioTagsContextProvider;
+const unregisterSharedAudio = (tagsContext, id) => {
+    if (tagsContext && tagsContext.numberOfAudioTags > 0) {
+        tagsContext.unregisterAudio(id);
+    }
+};
 const useSharedAudio = ({ aud, audioId, premounting, postmounting, }) => {
     var _a;
     var _b, _c;
@@ -608,11 +606,7 @@ const useSharedAudio = ({ aud, audioId, premounting, postmounting, }) => {
             }
         }, [aud, tagsCtx, elem.id, audioId, premounting, postmounting]);
         effectToUse(() => {
-            return () => {
-                if (tagsCtx && tagsCtx.numberOfAudioTags > 0) {
-                    tagsCtx.unregisterAudio(elem.id);
-                }
-            };
+            return unregisterSharedAudio.bind(null, tagsCtx, elem.id);
         }, [tagsCtx, elem.id]);
     }
     return elem;

package/dist/cjs/audio/shared-element-source-node.d.ts

@@ -1,6 +1,6 @@
 export declare const makeSharedElementSourceNode: ({ audioContext, ref, }: {
     audioContext: AudioContext | null;
-    ref: import("react").RefObject<HTMLAudioElement | null>;
+    ref: React.RefObject<HTMLAudioElement | null>;
 }) => {
     setAudioContext: (newAudioContext: AudioContext | null) => void;
     attemptToConnect: () => void;

package/dist/cjs/audio/use-audio-context.d.ts

@@ -1,6 +1,7 @@
+import type { LogLevel } from '../log';
 export type RemotionAudioContextState = AudioContextState | 'running-to-suspended' | 'suspended-to-running';
 export declare const useSingletonAudioContext: ({ logLevel, latencyHint, audioEnabled, sampleRate, }: {
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
     latencyHint: AudioContextLatencyCategory;
     audioEnabled: boolean;
     sampleRate: number;

package/dist/cjs/audio/wait-until-actually-resumed.d.ts

@@ -1,2 +1,3 @@
+import { type LogLevel } from '../log.js';
 export type AudioContextResumeResult = 'resumed' | 'cancelled' | 'failed';
-export declare const waitUntilActuallyResumed: (audioContext: AudioContext, logLevel: "error" | "info" | "trace" | "verbose" | "warn", signal: AbortSignal, isAutoPlayAttempt: boolean) => Promise<AudioContextResumeResult>;
+export declare const waitUntilActuallyResumed: (audioContext: AudioContext, logLevel: LogLevel, signal: AbortSignal, isAutoPlayAttempt: boolean) => Promise<AudioContextResumeResult>;

package/dist/cjs/buffer-until-first-frame.d.ts

@@ -1,9 +1,10 @@
+import type { LogLevel } from './log';
 export declare const useBufferUntilFirstFrame: ({ mediaRef, mediaType, onVariableFpsVideoDetected, pauseWhenBuffering, logLevel, mountTime, }: {
-    mediaRef: import("react").RefObject<HTMLAudioElement | HTMLVideoElement | null>;
-    mediaType: "audio" | "video";
+    mediaRef: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
+    mediaType: 'video' | 'audio';
     onVariableFpsVideoDetected: () => void;
     pauseWhenBuffering: boolean;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
     mountTime: number | null;
 }) => {
     isBuffering: () => boolean;

package/dist/cjs/buffering.js

@@ -108,6 +108,6 @@ const BufferingProvider = ({ children }) => {
     const { logLevel, mountTime } = (0, react_1.useContext)(log_level_context_1.LogLevelContext);
     const { isBuffering, setBuffering } = (0, react_1.useContext)(TimelineContext_js_1.SetTimelineContext);
     const bufferManager = useBufferManager(logLevel !== null && logLevel !== void 0 ? logLevel : 'info', mountTime, setBuffering, isBuffering);
-    return (jsx_runtime_1.jsx(exports.BufferingContextReact.Provider, { value: bufferManager, children: children }));
+    return ((0, jsx_runtime_1.jsx)(exports.BufferingContextReact.Provider, { value: bufferManager, children: children }));
 };
 exports.BufferingProvider = BufferingProvider;

package/dist/cjs/cancel-render.js

@@ -58,6 +58,9 @@ function cancelRenderInternal(scope, err) {
         error = Error('Rendering was cancelled');
     }
     if (scope) {
+        // Server rendering reads the stack across Puppeteer. Browser rendering can
+        // keep the original Error in this realm, including its cause chain.
+        scope.remotion_cancelledErrorObject = error;
         scope.remotion_cancelledError = (0, exports.getErrorStackWithMessage)(error);
     }
     throw error;

package/dist/cjs/canvas-image/CanvasImage.d.ts

@@ -2,52 +2,52 @@ import type { EffectsProp, EffectsOutputSize } from '../effects/effect-types.js'
 import type { CanvasImageCanvasProps } from './props.js';
 export declare const canvasImageSchema: {
     readonly 'style.transformOrigin': {
-        readonly type: "transform-origin";
+        readonly type: 'transform-origin';
         readonly step: 1;
-        readonly default: "50% 50%";
-        readonly description: "Transform origin";
+        readonly default: '50% 50%';
+        readonly description: 'Transform origin';
     };
     readonly 'style.translate': {
-        readonly type: "translate";
+        readonly type: 'translate';
         readonly step: 1;
-        readonly default: "0px 0px";
-        readonly description: "Offset";
+        readonly default: '0px 0px';
+        readonly description: 'Offset';
     };
     readonly 'style.scale': {
-        readonly type: "scale";
+        readonly type: 'scale';
         readonly max: 100;
         readonly step: 0.01;
         readonly default: 1;
-        readonly description: "Scale";
-        readonly defaultKeyframeOutput: "perceptual-scale";
+        readonly description: 'Scale';
+        readonly defaultKeyframeOutput: 'perceptual-scale';
     };
     readonly 'style.rotate': {
-        readonly type: "rotation-css";
+        readonly type: 'rotation-css';
         readonly step: 1;
-        readonly default: "0deg";
-        readonly description: "Rotation";
+        readonly default: '0deg';
+        readonly description: 'Rotation';
     };
     readonly 'style.opacity': {
-        readonly type: "number";
+        readonly type: 'number';
         readonly min: 0;
         readonly max: 1;
         readonly step: 0.01;
         readonly default: 1;
-        readonly description: "Opacity";
+        readonly description: 'Opacity';
         readonly hiddenFromList: false;
     };
     readonly 'style.borderWidth': {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: undefined;
         readonly min: 0;
         readonly step: 1;
-        readonly description: "Border width";
+        readonly description: 'Border width';
         readonly hiddenFromList: false;
     };
     readonly 'style.borderStyle': {
-        readonly type: "enum";
-        readonly default: "none";
-        readonly description: "Border style";
+        readonly type: 'enum';
+        readonly default: 'none';
+        readonly description: 'Border style';
         readonly variants: {
             readonly none: {};
             readonly hidden: {};
@@ -62,67 +62,67 @@ export declare const canvasImageSchema: {
         };
     };
     readonly 'style.borderColor': {
-        readonly type: "color";
+        readonly type: 'color';
         readonly default: undefined;
-        readonly description: "Border color";
+        readonly description: 'Border color';
     };
     readonly 'style.borderRadius': {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
         readonly min: 0;
         readonly step: 1;
-        readonly description: "Border radius";
+        readonly description: 'Border radius';
         readonly hiddenFromList: false;
         readonly keyframable: true;
     };
     readonly 'style.borderTopLeftRadius': {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
         readonly min: 0;
         readonly step: 1;
-        readonly description: "Top left radius";
+        readonly description: 'Top left radius';
         readonly hiddenFromList: false;
     };
     readonly 'style.borderTopRightRadius': {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
         readonly min: 0;
         readonly step: 1;
-        readonly description: "Top right radius";
+        readonly description: 'Top right radius';
         readonly hiddenFromList: false;
     };
     readonly 'style.borderBottomRightRadius': {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
         readonly min: 0;
         readonly step: 1;
-        readonly description: "Bottom right radius";
+        readonly description: 'Bottom right radius';
         readonly hiddenFromList: false;
     };
     readonly 'style.borderBottomLeftRadius': {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
         readonly min: 0;
         readonly step: 1;
-        readonly description: "Bottom left radius";
+        readonly description: 'Bottom left radius';
         readonly hiddenFromList: false;
     };
     readonly 'style.backgroundColor': {
-        readonly type: "color";
-        readonly default: "transparent";
-        readonly description: "Color";
+        readonly type: 'color';
+        readonly default: 'transparent';
+        readonly description: 'Color';
     };
     readonly premountFor: {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: undefined;
-        readonly description: "Premount For";
+        readonly description: 'Premount For';
         readonly min: 0;
         readonly step: 1;
         readonly hiddenFromList: false;
         readonly keyframable: false;
     };
     readonly postmountFor: {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
         readonly min: 0;
         readonly step: 1;
@@ -130,9 +130,9 @@ export declare const canvasImageSchema: {
         readonly keyframable: false;
     };
     readonly cropLeft: {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
-        readonly description: "Crop left";
+        readonly description: 'Crop left';
         readonly min: 0;
         readonly max: 1;
         readonly step: 0.01;
@@ -140,9 +140,9 @@ export declare const canvasImageSchema: {
         readonly keyframable: true;
     };
     readonly cropRight: {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
-        readonly description: "Crop right";
+        readonly description: 'Crop right';
         readonly min: 0;
         readonly max: 1;
         readonly step: 0.01;
@@ -150,9 +150,9 @@ export declare const canvasImageSchema: {
         readonly keyframable: true;
     };
     readonly cropTop: {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
-        readonly description: "Crop top";
+        readonly description: 'Crop top';
         readonly min: 0;
         readonly max: 1;
         readonly step: 0.01;
@@ -160,9 +160,9 @@ export declare const canvasImageSchema: {
         readonly keyframable: true;
     };
     readonly cropBottom: {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
-        readonly description: "Crop bottom";
+        readonly description: 'Crop bottom';
         readonly min: 0;
         readonly max: 1;
         readonly step: 0.01;
@@ -170,27 +170,27 @@ export declare const canvasImageSchema: {
         readonly keyframable: true;
     };
     readonly durationInFrames: {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: undefined;
         readonly min: 1;
         readonly step: 1;
         readonly hiddenFromList: true;
     };
     readonly from: {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
         readonly step: 1;
         readonly hiddenFromList: true;
     };
     readonly trimBefore: {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: 0;
         readonly min: 0;
         readonly step: 1;
         readonly hiddenFromList: true;
     };
     readonly freeze: {
-        readonly type: "number";
+        readonly type: 'number';
         readonly default: null;
         readonly step: 1;
         readonly hiddenFromList: true;
@@ -199,16 +199,16 @@ export declare const canvasImageSchema: {
     readonly name: import("../interactivity-schema.js").HiddenFieldSchema;
     readonly showInTimeline: import("../interactivity-schema.js").HiddenFieldSchema;
     readonly src: {
-        readonly type: "asset";
-        readonly assetType: "image";
+        readonly type: 'asset';
+        readonly assetType: 'image';
         readonly default: undefined;
-        readonly description: "Source";
+        readonly description: 'Source';
         readonly keyframable: false;
     };
     readonly fit: {
-        readonly type: "enum";
-        readonly default: "fill";
-        readonly description: "Fit";
+        readonly type: 'enum';
+        readonly default: 'fill';
+        readonly description: 'Fit';
         readonly variants: {
             readonly fill: {};
             readonly contain: {};
@@ -218,20 +218,20 @@ export declare const canvasImageSchema: {
 };
 export declare const CanvasImage: import("react").ComponentType<Omit<import("../Interactive.js").InteractiveBaseProps, "playbackRate"> & import("../Interactive.js").InteractiveCropProps & import("../Interactive.js").InteractivePremountProps & CanvasImageCanvasProps & {
     readonly src: string;
-    readonly crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-    readonly width?: number | undefined;
-    readonly height?: number | undefined;
-    readonly fit?: import("../calculate-image-fit.js").ImageFit | undefined;
-    readonly effects?: EffectsProp | undefined;
-    readonly effectsOutputSize?: EffectsOutputSize | undefined;
-    readonly className?: string | undefined;
-    readonly style?: import("react").CSSProperties | undefined;
-    readonly id?: string | undefined;
-    readonly onError?: ((error: Error) => void) | undefined;
-    readonly pauseWhenLoading?: boolean | undefined;
-    readonly maxRetries?: number | undefined;
-    readonly delayRenderRetries?: number | undefined;
-    readonly delayRenderTimeoutInMilliseconds?: number | undefined;
-    readonly _remotionInternalDocumentationLink?: string | undefined;
-    readonly _remotionInternalCropComponentName?: string | undefined;
+    readonly crossOrigin?: React.ImgHTMLAttributes<HTMLImageElement>['crossOrigin'];
+    readonly width?: number;
+    readonly height?: number;
+    readonly fit?: import("../calculate-image-fit.js").ImageFit;
+    readonly effects?: EffectsProp;
+    readonly effectsOutputSize?: EffectsOutputSize;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+    readonly id?: string;
+    readonly onError?: (error: Error) => void;
+    readonly pauseWhenLoading?: boolean;
+    readonly maxRetries?: number;
+    readonly delayRenderRetries?: number;
+    readonly delayRenderTimeoutInMilliseconds?: number;
+    readonly _remotionInternalDocumentationLink?: string;
+    readonly _remotionInternalCropComponentName?: string;
 } & import("react").RefAttributes<HTMLCanvasElement>>;