remotion 3.0.0-lambda.437 → 3.0.0-lambda.446

package/dist/cjs/CompositionManager.d.ts

@@ -0,0 +1,70 @@
+import React, { LazyExoticComponent } from 'react';
+import { LooseAnyComponent } from './any-component';
+export declare type TComposition<T = unknown> = {
+    width: number;
+    height: number;
+    fps: number;
+    durationInFrames: number;
+    id: string;
+    component: LazyExoticComponent<LooseAnyComponent<T>>;
+    defaultProps: T | undefined;
+    nonce: number;
+};
+export declare type TCompMetadata = Pick<TComposition, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames' | 'defaultProps'>;
+declare type EnhancedTSequenceData = {
+    type: 'sequence';
+} | {
+    type: 'audio';
+    src: string;
+    volume: string | number;
+    doesVolumeChange: boolean;
+    startMediaFrom: number;
+} | {
+    type: 'video';
+    src: string;
+    volume: string | number;
+    doesVolumeChange: boolean;
+    startMediaFrom: number;
+};
+export declare type TSequence = {
+    from: number;
+    duration: number;
+    id: string;
+    displayName: string;
+    parent: string | null;
+    rootId: string;
+    showInTimeline: boolean;
+    nonce: number;
+    showLoopTimesInTimeline: number | undefined;
+} & EnhancedTSequenceData;
+export declare type TAsset = {
+    type: 'audio' | 'video';
+    src: string;
+    id: string;
+    frame: number;
+    volume: number;
+    isRemote: boolean;
+    mediaFrame: number;
+    playbackRate: number;
+};
+export declare type RenderAssetInfo = {
+    assets: TAsset[][];
+    bundleDir: string;
+};
+export declare type CompositionManagerContext = {
+    compositions: TComposition[];
+    registerComposition: <T>(comp: TComposition<T>) => void;
+    unregisterComposition: (name: string) => void;
+    currentComposition: string | null;
+    setCurrentComposition: (curr: string) => void;
+    registerSequence: (seq: TSequence) => void;
+    unregisterSequence: (id: string) => void;
+    registerAsset: (asset: TAsset) => void;
+    unregisterAsset: (id: string) => void;
+    sequences: TSequence[];
+    assets: TAsset[];
+};
+export declare const CompositionManager: React.Context<CompositionManagerContext>;
+export declare const CompositionManagerProvider: React.FC;
+export {};
+//# sourceMappingURL=CompositionManager.d.ts.map

package/dist/cjs/CompositionManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositionManager.d.ts","sourceRoot":"","sources":["../../src/CompositionManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEb,mBAAmB,EAKnB,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAElD,oBAAY,YAAY,CAAC,CAAC,GAAG,OAAO,IAAI;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,MAAM,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,aAAa,GAAG,IAAI,CAC/B,YAAY,EACZ,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,kBAAkB,GAAG,cAAc,CACvE,CAAC;AAEF,aAAK,qBAAqB,GACvB;IACA,IAAI,EAAE,UAAU,CAAC;CAChB,GACD;IACA,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IAKZ,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;CACtB,GACD;IACA,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;AAEL,oBAAY,SAAS,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5C,GAAG,qBAAqB,CAAC;AAE1B,oBAAY,MAAM,GAAG;IACpB,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,yBAAyB,GAAG;IACvC,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,mBAAmB,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACxD,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,MAAM,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,kBAAkB,0CAY7B,CAAC;AAEH,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EA2F9C,CAAC"}

