remotion 3.3.51 → 3.3.52

package/dist/internals.js

@@ -0,0 +1,99 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Internals = void 0;
+const config_1 = require("./config");
+const shared_audio_tags_1 = require("./audio/shared-audio-tags");
+const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
+const CompositionManager_1 = require("./CompositionManager");
+const CSSUtils = __importStar(require("./default-css"));
+const delay_render_1 = require("./delay-render");
+const get_environment_1 = require("./get-environment");
+const get_preview_dom_element_1 = require("./get-preview-dom-element");
+const is_player_1 = require("./is-player");
+const portal_node_1 = require("./portal-node");
+const prefetch_state_1 = require("./prefetch-state");
+const register_root_1 = require("./register-root");
+const RemotionRoot_1 = require("./RemotionRoot");
+const Sequence_1 = require("./Sequence");
+const setup_env_variables_1 = require("./setup-env-variables");
+const TimelinePosition = __importStar(require("./timeline-position-state"));
+const truthy_1 = require("./truthy");
+const use_lazy_component_1 = require("./use-lazy-component");
+const use_unsafe_video_config_1 = require("./use-unsafe-video-config");
+const use_video_1 = require("./use-video");
+const validate_composition_id_1 = require("./validation/validate-composition-id");
+const validate_dimensions_1 = require("./validation/validate-dimensions");
+const validate_duration_in_frames_1 = require("./validation/validate-duration-in-frames");
+const validate_fps_1 = require("./validation/validate-fps");
+const validate_offthreadvideo_image_format_1 = require("./validation/validate-offthreadvideo-image-format");
+const duration_state_1 = require("./video/duration-state");
+const volume_position_state_1 = require("./volume-position-state");
+const wrap_remotion_context_1 = require("./wrap-remotion-context");
+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_1.useUnsafeVideoConfig,
+    Timeline,
+    CompositionManager: CompositionManager_1.CompositionManager,
+    RemotionRoot: RemotionRoot_1.RemotionRoot,
+    useVideo: use_video_1.useVideo,
+    getRoot: register_root_1.getRoot,
+    useMediaVolumeState: volume_position_state_1.useMediaVolumeState,
+    useMediaMutedState: volume_position_state_1.useMediaMutedState,
+    useLazyComponent: use_lazy_component_1.useLazyComponent,
+    truthy: truthy_1.truthy,
+    SequenceContext: Sequence_1.SequenceContext,
+    useRemotionContexts: wrap_remotion_context_1.useRemotionContexts,
+    RemotionContextProvider: wrap_remotion_context_1.RemotionContextProvider,
+    CSSUtils,
+    setupEnvVariables: setup_env_variables_1.setupEnvVariables,
+    ENV_VARIABLES_ENV_NAME: setup_env_variables_1.ENV_VARIABLES_ENV_NAME,
+    MediaVolumeContext: volume_position_state_1.MediaVolumeContext,
+    SetMediaVolumeContext: volume_position_state_1.SetMediaVolumeContext,
+    validateDurationInFrames: validate_duration_in_frames_1.validateDurationInFrames,
+    validateFps: validate_fps_1.validateFps,
+    validateDimension: validate_dimensions_1.validateDimension,
+    getRemotionEnvironment: get_environment_1.getRemotionEnvironment,
+    SharedAudioContext: shared_audio_tags_1.SharedAudioContext,
+    SharedAudioContextProvider: shared_audio_tags_1.SharedAudioContextProvider,
+    invalidCompositionErrorMessage: validate_composition_id_1.invalidCompositionErrorMessage,
+    isCompositionIdValid: validate_composition_id_1.isCompositionIdValid,
+    getPreviewDomElement: get_preview_dom_element_1.getPreviewDomElement,
+    compositionsRef: CompositionManager_1.compositionsRef,
+    DELAY_RENDER_CALLSTACK_TOKEN: delay_render_1.DELAY_RENDER_CALLSTACK_TOKEN,
+    portalNode: portal_node_1.portalNode,
+    waitForRoot: register_root_1.waitForRoot,
+    validateOffthreadVideoImageFormat: validate_offthreadvideo_image_format_1.validateOffthreadVideoImageFormat,
+    CanUseRemotionHooksProvider: CanUseRemotionHooks_1.CanUseRemotionHooksProvider,
+    CanUseRemotionHooks: CanUseRemotionHooks_1.CanUseRemotionHooks,
+    enableLegacyRemotionConfig: config_1.enableLegacyRemotionConfig,
+    PrefetchProvider: prefetch_state_1.PrefetchProvider,
+    DurationsContextProvider: duration_state_1.DurationsContextProvider,
+    IsPlayerContextProvider: is_player_1.IsPlayerContextProvider,
+    useIsPlayer: is_player_1.useIsPlayer,
+    useRemotionEnvironment: get_environment_1.useRemotionEnvironment,
+};