package/dist/cjs/CompositionManager.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompositionManagerProvider = exports.CompositionManager = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.CompositionManager = (0, react_1.createContext)({
+    compositions: [],
+    registerComposition: () => undefined,
+    unregisterComposition: () => undefined,
+    currentComposition: null,
+    setCurrentComposition: () => undefined,
+    registerSequence: () => undefined,
+    unregisterSequence: () => undefined,
+    registerAsset: () => undefined,
+    unregisterAsset: () => undefined,
+    sequences: [],
+    assets: [],
+});
+const CompositionManagerProvider = ({ children }) => {
+    // Wontfix, expected to have
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const [compositions, setCompositions] = (0, react_1.useState)([]);
+    const [currentComposition, setCurrentComposition] = (0, react_1.useState)(null);
+    const [assets, setAssets] = (0, react_1.useState)([]);
+    const [sequences, setSequences] = (0, react_1.useState)([]);
+    const registerComposition = (0, react_1.useCallback)((comp) => {
+        setCompositions((comps) => {
+            if (comps.find((c) => c.id === comp.id)) {
+                throw new Error(`Multiple composition with id ${comp.id} are registered.`);
+            }
+            return [...comps, comp].slice().sort((a, b) => a.nonce - b.nonce);
+        });
+    }, []);
+    const registerSequence = (0, react_1.useCallback)((seq) => {
+        setSequences((seqs) => {
+            return [...seqs, seq];
+        });
+    }, []);
+    const unregisterComposition = (0, react_1.useCallback)((id) => {
+        setCompositions((comps) => {
+            return comps.filter((c) => c.id !== id);
+        });
+    }, []);
+    const unregisterSequence = (0, react_1.useCallback)((seq) => {
+        setSequences((seqs) => seqs.filter((s) => s.id !== seq));
+    }, []);
+    const registerAsset = (0, react_1.useCallback)((asset) => {
+        setAssets((assts) => {
+            return [...assts, asset];
+        });
+    }, []);
+    const unregisterAsset = (0, react_1.useCallback)((id) => {
+        setAssets((assts) => {
+            return assts.filter((a) => a.id !== id);
+        });
+    }, []);
+    (0, react_1.useLayoutEffect)(() => {
+        if (typeof window !== 'undefined') {
+            window.remotion_collectAssets = () => {
+                setAssets([]); // clear assets at next render
+                return assets;
+            };
+        }
+    }, [assets]);
+    const contextValue = (0, react_1.useMemo)(() => {
+        return {
+            compositions,
+            registerComposition,
+            unregisterComposition,
+            currentComposition,
+            setCurrentComposition,
+            registerSequence,
+            unregisterSequence,
+            registerAsset,
+            unregisterAsset,
+            sequences,
+            assets,
+        };
+    }, [
+        compositions,
+        currentComposition,
+        registerComposition,
+        registerSequence,
+        unregisterComposition,
+        unregisterSequence,
+        registerAsset,
+        unregisterAsset,
+        sequences,
+        assets,
+    ]);
+    return ((0, jsx_runtime_1.jsx)(exports.CompositionManager.Provider, { value: contextValue, children: children }, void 0));
+};
+exports.CompositionManagerProvider = CompositionManagerProvider;
+//# sourceMappingURL=CompositionManager.js.map

package/dist/cjs/CompositionManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositionManager.js","sourceRoot":"","sources":["../../src/CompositionManager.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/IFrame.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const IFrame: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, "key" | keyof React.IframeHTMLAttributes<HTMLIFrameElement>> & React.RefAttributes<HTMLIFrameElement>>;
+//# sourceMappingURL=IFrame.d.ts.map

package/dist/cjs/IFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFrame.d.ts","sourceRoot":"","sources":["../../src/IFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuC/D,eAAO,MAAM,MAAM,wOAAkC,CAAC"}

package/dist/cjs/IFrame.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IFrame = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ready_manager_1 = require("./ready-manager");
+const IFrameRefForwarding = ({ onLoad, onError, ...props }, ref) => {
+    const [handle] = (0, react_1.useState)(() => (0, ready_manager_1.delayRender)());
+    const didLoad = (0, react_1.useCallback)((e) => {
+        (0, ready_manager_1.continueRender)(handle);
+        onLoad === null || onLoad === void 0 ? void 0 : onLoad(e);
+    }, [handle, onLoad]);
+    const didGetError = (0, react_1.useCallback)((e) => {
+        (0, ready_manager_1.continueRender)(handle);
+        if (onError) {
+            onError(e);
+        }
+        else {
+            console.error('Error loading iframe:', e, 'Handle the event using the onError() prop to make this message disappear.');
+        }
+    }, [handle, onError]);
+    return (0, jsx_runtime_1.jsx)("iframe", { ...props, ref: ref, onError: didGetError, onLoad: didLoad }, void 0);
+};
+exports.IFrame = (0, react_1.forwardRef)(IFrameRefForwarding);
+//# sourceMappingURL=IFrame.js.map