package/dist/interpolate-colors.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copied from:
+ * https://github.com/software-mansion/react-native-reanimated/blob/master/src/reanimated2/Colors.ts
+ */
+export declare const interpolateColors: (input: number, inputRange: readonly number[], outputRange: readonly string[]) => string;

package/dist/interpolate-colors.js

@@ -0,0 +1,401 @@
+"use strict";
+/**
+ * Copied from:
+ * https://github.com/software-mansion/react-native-reanimated/blob/master/src/reanimated2/Colors.ts
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.interpolateColors = void 0;
+/* eslint no-bitwise: 0 */
+const interpolate_1 = require("./interpolate");
+// var INTEGER = '[-+]?\\d+';
+const NUMBER = '[-+]?\\d*\\.?\\d+';
+const PERCENTAGE = NUMBER + '%';
+function call(...args) {
+    return '\\(\\s*(' + args.join(')\\s*,\\s*(') + ')\\s*\\)';
+}
+function getMatchers() {
+    const cachedMatchers = {
+        rgb: undefined,
+        rgba: undefined,
+        hsl: undefined,
+        hsla: undefined,
+        hex3: undefined,
+        hex4: undefined,
+        hex5: undefined,
+        hex6: undefined,
+        hex8: undefined,
+    };
+    if (cachedMatchers.rgb === undefined) {
+        cachedMatchers.rgb = new RegExp('rgb' + call(NUMBER, NUMBER, NUMBER));
+        cachedMatchers.rgba = new RegExp('rgba' + call(NUMBER, NUMBER, NUMBER, NUMBER));
+        cachedMatchers.hsl = new RegExp('hsl' + call(NUMBER, PERCENTAGE, PERCENTAGE));
+        cachedMatchers.hsla = new RegExp('hsla' + call(NUMBER, PERCENTAGE, PERCENTAGE, NUMBER));
+        cachedMatchers.hex3 = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/;
+        cachedMatchers.hex4 =
+            /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/;
+        cachedMatchers.hex6 = /^#([0-9a-fA-F]{6})$/;
+        cachedMatchers.hex8 = /^#([0-9a-fA-F]{8})$/;
+    }
+    return cachedMatchers;
+}
+function hue2rgb(p, q, t) {
+    if (t < 0) {
+        t += 1;
+    }
+    if (t > 1) {
+        t -= 1;
+    }
+    if (t < 1 / 6) {
+        return p + (q - p) * 6 * t;
+    }
+    if (t < 1 / 2) {
+        return q;
+    }
+    if (t < 2 / 3) {
+        return p + (q - p) * (2 / 3 - t) * 6;
+    }
+    return p;
+}
+function hslToRgb(h, s, l) {
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    const r = hue2rgb(p, q, h + 1 / 3);
+    const g = hue2rgb(p, q, h);
+    const b = hue2rgb(p, q, h - 1 / 3);
+    return ((Math.round(r * 255) << 24) |
+        (Math.round(g * 255) << 16) |
+        (Math.round(b * 255) << 8));
+}
+function parse255(str) {
+    const int = Number.parseInt(str, 10);
+    if (int < 0) {
+        return 0;
+    }
+    if (int > 255) {
+        return 255;
+    }
+    return int;
+}
+function parse360(str) {
+    const int = Number.parseFloat(str);
+    return (((int % 360) + 360) % 360) / 360;
+}
+function parse1(str) {
+    const num = Number.parseFloat(str);
+    if (num < 0) {
+        return 0;
+    }
+    if (num > 1) {
+        return 255;
+    }
+    return Math.round(num * 255);
+}
+function parsePercentage(str) {
+    // parseFloat conveniently ignores the final %
+    const int = Number.parseFloat(str);
+    if (int < 0) {
+        return 0;
+    }
+    if (int > 100) {
+        return 1;
+    }
+    return int / 100;
+}
+const names = {
+    transparent: 0x00000000,
+    // http://www.w3.org/TR/css3-color/#svg-color
+    aliceblue: 0xf0f8ffff,
+    antiquewhite: 0xfaebd7ff,
+    aqua: 0x00ffffff,
+    aquamarine: 0x7fffd4ff,
+    azure: 0xf0ffffff,
+    beige: 0xf5f5dcff,
+    bisque: 0xffe4c4ff,
+    black: 0x000000ff,
+    blanchedalmond: 0xffebcdff,
+    blue: 0x0000ffff,
+    blueviolet: 0x8a2be2ff,
+    brown: 0xa52a2aff,
+    burlywood: 0xdeb887ff,
+    burntsienna: 0xea7e5dff,
+    cadetblue: 0x5f9ea0ff,
+    chartreuse: 0x7fff00ff,
+    chocolate: 0xd2691eff,
+    coral: 0xff7f50ff,
+    cornflowerblue: 0x6495edff,
+    cornsilk: 0xfff8dcff,
+    crimson: 0xdc143cff,
+    cyan: 0x00ffffff,
+    darkblue: 0x00008bff,
+    darkcyan: 0x008b8bff,
+    darkgoldenrod: 0xb8860bff,
+    darkgray: 0xa9a9a9ff,
+    darkgreen: 0x006400ff,
+    darkgrey: 0xa9a9a9ff,
+    darkkhaki: 0xbdb76bff,
+    darkmagenta: 0x8b008bff,
+    darkolivegreen: 0x556b2fff,
+    darkorange: 0xff8c00ff,
+    darkorchid: 0x9932ccff,
+    darkred: 0x8b0000ff,
+    darksalmon: 0xe9967aff,
+    darkseagreen: 0x8fbc8fff,
+    darkslateblue: 0x483d8bff,
+    darkslategray: 0x2f4f4fff,
+    darkslategrey: 0x2f4f4fff,
+    darkturquoise: 0x00ced1ff,
+    darkviolet: 0x9400d3ff,
+    deeppink: 0xff1493ff,
+    deepskyblue: 0x00bfffff,
+    dimgray: 0x696969ff,
+    dimgrey: 0x696969ff,
+    dodgerblue: 0x1e90ffff,
+    firebrick: 0xb22222ff,
+    floralwhite: 0xfffaf0ff,
+    forestgreen: 0x228b22ff,
+    fuchsia: 0xff00ffff,
+    gainsboro: 0xdcdcdcff,
+    ghostwhite: 0xf8f8ffff,
+    gold: 0xffd700ff,
+    goldenrod: 0xdaa520ff,
+    gray: 0x808080ff,
+    green: 0x008000ff,
+    greenyellow: 0xadff2fff,
+    grey: 0x808080ff,
+    honeydew: 0xf0fff0ff,
+    hotpink: 0xff69b4ff,
+    indianred: 0xcd5c5cff,
+    indigo: 0x4b0082ff,
+    ivory: 0xfffff0ff,
+    khaki: 0xf0e68cff,
+    lavender: 0xe6e6faff,
+    lavenderblush: 0xfff0f5ff,
+    lawngreen: 0x7cfc00ff,
+    lemonchiffon: 0xfffacdff,
+    lightblue: 0xadd8e6ff,
+    lightcoral: 0xf08080ff,
+    lightcyan: 0xe0ffffff,
+    lightgoldenrodyellow: 0xfafad2ff,
+    lightgray: 0xd3d3d3ff,
+    lightgreen: 0x90ee90ff,
+    lightgrey: 0xd3d3d3ff,
+    lightpink: 0xffb6c1ff,
+    lightsalmon: 0xffa07aff,
+    lightseagreen: 0x20b2aaff,
+    lightskyblue: 0x87cefaff,
+    lightslategray: 0x778899ff,
+    lightslategrey: 0x778899ff,
+    lightsteelblue: 0xb0c4deff,
+    lightyellow: 0xffffe0ff,
+    lime: 0x00ff00ff,
+    limegreen: 0x32cd32ff,
+    linen: 0xfaf0e6ff,
+    magenta: 0xff00ffff,
+    maroon: 0x800000ff,
+    mediumaquamarine: 0x66cdaaff,
+    mediumblue: 0x0000cdff,
+    mediumorchid: 0xba55d3ff,
+    mediumpurple: 0x9370dbff,
+    mediumseagreen: 0x3cb371ff,
+    mediumslateblue: 0x7b68eeff,
+    mediumspringgreen: 0x00fa9aff,
+    mediumturquoise: 0x48d1ccff,
+    mediumvioletred: 0xc71585ff,
+    midnightblue: 0x191970ff,
+    mintcream: 0xf5fffaff,
+    mistyrose: 0xffe4e1ff,
+    moccasin: 0xffe4b5ff,
+    navajowhite: 0xffdeadff,
+    navy: 0x000080ff,
+    oldlace: 0xfdf5e6ff,
+    olive: 0x808000ff,
+    olivedrab: 0x6b8e23ff,
+    orange: 0xffa500ff,
+    orangered: 0xff4500ff,
+    orchid: 0xda70d6ff,
+    palegoldenrod: 0xeee8aaff,
+    palegreen: 0x98fb98ff,
+    paleturquoise: 0xafeeeeff,
+    palevioletred: 0xdb7093ff,
+    papayawhip: 0xffefd5ff,
+    peachpuff: 0xffdab9ff,
+    peru: 0xcd853fff,
+    pink: 0xffc0cbff,
+    plum: 0xdda0ddff,
+    powderblue: 0xb0e0e6ff,
+    purple: 0x800080ff,
+    rebeccapurple: 0x663399ff,
+    red: 0xff0000ff,
+    rosybrown: 0xbc8f8fff,
+    royalblue: 0x4169e1ff,
+    saddlebrown: 0x8b4513ff,
+    salmon: 0xfa8072ff,
+    sandybrown: 0xf4a460ff,
+    seagreen: 0x2e8b57ff,
+    seashell: 0xfff5eeff,
+    sienna: 0xa0522dff,
+    silver: 0xc0c0c0ff,
+    skyblue: 0x87ceebff,
+    slateblue: 0x6a5acdff,
+    slategray: 0x708090ff,
+    slategrey: 0x708090ff,
+    snow: 0xfffafaff,
+    springgreen: 0x00ff7fff,
+    steelblue: 0x4682b4ff,
+    tan: 0xd2b48cff,
+    teal: 0x008080ff,
+    thistle: 0xd8bfd8ff,
+    tomato: 0xff6347ff,
+    turquoise: 0x40e0d0ff,
+    violet: 0xee82eeff,
+    wheat: 0xf5deb3ff,
+    white: 0xffffffff,
+    whitesmoke: 0xf5f5f5ff,
+    yellow: 0xffff00ff,
+    yellowgreen: 0x9acd32ff,
+};
+function normalizeColor(color) {
+    const matchers = getMatchers();
+    let match;
+    // Ordered based on occurrences on Facebook codebase
+    if (matchers.hex6) {
+        if ((match = matchers.hex6.exec(color))) {
+            return Number.parseInt(match[1] + 'ff', 16) >>> 0;
+        }
+    }
+    if (names[color] !== undefined) {
+        return names[color];
+    }
+    if (matchers.rgb) {
+        if ((match = matchers.rgb.exec(color))) {
+            return (
+            // b
+            ((parse255(match[1]) << 24) | // r
+                (parse255(match[2]) << 16) | // g
+                (parse255(match[3]) << 8) |
+                0x000000ff) >>> // a
+                0);
+        }
+    }
+    if (matchers.rgba) {
+        if ((match = matchers.rgba.exec(color))) {
+            return (
+            // b
+            ((parse255(match[1]) << 24) | // r
+                (parse255(match[2]) << 16) | // g
+                (parse255(match[3]) << 8) |
+                parse1(match[4])) >>> // a
+                0);
+        }
+    }
+    if (matchers.hex3) {
+        if ((match = matchers.hex3.exec(color))) {
+            return (Number.parseInt(match[1] +
+                match[1] + // r
+                match[2] +
+                match[2] + // g
+                match[3] +
+                match[3] + // b
+                'ff', // a
+            16) >>> 0);
+        }
+    }
+    // https://drafts.csswg.org/css-color-4/#hex-notation
+    if (matchers.hex8) {
+        if ((match = matchers.hex8.exec(color))) {
+            return Number.parseInt(match[1], 16) >>> 0;
+        }
+    }
+    if (matchers.hex4) {
+        if ((match = matchers.hex4.exec(color))) {
+            return (Number.parseInt(match[1] +
+                match[1] + // r
+                match[2] +
+                match[2] + // g
+                match[3] +
+                match[3] + // b
+                match[4] +
+                match[4], // a
+            16) >>> 0);
+        }
+    }
+    if (matchers.hsl) {
+        if ((match = matchers.hsl.exec(color))) {
+            return ((hslToRgb(parse360(match[1]), // h
+            parsePercentage(match[2]), // s
+            parsePercentage(match[3]) // l
+            ) |
+                0x000000ff) >>> // a
+                0);
+        }
+    }
+    if (matchers.hsla) {
+        if ((match = matchers.hsla.exec(color))) {
+            return ((hslToRgb(parse360(match[1]), // h
+            parsePercentage(match[2]), // s
+            parsePercentage(match[3]) // l
+            ) |
+                parse1(match[4])) >>> // a
+                0);
+        }
+    }
+    throw new Error(`invalid color string ${color} provided`);
+}
+const opacity = (c) => {
+    return ((c >> 24) & 255) / 255;
+};
+const red = (c) => {
+    return (c >> 16) & 255;
+};
+const green = (c) => {
+    return (c >> 8) & 255;
+};
+const blue = (c) => {
+    return c & 255;
+};
+const rgbaColor = (r, g, b, alpha) => {
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+};
+function processColorInitially(color) {
+    let normalizedColor = normalizeColor(color);
+    normalizedColor = ((normalizedColor << 24) | (normalizedColor >>> 8)) >>> 0; // argb
+    return normalizedColor;
+}
+function processColor(color) {
+    const normalizedColor = processColorInitially(color);
+    return normalizedColor;
+}
+const interpolateColorsRGB = (value, inputRange, colors) => {
+    const [r, g, b, a] = [red, green, blue, opacity].map((f) => {
+        const unrounded = (0, interpolate_1.interpolate)(value, inputRange, colors.map((c) => f(c)), {
+            extrapolateLeft: 'clamp',
+            extrapolateRight: 'clamp',
+        });
+        if (f === opacity) {
+            return Number(unrounded.toFixed(3));
+        }
+        return Math.round(unrounded);
+    });
+    return rgbaColor(r, g, b, a);
+};
+const interpolateColors = (input, inputRange, outputRange) => {
+    if (typeof input === 'undefined') {
+        throw new TypeError('input can not be undefined');
+    }
+    if (typeof inputRange === 'undefined') {
+        throw new TypeError('inputRange can not be undefined');
+    }
+    if (typeof outputRange === 'undefined') {
+        throw new TypeError('outputRange can not be undefined');
+    }
+    if (inputRange.length !== outputRange.length) {
+        throw new TypeError('inputRange (' +
+            inputRange.length +
+            ' values provided) and outputRange (' +
+            outputRange.length +
+            ' values provided) must have the same length');
+    }
+    const processedOutputRange = outputRange.map((c) => processColor(c));
+    return interpolateColorsRGB(input, inputRange, processedOutputRange);
+};
+exports.interpolateColors = interpolateColors;