package/dist/cjs/IFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFrame.js","sourceRoot":"","sources":["../../src/IFrame.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+D;AAC/D,mDAA4D;AAE5D,MAAM,mBAAmB,GAMrB,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IACxC,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAA,2BAAW,GAAE,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG,IAAA,mBAAW,EAC1B,CAAC,CAAiD,EAAE,EAAE;QACrD,IAAA,8BAAc,EAAC,MAAM,CAAC,CAAC;QACvB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IACb,CAAC,EACD,CAAC,MAAM,EAAE,MAAM,CAAC,CAChB,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAiD,EAAE,EAAE;QACrD,IAAA,8BAAc,EAAC,MAAM,CAAC,CAAC;QACvB,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;SACX;aAAM;YACN,OAAO,CAAC,KAAK,CACZ,uBAAuB,EACvB,CAAC,EACD,2EAA2E,CAC3E,CAAC;SACF;IACF,CAAC,EACD,CAAC,MAAM,EAAE,OAAO,CAAC,CACjB,CAAC;IAEF,OAAO,sCAAY,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,WAAI,CAAC;AAC/E,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAC"}

package/dist/cjs/Img.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Img: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof React.ImgHTMLAttributes<HTMLImageElement>> & React.RefAttributes<HTMLImageElement>>;
+//# sourceMappingURL=Img.d.ts.map

package/dist/cjs/Img.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Img.d.ts","sourceRoot":"","sources":["../../src/Img.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAgD1E,eAAO,MAAM,GAAG,8NAA+B,CAAC"}

package/dist/cjs/Img.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Img = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ready_manager_1 = require("./ready-manager");
+const ImgRefForwarding = ({ onLoad, onError, ...props }, ref) => {
+    const [handle] = (0, react_1.useState)(() => (0, ready_manager_1.delayRender)());
+    (0, react_1.useEffect)(() => {
+        if (ref &&
+            ref.current.complete) {
+            (0, ready_manager_1.continueRender)(handle);
+        }
+    }, [handle, ref]);
+    const didLoad = (0, react_1.useCallback)((e) => {
+        (0, ready_manager_1.continueRender)(handle);
+        onLoad === null || onLoad === void 0 ? void 0 : onLoad(e);
+    }, [handle, onLoad]);
+    const didGetError = (0, react_1.useCallback)((e) => {
+        (0, ready_manager_1.continueRender)(handle);
+        if (onError) {
+            onError(e);
+        }
+        else {
+            console.error('Error loading image:', e, 'Handle the event using the onError() prop to make this message disappear.');
+        }
+    }, [handle, onError]);
+    return (0, jsx_runtime_1.jsx)("img", { ...props, ref: ref, onLoad: didLoad, onError: didGetError }, void 0);
+};
+exports.Img = (0, react_1.forwardRef)(ImgRefForwarding);
+//# sourceMappingURL=Img.js.map

package/dist/cjs/Img.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../src/Img.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0E;AAC1E,mDAA4D;AAE5D,MAAM,gBAAgB,GAMlB,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IACxC,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAA,2BAAW,GAAE,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IACC,GAAG;YACF,GAAgD,CAAC,OAAO,CAAC,QAAQ,EACjE;YACD,IAAA,8BAAc,EAAC,MAAM,CAAC,CAAC;SACvB;IACF,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAElB,MAAM,OAAO,GAAG,IAAA,mBAAW,EAC1B,CAAC,CAAgD,EAAE,EAAE;QACpD,IAAA,8BAAc,EAAC,MAAM,CAAC,CAAC;QACvB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IACb,CAAC,EACD,CAAC,MAAM,EAAE,MAAM,CAAC,CAChB,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAgD,EAAE,EAAE;QACpD,IAAA,8BAAc,EAAC,MAAM,CAAC,CAAC;QACvB,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;SACX;aAAM;YACN,OAAO,CAAC,KAAK,CACZ,sBAAsB,EACtB,CAAC,EACD,2EAA2E,CAC3E,CAAC;SACF;IACF,CAAC,EACD,CAAC,MAAM,EAAE,OAAO,CAAC,CACjB,CAAC;IAEF,OAAO,mCAAS,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,WAAI,CAAC;AAC5E,CAAC,CAAC;AAEW,QAAA,GAAG,GAAG,IAAA,kBAAU,EAAC,gBAAgB,CAAC,CAAC"}

package/dist/cjs/RemotionRoot.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const RemotionRoot: React.FC;
+//# sourceMappingURL=RemotionRoot.d.ts.map

package/dist/cjs/RemotionRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemotionRoot.d.ts","sourceRoot":"","sources":["../../src/RemotionRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAcf,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EA0EhC,CAAC"}

package/dist/cjs/RemotionRoot.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RemotionRoot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const shared_audio_tags_1 = require("./audio/shared-audio-tags");
+const CompositionManager_1 = require("./CompositionManager");
+const nonce_1 = require("./nonce");
+const random_1 = require("./random");
+const ready_manager_1 = require("./ready-manager");
+const timeline_position_state_1 = require("./timeline-position-state");
+const RemotionRoot = ({ children }) => {
+    var _a;
+    const [remotionRootId] = (0, react_1.useState)(() => String((0, random_1.random)(null)));
+    const [frame, setFrame] = (0, react_1.useState)((_a = window.remotion_initialFrame) !== null && _a !== void 0 ? _a : 0);
+    const [playing, setPlaying] = (0, react_1.useState)(false);
+    const imperativePlaying = (0, react_1.useRef)(false);
+    const [fastRefreshes, setFastRefreshes] = (0, react_1.useState)(0);
+    const [playbackRate, setPlaybackRate] = (0, react_1.useState)(1);
+    const audioAndVideoTags = (0, react_1.useRef)([]);
+    (0, react_1.useLayoutEffect)(() => {
+        if (typeof window !== 'undefined') {
+            window.remotion_setFrame = (f) => {
+                const id = (0, ready_manager_1.delayRender)();
+                setFrame(f);
+                requestAnimationFrame(() => (0, ready_manager_1.continueRender)(id));
+            };
+            window.remotion_isPlayer = false;
+        }
+    }, []);
+    const timelineContextValue = (0, react_1.useMemo)(() => {
+        return {
+            frame,
+            playing,
+            imperativePlaying,
+            rootId: remotionRootId,
+            playbackRate,
+            setPlaybackRate,
+            audioAndVideoTags,
+        };
+    }, [frame, playbackRate, playing, remotionRootId]);
+    const setTimelineContextValue = (0, react_1.useMemo)(() => {
+        return {
+            setFrame,
+            setPlaying,
+        };
+    }, []);
+    const nonceContext = (0, react_1.useMemo)(() => {
+        let counter = 0;
+        return {
+            getNonce: () => counter++,
+            fastRefreshes,
+        };
+    }, [fastRefreshes]);
+    (0, react_1.useEffect)(() => {
+        if (module.hot) {
+            module.hot.addStatusHandler((status) => {
+                if (status === 'idle') {
+                    setFastRefreshes((i) => i + 1);
+                }
+            });
+        }
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: nonceContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: setTimelineContextValue, children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManagerProvider, { children: (0, jsx_runtime_1.jsx)(shared_audio_tags_1.SharedAudioContextProvider
+                    // In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
+                    , { 
+                        // In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
+                        numberOfAudioTags: 0, children: children }, void 0) }, void 0) }, void 0) }, void 0) }, void 0));
+};
+exports.RemotionRoot = RemotionRoot;
+//# sourceMappingURL=RemotionRoot.js.map