package/dist/interpolate.d.ts

@@ -0,0 +1,18 @@
+declare type ExtrapolateType = 'extend' | 'identity' | 'clamp';
+/**
+ * Map a value from an input range to an output range.
+ * @link https://www.remotion.dev/docs/interpolate
+ * @param {!number} input value to interpolate
+ * @param {!number[]} inputRange range of values that you expect the input to assume.
+ * @param {!number[]} outputRange range of output values that you want the input to map to.
+ * @param {?object} options
+ * @param {?Function} options.easing easing function which allows you to customize the input, for example to apply a certain easing function. By default, the input is left unmodified, resulting in a pure linear interpolation {@link https://www.remotion.dev/docs/easing}
+ * @param {string=} [options.extrapolateLeft="extend"] What should happen if the input value is outside left the input range, default: "extend" {@link https://www.remotion.dev/docs/interpolate#extrapolateleft}
+ * @param {string=} [options.extrapolateRight="extend"] Same as extrapolateLeft, except for values outside right the input range {@link https://www.remotion.dev/docs/interpolate#extrapolateright}
+ */
+export declare function interpolate(input: number, inputRange: readonly number[], outputRange: readonly number[], options?: {
+    easing?: (input: number) => number;
+    extrapolateLeft?: ExtrapolateType;
+    extrapolateRight?: ExtrapolateType;
+}): number;
+export {};