package/dist/cjs/RemotionRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemotionRoot.js","sourceRoot":"","sources":["../../src/RemotionRoot.tsx"],"names":[],"mappings":";;;;AAAA,iCAMe;AACf,iEAAqE;AACrE,6DAAgE;AAChE,mCAAoD;AACpD,qCAAgC;AAChC,mDAA4D;AAC5D,uEAMmC;AAE5B,MAAM,YAAY,GAAa,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;;IACpD,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,MAAA,MAAM,CAAC,qBAAqB,mCAAI,CAAC,CAAC,CAAC;IAC9E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAU,KAAK,CAAC,CAAC;IACjD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACpD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAqB,EAAE,CAAC,CAAC;IAEzD,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAClC,MAAM,CAAC,iBAAiB,GAAG,CAAC,CAAS,EAAE,EAAE;gBACxC,MAAM,EAAE,GAAG,IAAA,2BAAW,GAAE,CAAC;gBACzB,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACZ,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAA,8BAAc,EAAC,EAAE,CAAC,CAAC,CAAC;YACjD,CAAC,CAAC;YAEF,MAAM,CAAC,iBAAiB,GAAG,KAAK,CAAC;SACjC;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAG,IAAA,eAAO,EAAC,GAAyB,EAAE;QAC/D,OAAO;YACN,KAAK;YACL,OAAO;YACP,iBAAiB;YACjB,MAAM,EAAE,cAAc;YACtB,YAAY;YACZ,eAAe;YACf,iBAAiB;SACjB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnD,MAAM,uBAAuB,GAAG,IAAA,eAAO,EAAC,GAA4B,EAAE;QACrE,OAAO;YACN,QAAQ;YACR,UAAU;SACV,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAkB,EAAE;QAChD,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,OAAO;YACN,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE;YACzB,aAAa;SACb,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,MAAM,CAAC,GAAG,EAAE;YACf,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtC,IAAI,MAAM,KAAK,MAAM,EAAE;oBACtB,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;iBAC/B;YACF,CAAC,CAAC,CAAC;SACH;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,uBAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACzC,uBAAC,yCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB,YACpD,uBAAC,4CAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,uBAAuB,YAC1D,uBAAC,+CAA0B,cAC1B,uBAAC,8CAA0B;oBAC1B,8LAA8L;;wBAA9L,8LAA8L;wBAC9L,iBAAiB,EAAE,CAAC,YAEnB,QAAQ,WACmB,WACD,WACA,WACJ,WACJ,CACxB,CAAC;AACH,CAAC,CAAC;AA1EW,QAAA,YAAY,gBA0EvB"}

package/dist/cjs/Still.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { StillProps } from './Composition';
+export declare const Still: <T>(props: StillProps<T>) => JSX.Element;
+//# sourceMappingURL=Still.d.ts.map

package/dist/cjs/Still.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Still.d.ts","sourceRoot":"","sources":["../../src/Still.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,UAAU,EAAC,MAAM,eAAe,CAAC;AAEtD,eAAO,MAAM,KAAK,0CAEjB,CAAC"}

package/dist/cjs/Still.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Still = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Composition_1 = require("./Composition");
+const Still = (props) => {
+    return (0, jsx_runtime_1.jsx)(Composition_1.Composition, { fps: 1, durationInFrames: 1, ...props }, void 0);
+};
+exports.Still = Still;
+//# sourceMappingURL=Still.js.map

package/dist/cjs/Still.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Still.js","sourceRoot":"","sources":["../../src/Still.tsx"],"names":[],"mappings":";;;;AAAA,+CAAsD;AAE/C,MAAM,KAAK,GAAG,CAAK,KAAoB,EAAE,EAAE;IACjD,OAAO,uBAAC,yBAAW,IAAC,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,KAAM,KAAK,WAAI,CAAC;AAChE,CAAC,CAAC;AAFW,QAAA,KAAK,SAEhB"}

package/dist/cjs/absolute-src.d.ts

@@ -0,0 +1,2 @@
+export declare const getAbsoluteSrc: (relativeSrc: string) => string;
+//# sourceMappingURL=absolute-src.d.ts.map

package/dist/cjs/absolute-src.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"absolute-src.d.ts","sourceRoot":"","sources":["../../src/absolute-src.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,gBAAiB,MAAM,WAEjD,CAAC"}

package/dist/cjs/absolute-src.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAbsoluteSrc = void 0;
+const getAbsoluteSrc = (relativeSrc) => {
+    return new URL(relativeSrc, window.location.origin).href;
+};
+exports.getAbsoluteSrc = getAbsoluteSrc;
+//# sourceMappingURL=absolute-src.js.map

package/dist/cjs/absolute-src.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"absolute-src.js","sourceRoot":"","sources":["../../src/absolute-src.ts"],"names":[],"mappings":";;;AAAO,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE;IACrD,OAAO,IAAI,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;AAC1D,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB"}