package/dist/interpolate.js

@@ -0,0 +1,123 @@
+"use strict";
+// Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/nodes/AnimatedInterpolation.js
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.interpolate = void 0;
+function interpolateFunction(input, inputRange, outputRange, options) {
+    const { extrapolateLeft, extrapolateRight, easing } = options;
+    let result = input;
+    const [inputMin, inputMax] = inputRange;
+    const [outputMin, outputMax] = outputRange;
+    if (result < inputMin) {
+        if (extrapolateLeft === 'identity') {
+            return result;
+        }
+        if (extrapolateLeft === 'clamp') {
+            result = inputMin;
+        }
+        else if (extrapolateLeft === 'extend') {
+            // noop
+        }
+    }
+    if (result > inputMax) {
+        if (extrapolateRight === 'identity') {
+            return result;
+        }
+        if (extrapolateRight === 'clamp') {
+            result = inputMax;
+        }
+        else if (extrapolateRight === 'extend') {
+            // noop
+        }
+    }
+    if (outputMin === outputMax) {
+        return outputMin;
+    }
+    // Input Range
+    result = (result - inputMin) / (inputMax - inputMin);
+    // Easing
+    result = easing(result);
+    // Output Range
+    result = result * (outputMax - outputMin) + outputMin;
+    return result;
+}
+function findRange(input, inputRange) {
+    let i;
+    for (i = 1; i < inputRange.length - 1; ++i) {
+        if (inputRange[i] >= input) {
+            break;
+        }
+    }
+    return i - 1;
+}
+function checkValidInputRange(arr) {
+    for (let i = 1; i < arr.length; ++i) {
+        if (!(arr[i] > arr[i - 1])) {
+            throw new Error(`inputRange must be strictly monotonically non-decreasing but got [${arr.join(',')}]`);
+        }
+    }
+}
+function checkInfiniteRange(name, arr) {
+    if (arr.length < 2) {
+        throw new Error(name + ' must have at least 2 elements');
+    }
+    for (const index in arr) {
+        if (typeof arr[index] !== 'number') {
+            throw new Error(`${name} must contain only numbers`);
+        }
+        if (arr[index] === -Infinity || arr[index] === Infinity) {
+            throw new Error(`${name} must contain only finite numbers, but got [${arr.join(',')}]`);
+        }
+    }
+}
+/**
+ * Map a value from an input range to an output range.
+ * @link https://www.remotion.dev/docs/interpolate
+ * @param {!number} input value to interpolate
+ * @param {!number[]} inputRange range of values that you expect the input to assume.
+ * @param {!number[]} outputRange range of output values that you want the input to map to.
+ * @param {?object} options
+ * @param {?Function} options.easing easing function which allows you to customize the input, for example to apply a certain easing function. By default, the input is left unmodified, resulting in a pure linear interpolation {@link https://www.remotion.dev/docs/easing}
+ * @param {string=} [options.extrapolateLeft="extend"] What should happen if the input value is outside left the input range, default: "extend" {@link https://www.remotion.dev/docs/interpolate#extrapolateleft}
+ * @param {string=} [options.extrapolateRight="extend"] Same as extrapolateLeft, except for values outside right the input range {@link https://www.remotion.dev/docs/interpolate#extrapolateright}
+ */
+function interpolate(input, inputRange, outputRange, options) {
+    var _a;
+    if (typeof input === 'undefined') {
+        throw new Error('input can not be undefined');
+    }
+    if (typeof inputRange === 'undefined') {
+        throw new Error('inputRange can not be undefined');
+    }
+    if (typeof outputRange === 'undefined') {
+        throw new Error('outputRange can not be undefined');
+    }
+    if (inputRange.length !== outputRange.length) {
+        throw new Error('inputRange (' +
+            inputRange.length +
+            ') and outputRange (' +
+            outputRange.length +
+            ') must have the same length');
+    }
+    checkInfiniteRange('inputRange', inputRange);
+    checkInfiniteRange('outputRange', outputRange);
+    checkValidInputRange(inputRange);
+    const easing = (_a = options === null || options === void 0 ? void 0 : options.easing) !== null && _a !== void 0 ? _a : ((num) => num);
+    let extrapolateLeft = 'extend';
+    if ((options === null || options === void 0 ? void 0 : options.extrapolateLeft) !== undefined) {
+        extrapolateLeft = options.extrapolateLeft;
+    }
+    let extrapolateRight = 'extend';
+    if ((options === null || options === void 0 ? void 0 : options.extrapolateRight) !== undefined) {
+        extrapolateRight = options.extrapolateRight;
+    }
+    if (typeof input !== 'number') {
+        throw new TypeError('Cannot interpolate an input which is not a number');
+    }
+    const range = findRange(input, inputRange);
+    return interpolateFunction(input, [inputRange[range], inputRange[range + 1]], [outputRange[range], outputRange[range + 1]], {
+        easing,
+        extrapolateLeft,
+        extrapolateRight,
+    });
+}
+exports.interpolate = interpolate;