package/dist/cjs/any-component.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType, ReactFragment, ReactNode } from 'react';
+export declare type AnyComponent<T> = ComponentType<T> | ((props: T) => ReactNode);
+export declare type LooseAnyComponent<T> = ComponentType<T> | ((props: T) => Exclude<ReactNode, ReactFragment | undefined>);
+//# sourceMappingURL=any-component.d.ts.map

package/dist/cjs/any-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"any-component.d.ts","sourceRoot":"","sources":["../../src/any-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,aAAa,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE9D,oBAAY,YAAY,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC;AAS3E,oBAAY,iBAAiB,CAAC,CAAC,IAC5B,aAAa,CAAC,CAAC,CAAC,GAChB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,SAAS,EAAE,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC"}

package/dist/cjs/any-component.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=any-component.js.map

package/dist/cjs/any-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"any-component.js","sourceRoot":"","sources":["../../src/any-component.ts"],"names":[],"mappings":""}

package/dist/cjs/asset-types.d.ts

@@ -0,0 +1,54 @@
+declare module '*.webm' {
+    const src: string;
+    export default src;
+}
+declare module '*.png' {
+    const src: string;
+    export default src;
+}
+declare module '*.mp4' {
+    const src: string;
+    export default src;
+}
+declare module '*.mp3' {
+    const src: string;
+    export default src;
+}
+declare module '*.wav' {
+    const src: string;
+    export default src;
+}
+declare module '*.aac' {
+    const src: string;
+    export default src;
+}
+declare module '*.svg' {
+    const src: string;
+    export default src;
+}
+declare module '*.jpg' {
+    const src: string;
+    export default src;
+}
+declare module '*.jpeg' {
+    const src: string;
+    export default src;
+}
+declare module '*.bmp' {
+    const src: string;
+    export default src;
+}
+declare module '*.gif' {
+    const src: string;
+    export default src;
+}
+declare module '*.woff' {
+    const src: string;
+    export default src;
+}
+declare module '*.woff2' {
+    const src: string;
+    export default src;
+}
+declare module '*.css';
+//# sourceMappingURL=asset-types.d.ts.map

package/dist/cjs/asset-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-types.d.ts","sourceRoot":"","sources":["../../src/asset-types.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,QAAQ,CAAC;IACvB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,OAAO,CAAC;IACtB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,OAAO,CAAC;IACtB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,OAAO,CAAC;IACtB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,OAAO,CAAC;IACtB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,OAAO,CAAC;IACtB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,OAAO,CAAC;IACtB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,OAAO,CAAC;IACtB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,QAAQ,CAAC;IACvB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,OAAO,CAAC;IACtB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,OAAO,CAAC;IACtB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,QAAQ,CAAC;IACvB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,SAAS,CAAC;IACxB,MAAM,GAAG,EAAE,MAAM,CAAC;IAClB,eAAe,GAAG,CAAC;CACnB;AAED,OAAO,QAAQ,OAAO,CAAC"}

package/dist/cjs/asset-types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=asset-types.js.map

package/dist/cjs/asset-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-types.js","sourceRoot":"","sources":["../../src/asset-types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { RemotionMainAudioProps } from './props';
+export declare const Audio: React.ForwardRefExoticComponent<Pick<Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, "onEnded" | "autoPlay" | "controls" | "loop"> & {
+    volume?: import("../volume-prop").VolumeProp | undefined;
+    playbackRate?: number | undefined;
+} & RemotionMainAudioProps, "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "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" | "src" | "volume" | "playbackRate" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "playsInline" | "preload" | "key" | keyof RemotionMainAudioProps> & React.RefAttributes<HTMLAudioElement>>;
+//# sourceMappingURL=Audio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Audio.d.ts","sourceRoot":"","sources":["../../../src/audio/Audio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAOjE,OAAO,EAAqB,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAsDnE,eAAO,MAAM,KAAK;;;usJAAyC,CAAC"}

package/dist/cjs/audio/Audio.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Audio = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const get_environment_1 = require("../get-environment");
+const sequencing_1 = require("../sequencing");
+const validate_media_props_1 = require("../validate-media-props");
+const validate_start_from_props_1 = require("../validate-start-from-props");
+const AudioForDevelopment_1 = require("./AudioForDevelopment");
+const AudioForRendering_1 = require("./AudioForRendering");
+const shared_audio_tags_1 = require("./shared-audio-tags");
+const AudioRefForwardingFunction = (props, ref) => {
+    const audioContext = (0, react_1.useContext)(shared_audio_tags_1.SharedAudioContext);
+    const { startFrom, endAt, ...otherProps } = props;
+    const onError = (0, react_1.useCallback)((e) => {
+        throw new Error(`Could not play audio with src ${otherProps.src}: ${e.currentTarget.error}`);
+    }, [otherProps.src]);
+    if (typeof startFrom !== 'undefined' || typeof endAt !== 'undefined') {
+        (0, validate_start_from_props_1.validateStartFromProps)(startFrom, endAt);
+        const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
+        const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
+        return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.Audio, { ...otherProps, ref: ref }, void 0) }, void 0));
+    }
+    (0, validate_media_props_1.validateMediaProps)(props, 'Audio');
+    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
+        return (0, jsx_runtime_1.jsx)(AudioForRendering_1.AudioForRendering, { ...props, ref: ref, onError: onError }, void 0);
+    }
+    return ((0, jsx_runtime_1.jsx)(AudioForDevelopment_1.AudioForDevelopment, { shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError }, void 0));
+};
+exports.Audio = (0, react_1.forwardRef)(AudioRefForwardingFunction);
+//# sourceMappingURL=Audio.js.map

package/dist/cjs/audio/Audio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Audio.js","sourceRoot":"","sources":["../../../src/audio/Audio.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiE;AACjE,wDAA0D;AAC1D,8CAAuC;AACvC,kEAA2D;AAC3D,4EAAoE;AACpE,+DAA0D;AAC1D,2DAAsD;AAEtD,2DAAuD;AAEvD,MAAM,0BAA0B,GAG5B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClB,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,sCAAkB,CAAC,CAAC;IACpD,MAAM,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAC,GAAG,KAAK,CAAC;IAEhD,MAAM,OAAO,GAA8C,IAAA,mBAAW,EACrE,CAAC,CAAC,EAAE,EAAE;QACL,MAAM,IAAI,KAAK,CACd,iCAAiC,UAAU,CAAC,GAAG,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAC3E,CAAC;IACH,CAAC,EACD,CAAC,UAAU,CAAC,GAAG,CAAC,CAChB,CAAC;IAEF,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;QACrE,IAAA,kDAAsB,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAEzC,MAAM,gBAAgB,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,CAAC;QACxC,MAAM,YAAY,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,QAAQ,CAAC;QACvC,OAAO,CACN,uBAAC,qBAAQ,IACR,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,CAAC,GAAG,gBAAgB,EAC1B,cAAc,EAAE,KAAK,EACrB,gBAAgB,EAAE,YAAY,YAE9B,uBAAC,aAAK,OAAK,UAAU,EAAE,GAAG,EAAE,GAAG,WAAI,WACzB,CACX,CAAC;KACF;IAED,IAAA,yCAAkB,EAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEnC,IAAI,IAAA,wCAAsB,GAAE,KAAK,WAAW,EAAE;QAC7C,OAAO,uBAAC,qCAAiB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,WAAI,CAAC;KACpE;IAED,OAAO,CACN,uBAAC,yCAAmB,IACnB,uBAAuB,EACtB,YAAY,KAAK,IAAI,IAAI,YAAY,CAAC,iBAAiB,GAAG,CAAC,KAExD,KAAK,EACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,WACf,CACF,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,0BAA0B,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const AudioForDevelopment: React.ForwardRefExoticComponent<Pick<Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, "onEnded" | "autoPlay" | "controls" | "loop"> & {
+    volume?: import("../volume-prop").VolumeProp | undefined;
+    playbackRate?: number | undefined;
+} & {
+    shouldPreMountAudioTags: boolean;
+}, "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "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" | "src" | "volume" | "playbackRate" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "playsInline" | "preload" | "key" | "shouldPreMountAudioTags"> & React.RefAttributes<HTMLAudioElement>>;
+//# sourceMappingURL=AudioForDevelopment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AudioForDevelopment.d.ts","sourceRoot":"","sources":["../../../src/audio/AudioForDevelopment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiFhF,eAAO,MAAM,mBAAmB;;;;6BAjEL,OAAO;2qJAmEjC,CAAC"}