package/dist/is-approximately-the-same.d.ts

@@ -0,0 +1 @@
+export declare const isApproximatelyTheSame: (num1: number, num2: number) => boolean;

package/dist/is-approximately-the-same.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isApproximatelyTheSame = void 0;
+const FLOATING_POINT_ERROR_THRESHOLD = 0.00001;
+const isApproximatelyTheSame = (num1, num2) => {
+    return Math.abs(num1 - num2) < FLOATING_POINT_ERROR_THRESHOLD;
+};
+exports.isApproximatelyTheSame = isApproximatelyTheSame;

package/dist/is-player.d.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from 'react';
+export declare const IsPlayerContextProvider: React.FC<PropsWithChildren>;
+export declare const useIsPlayer: () => boolean;

package/dist/is-player.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsPlayer = exports.IsPlayerContextProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const IsPlayerContext = (0, react_1.createContext)(false);
+const IsPlayerContextProvider = ({ children, }) => {
+    return (0, jsx_runtime_1.jsx)(IsPlayerContext.Provider, { value: true, children: children });
+};
+exports.IsPlayerContextProvider = IsPlayerContextProvider;
+const useIsPlayer = () => {
+    return (0, react_1.useContext)(IsPlayerContext);
+};
+exports.useIsPlayer = useIsPlayer;

package/dist/loading-indicator.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Loading: React.FC;